:root{color-scheme:dark;--bg:#0b1220;--bg-gradient-start:#0b1220;--bg-gradient-end:#111827;--panel:rgba(17,24,39,.94);--panel-soft:#0f172a;--border:rgba(148,163,184,.15);--border-strong:rgba(148,163,184,.2);--muted:#94a3b8;--text:#e5e7eb;--accent:#22c55e;--accent-text:#04130a;--danger:#ef4444;--ghost:#1e293b;--tag-bg:#1d4ed8;--tag-text:#dbeafe;--shadow:0 10px 30px rgba(0,0,0,.25)}:root[data-theme=light]{color-scheme:light;--bg:#eef2ff;--bg-gradient-start:#f8fafc;--bg-gradient-end:#e2e8f0;--panel:rgba(255,255,255,.96);--panel-soft:#f8fafc;--border:rgba(15,23,42,.1);--border-strong:rgba(15,23,42,.14);--muted:#475569;--text:#0f172a;--accent:#16a34a;--accent-text:#ffffff;--danger:#dc2626;--ghost:#e2e8f0;--tag-bg:#dbeafe;--tag-text:#1d4ed8;--shadow:0 12px 30px rgba(15,23,42,.1)}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text)}#root,#app{max-width:1180px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.topbar h1{margin:0}.topbar p{margin:4px 0 0;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.auth-card{max-width:420px;margin:60px auto}.stack{display:flex;flex-direction:column;gap:10px}.stack.compact{gap:8px}input,select,button{border-radius:12px;border:1px solid var(--border-strong);padding:12px 14px;font-size:16px}input,select{background:var(--panel-soft);color:var(--text);width:100%;min-width:0}.field-label{display:grid;gap:8px;min-width:0}.form-grid-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}button{background:var(--accent);color:var(--accent-text);border:none;cursor:pointer;font-weight:700}button.ghost{background:var(--ghost);color:var(--text);border:1px solid var(--border-strong)}button.danger{background:var(--danger);color:#fff}.hint{color:var(--muted);font-size:14px}.error{color:#fca5a5}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-card,.alert-card{padding:14px;border-radius:14px;background:var(--panel-soft);border:1px solid var(--border)}.order-card--open{background:#22c55e14;border-color:#22c55e2e}.order-card--paused{background:#f59e0b14;border-color:#f59e0b2e}.order-card--closed{background:#6366f114;border-color:#6366f12e}.order-card--cancel{background:#ef444414;border-color:#ef44442e}.order-meta,.alert-meta{display:grid;gap:4px;color:var(--muted);font-size:14px}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--tag-bg);color:var(--tag-text);font-size:12px;font-weight:700}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.spread{justify-content:space-between;align-items:center}.field-label{display:grid;gap:8px}.field-label>span{font-size:14px;color:var(--muted);font-weight:600}.control-panel{margin-bottom:16px}.control-grid{display:grid;grid-template-columns:280px minmax(320px,1.1fr) minmax(300px,.9fr);gap:14px;align-items:start}.control-block{background:var(--panel-soft);border:1px solid var(--border);border-radius:16px;padding:14px;min-height:100%}.block-title{font-size:14px;color:var(--muted);font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alerts-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.compact-alert{padding:12px}.theme-switcher{display:inline-flex;align-items:center;gap:10px;background:var(--ghost);color:var(--text);border:1px solid var(--border-strong)}.theme-switcher-track{width:44px;height:24px;border-radius:999px;background:#94a3b859;position:relative;display:inline-block;flex:0 0 auto}.theme-switcher-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:4px;transition:transform .2s ease;box-shadow:0 2px 8px #0003}:root[data-theme=light] .theme-switcher-thumb{transform:translate(18px)}@media (max-width: 980px){.control-grid,.form-grid-two{grid-template-columns:1fr}}@media (max-width: 860px){.orders-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}
