@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a2035;--bg-card:#161d2f;--bg-card-hover:#1e2842;--bg-elevated:#1f2937;--bg-input:#0d1117;--text-primary:#f0f4fc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0a0e1a;--accent-primary:#0ea5e9;--accent-secondary:#06b6d4;--accent-tertiary:#22d3ee;--accent-glow:#0ea5e926;--accent-gradient:linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #22d3ee 100%);--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--info:#3b82f6;--info-bg:#3b82f61a;--border-primary:#ffffff0f;--border-secondary:#ffffff1a;--border-hover:#0ea5e94d;--border-focus:#0ea5e980;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px #0ea5e926;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--sidebar-collapsed:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background-color:#030712;background-image:radial-gradient(at 0 0,#0ea5e91f 0,#0000 50%),radial-gradient(at 100% 0,#06b6d414 0,#0000 50%),radial-gradient(at 50% 100%,#6366f11f 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;box-shadow:var(--shadow-sm), 0 0 15px #0ea5e933;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md), 0 0 25px #0ea5e959;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-success{color:#fff;box-shadow:var(--shadow-sm), 0 0 15px #10b98133;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md), 0 0 25px #10b98159;transform:translateY(-1px)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-danger{color:#fff;box-shadow:var(--shadow-sm), 0 0 15px #ef444433;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 0 25px #ef444459}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input{width:100%;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:.9375rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--error)}.error-text{color:var(--error);font-size:.75rem}.card{-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);background:#161d2f73;border:1px solid #ffffff14}.card:hover{background:#161d2f99;border-color:#0ea5e959;box-shadow:0 8px 32px #0ea5e90d}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:1rem;font-weight:600}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid #ef444433}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid #3b82f633}.badge-pending{color:var(--text-secondary);background:#94a3b81a;border:1px solid #94a3b833}.stat-card{gap:var(--space-sm);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#161d2f73;border:1px solid #ffffff14;flex-direction:column;display:flex}.stat-card:hover{background:#161d2f99;border-color:#0ea5e959;transform:translateY(-2px);box-shadow:0 8px 32px #0ea5e914}.stat-value{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.8125rem}.dashboard-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);padding:var(--space-lg);z-index:50;transition:width var(--transition-normal);background:#11182766;border-right:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-md);padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-primary);display:flex}.sidebar-logo-text{letter-spacing:-.02em;font-size:1.375rem;font-weight:800}.sidebar-nav{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-md);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.sidebar-link.active{color:var(--accent-primary);background:var(--accent-glow);border:1px solid #0ea5e91a}.sidebar-link-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:1.125rem;display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--space-xl);flex:1;min-height:100vh}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.875rem}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.table-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:left;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:12px 16px;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border-primary);padding:14px 16px;font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-card-hover)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--transition-fast);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:500px;max-height:85vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal);overflow-y:auto}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.125rem;font-weight:700}.modal-body{gap:var(--space-md);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-primary);display:flex}.dropzone{border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal)}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-primary);background:var(--accent-glow)}.dropzone-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.dropzone-text{color:var(--text-secondary);font-size:.9375rem}.dropzone-hint{color:var(--text-muted);margin-top:var(--space-sm);font-size:.8125rem}.toast{top:var(--space-lg);right:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-normal);z-index:200;max-width:380px;position:fixed}.spinner{border:2px solid var(--border-secondary);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.loading-overlay{border-radius:var(--radius-lg);z-index:10;background:#0a0e1acc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-state{padding:var(--space-3xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-lg);opacity:.3;font-size:4rem}.empty-state-title{margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.empty-state-text{color:var(--text-secondary);max-width:320px;font-size:.875rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-card-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (max-width:768px){.sidebar{width:var(--sidebar-collapsed);padding:var(--space-md)}.sidebar-link span,.sidebar-logo-text{display:none}.main-content{margin-left:var(--sidebar-collapsed);padding:var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}@media (max-width:480px){.sidebar{display:none}.main-content{padding:var(--space-md) var(--space-md) 90px var(--space-md);margin-left:0}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);z-index:100;background:#0a0e1ad9;border:1px solid #ffffff14;justify-content:space-around;align-items:center;height:64px;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 8px 32px #00000080;display:flex!important}.mobile-nav-link{color:var(--text-secondary);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:.65rem;font-weight:500;display:flex}.mobile-nav-link-icon{font-size:1.25rem}.mobile-nav-link.active{color:var(--accent-primary)}}.mobile-bottom-nav{display:none}