@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-primary:#0d1b1e;--bg-secondary:#132a2e;--bg-card:#17323750;--bg-card-solid:#173237;--bg-card-hover:#1c3c42;--bg-sidebar:#0f2225;--bg-input:#112428;--bg-elevated:#1e4048;--border-default:#1e4a52;--border-light:#163b42;--border-focus:#22b8a0;--text-primary:#e8f4f2;--text-secondary:#8db5b0;--text-muted:#5e8a84;--text-inverse:#0d1b1e;--accent:#00c9b7;--accent-hover:#00dfc9;--accent-muted:#00c9b720;--accent-soft:#00c9b710;--status-success:#34d399;--status-success-bg:#34d39915;--status-warning:#fbbf24;--status-warning-bg:#fbbf2415;--status-error:#f87171;--status-error-bg:#f8717115;--status-info:#60a5fa;--status-info-bg:#60a5fa15;--status-pending:#c084fc;--status-pending-bg:#c084fc15;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",monospace;--sidebar-width:240px;--header-height:56px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6}h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.3px}h2{font-size:1.2rem}h2,h3{font-family:var(--font-display);font-weight:600}h3{font-size:1rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.card{background:var(--bg-card-solid);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:8px 12px;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{min-height:80px;resize:vertical}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:var(--status-error-bg);border:1px solid transparent;color:var(--status-error)}.btn-danger:hover{border-color:var(--status-error)}.btn-sm{font-size:12px;padding:5px 10px}.btn-icon{height:32px;justify-content:center;padding:0;width:32px}.btn:disabled{cursor:not-allowed;opacity:.5}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:8px 12px;text-align:left;text-transform:uppercase}.data-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:10px 12px}.data-table tbody tr:hover{background:var(--accent-soft)}.data-table tbody tr{cursor:pointer;transition:background .1s}.badge{align-items:center;border-radius:999px;display:inline-flex;font-family:var(--font-display);font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-error{background:var(--status-error-bg);color:var(--status-error)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending)}.badge-neutral{background:var(--bg-elevated);color:var(--text-muted)}.stat-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.stat-card{background:var(--bg-card-solid);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.25rem}.stat-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-top:4px}.stat-sub{color:var(--text-muted);font-size:12px;margin-top:2px}.search-bar{align-items:center;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex;gap:8px;padding:7px 12px;transition:border-color .15s}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{background:none;border:none;color:var(--text-primary);flex:1;padding:0}.search-bar input:focus{outline:none}.search-bar svg{color:var(--text-muted);flex-shrink:0}.pagination{align-items:center;color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between;padding:12px 0}.pagination-btns{display:flex;gap:4px}.empty-state{color:var(--text-muted);padding:3rem 1rem;text-align:center}.empty-state svg{margin-bottom:.75rem;opacity:.3}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:var(--bg-card-solid);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-height:85vh;max-width:520px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-body{padding:1.25rem}.modal-footer{border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding:1rem 1.25rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.grid-2{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.mono{font-family:var(--font-mono);font-size:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-enter-active,.page-leave-active{transition:opacity .15s}.page-enter-from,.page-leave-to{opacity:0}@media(max-width:768px){:root{--sidebar-width:0px}.stat-grid{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.data-table{font-size:12px}}