@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#0f0f0f;--surface:#ffffff0b;--surface-hover:#ffffff14;--border:#ffffff14;--border-accent:#f973164d;--text:#f5f5f5;--text-muted:#f5f5f573;--text-faint:#f5f5f52e;--input-bg:#ffffff0f;--input-border:#ffffff1a;--navbar-bg:#0a0a0ae0;--modal-bg:#161616;--shadow:0 4px 24px #0000004d;--shadow-lg:0 20px 60px #00000080;--sidebar-bg:#111;--skeleton:#ffffff12;--badge-gray-bg:#ffffff14;--badge-gray-text:#f5f5f58c;--badge-blue-bg:#3b82f626;--badge-blue-text:#60a5fa;--badge-green-bg:#22c55e26;--badge-green-text:#4ade80;--table-row-hover:#ffffff08;--scroll-thumb:#ffffff26;--danger-bg:#ef44441f;--danger-border:#ef444440;--danger-text:#f87171}[data-theme=light]{--bg:#f0f2f5;--surface:#ffffffeb;--surface-hover:#fff;--border:#00000017;--border-accent:#f9731659;--text:#111827;--text-muted:#1118278c;--text-faint:#11182747;--input-bg:#0000000a;--input-border:#0000001f;--navbar-bg:#ffffffed;--modal-bg:#fff;--shadow:0 2px 16px #00000017;--shadow-lg:0 12px 40px #00000024;--sidebar-bg:#fff;--skeleton:#00000012;--badge-gray-bg:#00000012;--badge-gray-text:#1118278c;--badge-blue-bg:#3b82f61a;--badge-blue-text:#2563eb;--badge-green-bg:#22c55e1a;--badge-green-text:#16a34a;--table-row-hover:#00000006;--scroll-thumb:#0000002e;--danger-bg:#ef444414;--danger-border:#ef444433;--danger-text:#dc2626}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;transition:background-color .25s,color .25s}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif;line-height:1.5;transition:background .25s,color .25s}h1,h2,h3,h4{font-weight:700;line-height:1.2}p{color:var(--text-muted)}code{font-family:Courier New,monospace;font-size:.85em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}.glass-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);border-radius:18px;transition:background .2s,border-color .2s,box-shadow .2s}.glass-card-hover:hover{background:var(--surface-hover);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:0 8px 32px #f973161f}.btn-brand{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f973164d}.btn-brand:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f9731666}.btn-brand:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-accent)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.input-field{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text);appearance:none;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s,background .2s}.input-field:focus{border-color:#f9731680;box-shadow:0 0 0 3px #f973161a}.input-field:hover:not(:focus):not(:disabled){background:var(--surface-hover);border-color:#f9731640}.input-field::placeholder{color:var(--text-faint)}.input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-field option{background:var(--modal-bg);color:var(--text);padding:8px 12px}.custom-select-container{width:100%;position:relative}.custom-select-trigger{cursor:pointer;justify-content:space-between;align-items:center;padding-right:14px;display:flex}.custom-select-trigger .truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-select-icon{color:#f97316;flex-shrink:0;transition:transform .2s}.custom-select-icon.open{color:#fb923c;transform:rotate(180deg)}.custom-select-dropdown{background-color:#111;background-color:var(--modal-bg,#111);border:1px solid var(--border);z-index:9999;border-radius:12px;width:100%;max-height:250px;padding:6px;animation:.15s fadeIn;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 40px #000c;opacity:1!important}.custom-select-option{cursor:pointer;color:var(--text);border-radius:8px;margin-bottom:2px;padding:8px 12px;font-size:.875rem;transition:all .15s}.custom-select-option:last-child{margin-bottom:0}.custom-select-option:hover{background:var(--surface-hover)}.custom-select-option.selected{color:#fb923c;background:#f9731626;font-weight:600}.custom-select-empty{text-align:center;color:var(--text-faint);padding:12px;font-size:.875rem}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-orange{color:#fb923c;background:#f9731626;border:1px solid #f9731640}.badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-text);border:1px solid var(--border)}.badge-blue{background:var(--badge-blue-bg);color:var(--badge-blue-text);border:1px solid #3b82f633}.badge-green{background:var(--badge-green-bg);color:var(--badge-green-text);border:1px solid #22c55e33}.badge-red{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);padding:11px 16px;font-size:.72rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--table-row-hover)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:24px;transition:color .2s,background .15s;position:relative}.data-table th.sortable:hover{color:#fb923c;background:#f973160f}.data-table th.sortable.active{color:#fb923c}.data-table th.sortable .sort-arrow{opacity:.3;font-size:.65rem;transition:opacity .2s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.data-table th.sortable:hover .sort-arrow,.data-table th.sortable.active .sort-arrow{opacity:1}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--modal-bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:22px;width:100%;max-width:620px;max-height:85vh;overflow-y:auto}.toast{z-index:1000;border-radius:14px;align-items:center;gap:10px;padding:14px 20px;font-size:.875rem;font-weight:600;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0000004d}.toast-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.toast-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.skeleton{background:var(--skeleton);border-radius:8px;animation:1.5s ease-in-out infinite pulse}.stat-value{letter-spacing:-.03em;background:linear-gradient(135deg,#f97316,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:900}.sidebar-item{color:var(--text-muted);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover,.sidebar-item.active{color:#fb923c;background:#f973161f}.readonly-banner{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:.85rem;font-weight:600;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 12px #f9731600}}@keyframes floatLogo{0%,to{filter:drop-shadow(0 10px 20px #f9731640);transform:translateY(0)}50%{filter:drop-shadow(0 20px 35px #f9731673);transform:translateY(-6px)}}.animate-fade-in{animation:.4s both fadeIn}.animate-fade-in-delay-1{animation:.4s 60ms both fadeIn}.animate-fade-in-delay-2{animation:.4s .12s both fadeIn}.animate-fade-in-delay-3{animation:.4s .18s both fadeIn}.animate-fade-in-delay-4{animation:.4s .24s both fadeIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-logo-float{animation:4s ease-in-out infinite floatLogo}@media print{.no-print{display:none!important}body{color:#000!important;background:#fff!important}}