@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a1628;--bg-sidebar: linear-gradient(180deg, #0f2233 0%, #0a1628 100%);--bg-page: #f0f4f3;--bg-card: #ffffff;--bg-header: rgba(255, 255, 255, .8);--accent: #00897b;--accent-light: #26a69a;--accent-soft: rgba(0, 137, 123, .1);--green: #10b981;--green-soft: rgba(16, 185, 129, .1);--yellow: #f59e0b;--yellow-soft: rgba(245, 158, 11, .1);--red: #ef4444;--red-soft: rgba(239, 68, 68, .1);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .1);--orange: #f97316;--text-primary: #1e1e2e;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 20px;margin:2px 12px;border-radius:var(--radius-sm);color:#ffffff80;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer}.nav-link:hover{color:#ffffffd9;background:#ffffff0f}.nav-link.active{color:#fff;background:var(--accent);box-shadow:0 2px 8px #00897b66}.nav-link svg{width:20px;height:20px;flex-shrink:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-card)}.data-table tbody tr{transition:background .15s ease;cursor:pointer;border-bottom:1px solid var(--border-light)}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody td{padding:14px 16px;color:var(--text-primary)}.search-input{padding:10px 16px 10px 42px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:14px;font-family:inherit;width:320px;outline:none;transition:all .2s ease;background:var(--bg-card);color:var(--text-primary)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input::placeholder{color:var(--text-muted)}.filter-select{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:14px;font-family:inherit;outline:none;cursor:pointer;background:var(--bg-card);color:var(--text-primary);transition:all .2s ease}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);box-shadow:0 2px 8px #6366f14d}.btn-ghost{background:none;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:var(--border-light)}.status-btn{padding:9px 18px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all .2s ease}.status-btn:hover{border-color:var(--text-muted)}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-card);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}
