@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--paprika:#e0402a;--paprika-600:#c8331f;--paprika-700:#a82817;--paprika-100:#fbe2db;--paprika-50:#fdf1ed;--saffron:#f6a21e;--saffron-600:#e08c0a;--saffron-100:#fdedcf;--saffron-50:#fef7e8;--herb:#2f9e5e;--herb-100:#d9f0e1;--espresso:#2a1b14;--espresso-900:#1c1310;--espresso-800:#3a2a22;--ink:#2a1b14;--ink-700:#4a3a31;--slate:#80726a;--slate-400:#a99c93;--line:#ece3da;--panel:#f6efe6;--panel-200:#e4d9cc;--surface:#fff;--surface-warm:#fff8f0;--success-50:#e4f4ea;--danger:#d8442e;--danger-50:#fbe7e2;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--paprika-300:#f08b76;--saffron-300:#fac866;--success-soft:#45b673;--shadow-sm:0 1px 2px #2a1b140f, 0 1px 1px #2a1b140a;--shadow-md:0 8px 24px #2a1b141a;--shadow-lg:0 20px 48px #2a1b142e;--shadow-gold:0 10px 26px #e0402a52;--ease:cubic-bezier(.34, 1.2, .64, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur:.2s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--surface-warm);color:var(--ink);font-size:15px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--panel-200);border-radius:9px}::-webkit-scrollbar-track{background:0 0}h1{letter-spacing:-.025em;margin:6px 0 4px;font-size:30px;font-weight:800}h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--paprika);font-size:11px;font-weight:700}.intro{max-width:640px;color:var(--ink-700);margin:0 0 22px;line-height:1.6}.mono{font-family:var(--mono)}.muted{color:var(--slate)}.small{font-size:12.5px}.shell{grid-template:"top top"58px"side main"1fr/238px 1fr;height:100vh;display:grid;overflow:hidden}.topbar{background:var(--espresso);color:#fff;z-index:20;grid-area:top;align-items:center;gap:14px;padding:0 20px;display:flex}.topbar .logo{letter-spacing:.02em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.topbar .logo:after{content:"";background:#ffffff26;width:1px;height:24px;margin-inline-start:8px}.topbar .logo .dot{background:linear-gradient(135deg, var(--saffron), var(--paprika));border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:flex}.topbar .trn{color:#d8cfc6;font-size:12px;font-weight:600;font-family:var(--mono);white-space:nowrap;background:#ffffff14;border-radius:999px;padding:5px 11px}.topbar select{color:#fff;font-family:var(--font-ui);cursor:pointer;background:#3a2a22;border:1px solid #4d3a30;border-radius:10px;max-width:260px;padding:8px 12px;font-size:13px;font-weight:600}.topbar .spacer{flex:1}.topbar .who{color:#c9beb4;font-size:12.5px;font-weight:600}.topbar .avatar{background:var(--saffron);width:34px;height:34px;color:var(--espresso);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.sidebar{background:var(--surface);border-inline-end:1px solid var(--line);grid-area:side;padding:16px 12px;overflow-y:auto}.sidebar .section{letter-spacing:.14em;text-transform:uppercase;color:var(--slate-400);padding:10px 12px 6px;font-size:10px;font-weight:800}.nav-item{cursor:pointer;color:var(--ink-700);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--paprika-50)}.nav-item.active{background:var(--paprika-100);color:var(--paprika-700);font-weight:700}.nav-item .badge{background:var(--panel);min-width:20px;height:20px;color:var(--slate);border-radius:7px;justify-content:center;align-items:center;margin-inline-start:auto;padding:0 6px;font-size:11px;font-weight:800;display:flex}.nav-item .badge.red{background:var(--danger);color:#fff}.main{grid-area:main;padding:28px 32px 60px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease-soft);padding:24px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.grid{gap:16px;display:grid}.row{align-items:center;gap:10px;display:flex}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:start;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-400);border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 12px}.table tr:last-child td{border-bottom:none}.num{text-align:right;font-family:var(--mono);white-space:nowrap}.btn{background:var(--paprika);border-radius:var(--r-pill);color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-ui);box-shadow:var(--shadow-gold);transition:transform var(--dur) var(--ease), background var(--dur) var(--ease-soft);border:none;padding:10px 18px}.btn:hover{background:var(--paprika-600);transform:translateY(-1px)}.btn:disabled{box-shadow:none;transform:none}.btn.ghost,.btn.sm.ghost{box-shadow:none}.btn:disabled{background:var(--panel-200);color:var(--slate);cursor:default}.btn.ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink-700)}.btn.ghost:hover{background:var(--panel)}.btn.sm{padding:7px 14px;font-size:12.5px}.pill{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.pill.green{background:var(--herb);color:#fff}.pill.red{background:var(--danger);color:#fff}.pill.amber{background:var(--saffron);color:var(--espresso)}.pill.gray{background:var(--panel);color:var(--slate)}.field{margin-bottom:14px;display:block}.field span{color:var(--ink-700);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;font-size:14px;font-family:var(--font-ui);background:var(--surface);border-radius:10px;padding:13px 14px}.field input:focus,.field select:focus{border-color:var(--paprika);outline:none}.toast{background:var(--espresso);color:#fff;box-shadow:var(--shadow-lg);z-index:90;border-radius:12px;padding:12px 20px;font-size:13.5px;font-weight:600;animation:.18s ease-out toastIn;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.error{background:var(--danger-50);color:var(--danger);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.auth-wrap{background:var(--surface-warm);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:400px;box-shadow:var(--shadow-md);padding:30px}.num,.mono{direction:ltr;unicode-bidi:isolate}[dir=rtl] .num,[dir=rtl] .table th.num{text-align:left}