.searchable-select{position:relative;width:100%}.searchable-select-trigger{width:100%;min-height:42px;padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:all var(--transition);outline:none}.searchable-select-trigger:hover{border-color:var(--muted)}.searchable-select-trigger:focus,.searchable-select-trigger:active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.searchable-select-trigger:disabled{opacity:.5;cursor:not-allowed}.searchable-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--text)}.searchable-select-trigger:has(.searchable-select-value:empty),.searchable-select-value:empty{color:var(--muted)}.searchable-select-arrow{color:var(--muted);font-size:10px;flex-shrink:0}.searchable-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--panel);box-shadow:0 8px 32px #00000080;z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.searchable-select-search{padding:10px;border-bottom:1px solid var(--border)}.searchable-select-search input{width:100%;padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:all var(--transition)}.searchable-select-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.searchable-select-options{overflow-y:auto;flex:1}.searchable-select-option{padding:10px 14px;font-size:14px;cursor:pointer;color:var(--text);border-bottom:1px solid var(--border);transition:background var(--transition)}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option:hover{background:var(--panel-hover)}.searchable-select-option.selected{background:var(--accent-dim);color:var(--accent)}.searchable-select-empty{padding:14px;color:var(--muted);font-size:13px;text-align:center}:root{--amber: #ffb700;--amber-light: #ffd566;--orange: #ff8c42;--coral: #ff6b6b;--magenta: #e91e63;--gradient-sunset: linear-gradient(135deg, #ffb700 0%, #ff8c42 45%, #ff6b6b 75%, #e91e63 100%);--gradient-sunset-soft: linear-gradient(135deg, #ffd566 0%, #ffb700 100%);--gradient-warm: linear-gradient(135deg, #ffb700 0%, #ff8c42 100%);--bg: #0d0f14;--bg-elevated: #141821;--panel: #181d28;--panel-hover: #1e2433;--surface: #1c2230;--text: #f0f2f5;--text-secondary: #b8bfcc;--muted: #6b7385;--border: #252b3a;--border-light: #2d3548;--accent: #ffb700;--accent-hover: #ffd566;--accent-dim: rgba(255, 183, 0, .12);--accent-glow: rgba(255, 183, 0, .25);--green: #2ecc71;--green-dim: rgba(46, 204, 113, .15);--red: #ff5c5c;--red-dim: rgba(255, 92, 92, .15);--yellow: #ffb020;--yellow-dim: rgba(255, 176, 32, .15);--blue: #4f9cff;--blue-dim: rgba(79, 156, 255, .15);--sidebar-w: 248px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--transition: .2s cubic-bezier(.4, 0, .2, 1);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}button:hover,.btn:hover{background:var(--panel-hover);border-color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.btn-primary{background:var(--gradient-warm);border:none;color:#1a1200;font-weight:600}button.primary:hover,.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--panel-hover)}input,select,textarea{width:100%;padding:11px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:14px;transition:all var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder{color:var(--muted)}input:disabled{opacity:.5;cursor:not-allowed;background:var(--panel)}label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all var(--transition)}.card:hover{border-color:var(--border-light)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-sunset)}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}tbody td{padding:14px 16px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--panel-hover)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.page-header{margin-bottom:28px}.page-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px}.page-header p{color:var(--text-secondary);margin-top:6px;font-size:14px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.muted{color:var(--muted)}.text-secondary{color:var(--text-secondary)}.mono{font-family:JetBrains Mono,Fira Code,monospace}hr{border:none;border-top:1px solid var(--border);margin:20px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}