@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e9eee9;background:#111a18;font-family:Manrope,Inter,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#101817}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}code{font-family:DM Mono,ui-monospace,monospace;font-size:.88em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{min-height:100vh;background:radial-gradient(circle at 62% -10%,#29463c 0,transparent 35rem),linear-gradient(145deg,#0f1917,#13231e 58%,#0e1716)}.topbar{height:76px;padding:0 32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid rgba(219,239,225,.11);background:#0a1210ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand-logo{width:50px;height:50px;display:block;object-fit:contain;border-radius:11px;box-shadow:0 7px 20px #0000003d}.brand small{color:#8ba39a;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-left:1px solid #3b5049;padding-left:10px}.brand-mark,.shield-mark{color:#d4ff74;font-size:29px;font-weight:400;line-height:.8;transform:rotate(90deg);display:inline-block}.runtime{margin-left:auto;display:flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.runtime.connected{background:#78d09f21;color:#a9e8bd}.runtime.local{background:#dcc27c1f;color:#e9ce89}.runtime-dot,.live-dot:before{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent)}.reset-button{background:transparent;color:#d6e2dc;border:1px solid #40564e;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700}.reset-button:hover{border-color:#9cb3a8;background:#ffffff0d}.context-bar{min-height:42px;padding:9px 32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(219,239,225,.08);color:#93a99f;font-size:12px}.context-bar>span:first-child{color:#d4ff74;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.context-status{margin-left:auto;color:#6e867b;text-align:right}.workspace{padding:22px 28px 32px;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(420px,1.45fr) minmax(300px,.9fr);gap:18px;max-width:1800px;margin:0 auto}.center-stack{display:grid;gap:18px;min-width:0}.panel{border:1px solid rgba(207,232,219,.13);border-radius:14px;background:#13221dc7;box-shadow:0 18px 48px #00000029;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 15px}.eyebrow{margin:0 0 5px;color:#9ab5a8;font-size:10px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.1em}h2{margin:0;color:#f3f7f3;font-size:18px;letter-spacing:-.4px}h3{margin:0;color:#d6e5dc;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.count-pill{color:#e2fac9;background:#284234;border-radius:999px;padding:5px 9px;font-family:DM Mono,monospace;font-size:11px}.order-list{height:calc(100vh - 174px);min-height:600px;display:flex;flex-direction:column}.filters{display:grid;grid-template-columns:1fr;gap:8px;padding:0 15px 15px}input,select{width:100%;border:1px solid #3a5148;color:#e8f0ea;background:#10201b;border-radius:8px;padding:10px 11px;outline:none;font-size:12px}input:focus,select:focus{border-color:#b9ec77;box-shadow:0 0 0 3px #baec771f}.order-scroll{overflow:auto;padding:0 8px 10px}.order-row{width:100%;display:grid;gap:5px;text-align:left;padding:12px;color:#c5d2ca;border:1px solid transparent;background:transparent;border-radius:10px}.order-row:hover{background:#ffffff09}.order-row.selected{background:linear-gradient(110deg,#8bcd8a26,#679f790a);border-color:#a1e1a647}.order-row-top,.order-row-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.order-row strong{color:#edf5ee;font-size:13px}.order-row-bottom{color:#8fa79b;font-size:11px}.status{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;text-transform:capitalize}.status.delivered,.status.paid{background:#61b6932b;color:#9ce7c1}.status.shipped,.status.pending{background:#74a0d729;color:#abd0ff}.status.refunded,.status.partially_refunded{background:#e6a65b29;color:#f2c88c}.status.cancelled{background:#e27a7a2b;color:#f1aaaa}.order-detail{min-height:425px;padding:24px}.detail-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.detail-title h2 code{font-size:21px}.order-meta{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:24px 0 19px}.order-meta div{min-width:0;display:grid;gap:4px}.order-meta span,.order-meta small{color:#8ba197;font-size:11px}.order-meta strong{color:#e7f0e9;font-size:13px;overflow-wrap:anywhere}.money{color:#d7ff9a!important;font-family:DM Mono,monospace}.section-rule{height:1px;background:#30453c;margin:10px 0 17px}.line-items,.messages{display:grid;gap:9px}.line-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#050f0c3b;border-radius:9px;padding:10px 11px;color:#b8c8be;font-size:12px}.line-item div{display:grid;gap:3px}.line-item strong{color:#edf4ef}.line-item code{color:#98b3a5}.messages{margin-top:21px}.message{border-left:2px solid #b9ec77;background:#aedb880f;padding:10px 12px;border-radius:0 8px 8px 0}.message span{color:#9eb5aa;font-size:11px}.message p{margin:5px 0 0;color:#e0e9e2;font-size:13px;line-height:1.45}.notice{margin-top:18px;color:#e7c990;font-size:12px}.activity-log{height:calc(100vh - 174px);min-height:600px;display:flex;flex-direction:column}.live-dot{color:#a4e7b6;font-size:10px;font-weight:800;display:flex;gap:7px;align-items:center;text-transform:uppercase;letter-spacing:.08em}.event-list{overflow:auto;padding:0 13px 12px}.event{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:13px 4px;border-top:1px solid rgba(177,205,192,.1)}.event-time{color:#789087;font-family:DM Mono,monospace;font-size:10px;padding-top:3px}.event-body{min-width:0}.event-title{display:flex;align-items:center;gap:6px;min-width:0}.event-title strong{color:#e3ede5;text-transform:capitalize;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actor{font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;border-radius:4px;padding:3px 4px}.actor.agent{color:#b8d6fd;background:#7daae826}.actor.merchant{color:#d5f7a1;background:#aede7524}.outcome{margin-left:auto;font:500 9px DM Mono,monospace;white-space:nowrap}.outcome.executed,.outcome.approved{color:#a9e8bd}.outcome.denied{color:#f3acac}.outcome.proposed{color:#c4c5fc}.event p{margin:5px 0;color:#9fb2a7;font-size:11px;line-height:1.4}.event-evidence{display:flex;flex-wrap:wrap;gap:7px;color:#b8cbbf;font-size:10px}.event-evidence code{color:#bdcfbe}.log-empty{margin:10px 20px;border:1px dashed #3b564a;border-radius:9px;padding:17px;color:#829a8e;font-size:12px}.demo-controls{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:18px;border:1px solid rgba(212,255,116,.22);background:linear-gradient(110deg,#93c85d1f,#0f231ad1);border-radius:14px;padding:17px 19px}.demo-controls h2{font-size:16px}.demo-controls p:not(.eyebrow){margin:7px 0 0;color:#a9beb1;font-size:11px;line-height:1.45}.demo-controls ol{list-style:none;padding:0;margin:0;display:grid;gap:7px}.demo-controls li{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:7px}.demo-controls li>span{width:20px;height:20px;display:grid;place-items:center;border:1px solid #75955d;border-radius:50%;color:#e1ffa8;font:10px DM Mono,monospace}.demo-controls button{text-align:left;padding:7px 9px;border:1px solid rgba(198,233,166,.24);border-radius:7px;color:#e8f0e7;background:#03100a38;font-size:11px;font-weight:700}.demo-controls button:hover:not(:disabled){border-color:#c9fb83;background:#cafa831f}.approved-hint{grid-column:1 / -1;color:#d0fca0;font-size:10px;border-top:1px solid rgba(211,255,165,.18);padding-top:11px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#040c09ad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.confirm-dialog{width:min(525px,100%);padding:24px;border:1px solid rgba(210,255,135,.47);border-radius:17px;color:#e8f2e8;background:linear-gradient(150deg,#1d3329,#101e18);box-shadow:0 28px 80px #0000007a}.dialog-kicker{display:flex;gap:8px;align-items:center;color:#c9f893;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dialog-kicker .shield-mark{font-size:17px}.ttl{margin-left:auto;color:#b9cdba;background:#ffffff12;border-radius:999px;padding:5px 7px;font-family:DM Mono,monospace;letter-spacing:0;text-transform:none}.ttl.expired{color:#f4a7a7}.confirm-dialog h2{margin-top:19px;font-size:25px;letter-spacing:-.8px}.dialog-lead{margin:8px 0 20px;color:#a9beb1;font-size:13px;line-height:1.45}.approval-action{display:flex;justify-content:space-between;border:1px solid #3d594a;border-radius:9px;padding:10px 12px;background:#0000001f;text-transform:capitalize;font-size:13px}.approval-action span,.digest-block span{color:#8fa89a;font-size:11px}.frozen-params{margin:13px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.frozen-params div{min-width:0;padding:10px;border-radius:8px;background:#ffffff0b}.frozen-params dt{color:#91aa9b;margin-bottom:4px;text-transform:capitalize;font-size:10px}.frozen-params dd{margin:0;color:#f2f6ef;font-size:12px;overflow-wrap:anywhere}.digest-block{display:grid;gap:4px;border-left:2px solid #c9fb83;padding:8px 10px;background:#c9fb830f}.digest-block code{color:#e3ffa5;font-size:16px;letter-spacing:.06em}.digest-block small{color:#a6baaa;font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.button{border-radius:8px;padding:10px 12px;font-size:12px;font-weight:800}.button.secondary{color:#d8e2dc;border:1px solid #4c6459;background:transparent}.button.primary{color:#152011;border:1px solid #d3ff86;background:#c4f47c}.button.primary:hover:not(:disabled){background:#d8ff9c}@media(max-width:1160px){.workspace{grid-template-columns:minmax(230px,.8fr) minmax(430px,1.4fr)}.activity-log{grid-column:1 / -1;height:auto;min-height:330px}}@media(max-width:760px){.topbar{height:auto;padding:15px 17px;flex-wrap:wrap;gap:12px}.brand small,.context-bar>span:nth-child(2),.context-status{display:none}.runtime{margin-left:auto}.context-bar{padding:9px 17px}.workspace{padding:13px;grid-template-columns:1fr}.order-list,.activity-log{height:auto;min-height:350px}.order-meta,.demo-controls,.frozen-params{grid-template-columns:1fr}}