:root{--bg: #0b0e13;--panel: #131821;--panel-2: #1a202b;--border: #263041;--border-2: #374259;--text: #e8ecf2;--muted: #7a8599;--gold: #c9a227;--gold-bright: #d8b23a;--gold-dim: #8f6f14;--green: #3ec97a;--red: #f2555a;--amber: #f0c04a;--blue: #5ba7ff;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 70% -10%,#12202f,#0b0e13 55%) no-repeat,var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:12px}.positive{color:var(--green)}.negative{color:var(--red)}.app{max-width:1320px;margin:0 auto;padding:24px 28px 60px}header{display:flex;justify-content:space-between;align-items:center;padding:16px 0 20px;border-bottom:1px solid var(--border);margin-bottom:24px;gap:20px}header h1{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--text)}header .link,header button.link{background:transparent;border:1px solid var(--border-2);color:var(--muted);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}header .link:hover,header button.link:hover{background:var(--panel);color:var(--text);border-color:#4a5a72}.role-line{margin:6px 0 0;font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.role-line strong{color:var(--text);font-weight:600}.panel{background:linear-gradient(180deg,var(--panel),#0f141c);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:20px;box-shadow:0 4px 16px #0000004d}.panel h2{font-size:15px;font-weight:600;color:var(--text);margin:0 0 16px}.panel h3{font-size:13px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}button{border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;letter-spacing:.02em}button:hover:not(:disabled){background:#232d3b;border-color:#4a5a72}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#d8b23a,#b8901d);border-color:var(--gold-dim);color:#14100a;font-weight:700;letter-spacing:.04em}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;border:1px solid var(--border-2);color:var(--muted);padding:8px 14px;font-size:12px;margin-bottom:12px}.btn-ghost:hover:not(:disabled){background:var(--panel);color:var(--text)}.btn-ghost.btn-sm{padding:4px 10px;font-size:11px;margin-bottom:0}table,.orders-table,.position-blotter table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}table thead th,.orders-table thead th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--border);background:#0d1219}table tbody td,.orders-table tbody td{padding:12px;border-bottom:1px solid #1a222e;vertical-align:middle;color:var(--text)}table tbody tr:hover,.orders-table tbody tr:hover{background:#141b24}table tbody tr:last-child td,.orders-table tbody tr:last-child td{border-bottom:none}table tfoot td{padding:12px;font-weight:700;border-top:2px solid var(--border);color:var(--text)}.orders-table .num,table .num{text-align:right;font-family:var(--mono)}.orders-table .mono{font-family:var(--mono);font-size:12px;color:var(--muted)}.orders-table .positive{color:var(--green);font-weight:600}.orders-table .negative{color:var(--red);font-weight:600}.orders-table .muted{color:var(--muted)}.orders-table .small{font-size:12px}.total-label{text-align:right;color:var(--muted);font-weight:600}.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid}.pill-ok,.pill-active,.pill-approved,.pill-filled,.pill-granted{color:var(--green);border-color:#3ec97a66;background:#3ec97a1f}.pill-pending,.pill-pending_review,.pill-pending_kyc,.pill-requested{color:var(--amber);border-color:#f0c04a66;background:#f0c04a1f}.pill-error,.pill-rejected{color:var(--red);border-color:#f2555a66;background:#f2555a1f}.pill-muted{color:var(--muted);border-color:var(--border-2);background:var(--panel-2)}.pill-pipeline{background:#c9a22726;border:1px solid rgba(201,162,39,.4);color:#f0c674;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:0 0 18px}.kpis div{padding:16px 18px;background:#0d1219;border:1px solid var(--border);border-radius:10px}.kpis dt{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-weight:700}.kpis dd{margin:0;font-family:var(--mono);font-size:22px;font-weight:600;color:var(--text)}.order-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end;margin-bottom:12px}.order-form label{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.order-form input,.order-form select,.order-form textarea{font-family:inherit;font-size:14px;padding:11px 13px;background:#0d1219;border:1px solid var(--border-2);border-radius:8px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;text-transform:none;letter-spacing:normal;font-weight:400}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a22726}.order-form select:disabled{opacity:.6;cursor:not-allowed;background:#0a0e13}.order-form button[type=submit]{height:42px;align-self:end}.locked-tag{font-size:10.5px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;margin-left:6px}.alert{padding:12px 16px;border-radius:8px;margin-top:12px;font-size:13px}.alert strong{display:block;margin-bottom:4px}.alert p{margin:6px 0 0}.alert code{font-family:var(--mono);font-size:12px}.alert-error{background:#f2555a1a;border:1px solid rgba(242,85,90,.4);color:#ffa5a7}.alert-success{background:#3ec97a1a;border:1px solid rgba(62,201,122,.4);color:#a5e8c3}
