:root{color-scheme:dark;--bg:#060a11;--sidebar:#080e17;--panel:#0e1622;--panel2:#121c2b;--line:#223049;--text:#f7f8fc;--muted:#8d99ac;--violet:#8b5cf6;--blue:#438bf5;--cyan:#27bdd3;--green:#35d48b;--amber:#f0b63f;--red:#f15d70;--shadow:0 22px 80px #0009;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);letter-spacing:0}button,input,select,textarea{font:inherit}.hidden{display:none!important}.shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:linear-gradient(180deg,#09101a,#070c14);border-right:1px solid var(--line);padding:17px 11px;display:flex;flex-direction:column;z-index:30}.brand{height:50px;display:flex;align-items:center;gap:10px;padding:0 9px;font-weight:760}.brand>span:last-child{display:grid}.brand small{font-size:9px;color:#9e8bf5;font-weight:600}.logo{width:52px;height:52px;border-radius:8px;background:linear-gradient(145deg,#8b5cf6,#4f46e5);border:1px solid #baa8ff;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px #6d28d944}.logo.small{width:34px;height:34px;border-radius:7px}nav{display:flex;flex-direction:column;gap:3px;margin-top:22px}.nav-group{font-size:9px;text-transform:uppercase;color:#59677c;padding:15px 10px 5px}.nav{height:37px;border:0;background:transparent;color:#aab4c4;border-radius:5px;text-align:left;padding:0 9px;display:flex;align-items:center;gap:9px;position:relative}.nav b{width:17px;text-align:center;color:#8795aa}.nav:hover,.nav.active{background:#201a3f;color:#fff}.nav.active{box-shadow:inset 2px 0 #956cff}.nav.active b{color:#aa8aff}.badge{margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:#26334a;color:#b6c2d3;display:none;place-items:center;font-size:9px}.badge:not(:empty){display:grid}.badge.danger{background:#4d1d2a;color:#ff9aa7}.admin-card{margin-top:auto;border-top:1px solid var(--line);padding:14px 8px 2px;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#58409b}.admin-card div{display:grid;font-size:11px}.admin-card small{color:var(--muted)}.admin-card button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:18px}.main-shell{grid-column:2;min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:20;background:#080d15eb;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:0 22px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:17px;margin:0 0 2px}.topbar p{font-size:10px;margin:0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.global-search{height:35px;width:290px;background:#0d1521;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;padding:0 9px;color:#627188}.global-search input{border:0;background:transparent;color:#fff;outline:0;width:100%;padding:0 7px;font-size:11px}.icon-button,.health-pill,.button,.primary,.danger-button{min-height:35px;border:1px solid var(--line);border-radius:6px;background:#131e2e;color:#dce3ee;padding:0 12px;cursor:pointer}.icon-button{width:35px;padding:0;font-size:17px}.health-pill{display:flex;align-items:center;gap:7px;font-size:10px}.health-pill i{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 10px currentColor}.health-pill.operational i{background:var(--green)}.health-pill.attention i{background:var(--amber)}.health-pill.critical i{background:var(--red)}.health-pill b{min-width:16px;height:16px;border-radius:8px;background:#243149;display:grid;place-items:center;font-size:9px}.primary{background:var(--violet);border-color:#a78bfa;color:#fff;font-weight:700}.danger-button{background:#3b1820;border-color:#713040;color:#ffb0ba}.button:hover,.icon-button:hover{background:#1b2a41}#content{padding:16px 18px 34px;max-width:1650px;margin:auto}.loading,.empty{min-height:220px;display:grid;place-items:center;color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:9px;margin-bottom:12px}.metric{height:74px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:11px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}.metric-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:#29204b;color:#b79bff}.metric:nth-child(2) .metric-icon{background:#16314b;color:#68afff}.metric:nth-child(3) .metric-icon{background:#153d37;color:#62e4b0}.metric:nth-child(4) .metric-icon{background:#452b15;color:#ffc56c}.metric:nth-child(5) .metric-icon{background:#392038;color:#ee97e8}.metric span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.metric strong{font-size:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(430px,1.25fr) minmax(360px,1fr);gap:11px}.panel{background:linear-gradient(180deg,#0f1724,#0b121c);border:1px solid var(--line);border-radius:7px;overflow:hidden}.panel-head{height:50px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:13px;margin:0}.panel-head span{color:var(--muted);font-size:10px}.pipeline{padding:14px 18px 18px;display:grid;gap:7px}.pipeline-stage{--stage:#3b82f6;width:calc(100% - var(--inset,0px));margin:auto;min-height:58px;border:1px solid color-mix(in srgb,var(--stage) 60%,#26334a);background:linear-gradient(90deg,color-mix(in srgb,var(--stage) 25%,#111a28),#101824 72%);color:#fff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);padding:8px 23px;display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;cursor:pointer;transition:.15s}.pipeline-stage:hover{filter:brightness(1.14);transform:translateX(2px)}.pipeline-stage .stage-icon{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--stage) 40%,#0b111b);display:grid;place-items:center}.pipeline-stage strong{font-size:12px}.pipeline-stage small{display:block;color:#9facbf;font-size:9px}.pipeline-stage .count{font-size:16px}.pipeline-stage .value{font-size:10px;color:#b9c3d2;min-width:70px;text-align:right}.stage-connector{height:8px;width:1px;background:#344158;margin:-7px auto}.stage-initiated{--stage:#35d48b;--inset:0px}.stage-payment_offer{--stage:#438bf5;--inset:10px}.stage-payment_received{--stage:#27bdd3;--inset:20px}.stage-delivering{--stage:#8b5cf6;--inset:30px}.stage-completed{--stage:#f0b63f;--inset:40px}.stage-verified{--stage:#55cf70;--inset:50px}.list{display:grid}.row{min-height:50px;border-bottom:1px solid #1c293c;padding:8px 12px;display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,minmax(70px,.45fr));gap:10px;align-items:center;color:#dce3ed;text-align:left;background:transparent;border-left:0;border-right:0;border-top:0}.row:hover{background:#121d2b}.row strong{font-size:11px}.row small{display:block;color:var(--muted);font-size:9px}.row-cell{font-size:10px;color:#bdc7d5}.tag{display:inline-flex;align-items:center;min-height:20px;border-radius:4px;padding:0 7px;background:#242f43;color:#b9c5d7;font-size:9px}.tag.green{background:#153729;color:#6de7ae}.tag.amber{background:#423015;color:#ffd274}.tag.red{background:#461c27;color:#ff99a7}.tag.violet{background:#2d2051;color:#c1a8ff}.split-view{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(480px,1.15fr);gap:10px}.filters{display:flex;gap:7px;margin-bottom:10px}.filters input,.filters select,.field input,.field select,.field textarea{height:35px;border:1px solid var(--line);border-radius:6px;background:#0b121d;color:#fff;padding:0 10px;outline:none}.filters input{min-width:250px}.detail{padding:15px}.trade-head{display:grid;grid-template-columns:1fr repeat(3,minmax(95px,.35fr));gap:12px;border-bottom:1px solid var(--line);padding-bottom:13px}.trade-head h2{font-size:14px;margin:2px 0}.trade-head label,.info label{display:block;color:var(--muted);font-size:9px}.trade-head strong,.info strong{font-size:11px}.progress{display:flex;margin:18px 0}.progress-step{flex:1;text-align:center;font-size:8px;color:#65738a;position:relative}.progress-step:before{content:"";display:block;width:10px;height:10px;border:2px solid #506079;background:#202d40;border-radius:50%;margin:0 auto 7px;position:relative;z-index:2}.progress-step:not(:last-child):after{content:"";position:absolute;top:5px;left:55%;right:-45%;height:2px;background:#29374e}.progress-step.done:before,.progress-step.current:before{background:var(--violet);border-color:#c0acff}.progress-step.done:not(:last-child):after{background:var(--violet)}.progress-step.current{color:#fff}.exchange{display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;align-items:start}.exchange-arrow{width:32px;height:32px;border-radius:50%;background:#2b2050;display:grid;place-items:center;margin-top:35px;color:#c0a8ff}.item-list{display:grid;gap:6px}.compact-item{height:58px;border:1px solid var(--line);border-radius:6px;background:#111b29;padding:6px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px}.compact-item img{width:46px;height:46px;object-fit:contain}.compact-item strong{font-size:10px}.compact-item small{font-size:8px;color:var(--muted);display:block}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.summary{border:1px solid var(--line);border-radius:6px;padding:10px}.summary h3{font-size:10px;margin:0 0 9px}.info{display:flex;justify-content:space-between;padding:4px 0}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#77859b;font-size:9px;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}.table td{font-size:10px;padding:9px 10px;border-bottom:1px solid #1b2739}.table tr:hover td{background:#111c2a}.item-thumb,.customer-thumb{width:34px;height:34px;object-fit:contain;border-radius:5px;background:#101927}.customer-thumb{border-radius:50%}.table-name{display:flex;align-items:center;gap:8px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions button{height:28px;border:1px solid var(--line);background:#152135;color:#d8e0ec;border-radius:5px;padding:0 8px;font-size:9px}.modal{width:min(920px,calc(100vw - 30px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:7px;background:#0c1420;color:#fff;padding:21px;box-shadow:var(--shadow)}.modal::backdrop{background:#02050bcc;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;background:transparent;color:#8d99ac;font-size:24px}.modal h2{font-size:17px;margin:3px 0 16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:5px;color:var(--muted);font-size:10px}.field.full{grid-column:1/-1}.field textarea{height:70px;padding:8px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.receipt-row{display:grid;grid-template-columns:2fr .5fr .7fr .7fr 30px;gap:6px;margin:6px 0}.receipt-row input{width:100%;height:33px;background:#0a111b;border:1px solid var(--line);color:#fff;border-radius:5px;padding:0 8px}.receipt-row button{border:0;background:transparent;color:var(--red)}.login-screen{min-height:100vh;background:#060a11;display:grid;place-items:center}.login-panel{width:min(390px,calc(100vw - 30px));background:#0d1521;border:1px solid var(--line);border-radius:8px;padding:34px;display:grid;gap:14px;box-shadow:var(--shadow)}.login-panel .logo{margin:auto}.login-panel h1{text-align:center;font-size:22px;margin:4px 0 0}.login-panel p{text-align:center;color:var(--muted);margin:-7px 0 7px;font-size:12px}.login-panel label{display:grid;gap:6px;font-size:10px;color:var(--muted)}.login-panel input{height:38px;border:1px solid var(--line);background:#080e17;color:#fff;border-radius:6px;padding:0 10px}.error{min-height:17px;color:var(--red);font-size:10px}.toast{position:fixed;right:20px;bottom:20px;background:#152137;border:1px solid #40516c;color:#fff;border-radius:6px;padding:10px 14px;opacity:0;transform:translateY(10px);transition:.2s;z-index:80}.toast.show{opacity:1;transform:none}.toast.error{color:#ffa3af;border-color:#713140}@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.split-view{grid-template-columns:1fr}.global-search{width:200px}}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-100%)}.main-shell{grid-column:1}.topbar{padding:0 12px}.global-search{display:none}#content{padding:12px}.metrics{grid-template-columns:repeat(2,1fr)}.trade-head,.exchange,.summary-cards{grid-template-columns:1fr}.exchange-arrow{display:none}.row{grid-template-columns:1fr 1fr}.pipeline-stage{--inset:0px!important}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}