:root{--primary-teal: #1D4ED8;--primary-teal-rgb: 29, 78, 216;--primary-teal-dark: #1E3A8A;--bg-body: #F8FAFC;--bg-sidebar: #0F172A;--bg-card: #FFFFFF;--text-main: #1E293B;--text-muted: #475569;--text-white: #FFFFFF;--border-light: #E2E8F0;--bg-tooltip: #FFFFFF;--sidebar-hover: rgba(255, 255, 255, .1);--alpha-hover: rgba(0, 0, 0, .03);--alpha-active: rgba(0, 0, 0, .05);--alpha-border: rgba(0, 0, 0, .08);--status-green: #059669;--status-red: #DC2626;--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,255,255,.2));--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-xl: 40px;--radius-full: 9999px;--shadow-card: 0 12px 48px -12px rgba(0,0,0,.15);--shadow-neon: 0 6px 20px rgba(29, 78, 216, .3);--gradient-orange: linear-gradient(135deg, #F59E0B, #D97706);--gradient-red: linear-gradient(135deg, #F87171, #DC2626);--gradient-teal: linear-gradient(135deg, #14B8A6, #0D9488);--gradient-danger: linear-gradient(135deg, #F87171, #DC2626)}.dark{--primary-teal: #F59E0B;--primary-teal-rgb: 245, 158, 11;--primary-teal-dark: #D97706;--bg-body: #0B1120;--bg-sidebar: rgba(15, 23, 42, .7);--bg-card: rgba(30, 41, 59, .6);--text-main: #F8FAFC;--text-muted: #CBD5E1;--text-white: #FFFFFF;--border-light: rgba(255, 255, 255, .08);--bg-tooltip: #1A202C;--sidebar-hover: rgba(255, 255, 255, .05);--alpha-hover: rgba(255, 255, 255, .02);--alpha-active: rgba(255, 255, 255, .05);--alpha-border: rgba(255, 255, 255, .05);--shadow-card: 0 20px 50px -10px rgba(0,0,0,.6);--shadow-neon: 0 0 24px rgba(245, 158, 11, .35);--status-green: #10B981;--status-red: #EF4444;--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.02));--gradient-orange: linear-gradient(135deg, #FBBF24, #D97706);--gradient-danger: linear-gradient(135deg, #F472B6, #EF4444)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}body.dark{background-image:radial-gradient(circle at top right,rgba(30,58,138,.15),transparent 400px),radial-gradient(circle at bottom left,rgba(245,158,11,.05),transparent 400px);background-attachment:fixed}h1,h2,h3,h4{font-family:Outfit,sans-serif;color:var(--text-main);letter-spacing:-.5px}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;padding:2.5rem;min-height:100vh}.card-base{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease}.card-base:hover{transform:translateY(-8px);box-shadow:0 40px 80px -20px #00000073;border-color:var(--primary-teal)}.glass-premium{background:var(--gradient-glass);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-card)}.btn-primary{background:var(--gradient-orange);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.6rem 1.5rem;font-weight:700;letter-spacing:.3px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #f59e0b33,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #f59e0b66,0 0 30px #f59e0b33,inset 0 1px #ffffff4d;filter:brightness(1.1)}.btn-danger{background:var(--gradient-danger);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.6rem 1.5rem;font-weight:700;letter-spacing:.3px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #ef444426,inset 0 1px #fff3}.btn-danger:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ef444466,0 0 30px #ef444433,inset 0 1px #ffffff4d;filter:brightness(1.1)}.glow-on-hover:hover{filter:brightness(1.2);box-shadow:var(--shadow-neon)}.btn-outline{background:#0f172a08;border:1.5px solid var(--border-light);color:var(--text-main);border-radius:var(--radius-md);padding:.7rem 1.6rem;font-weight:700;text-transform:uppercase;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .btn-outline{background:#ffffff0d}.btn-outline:hover{background:#ffffff1a;border-color:var(--primary-teal);color:var(--primary-teal);transform:translateY(-2px);box-shadow:0 5px 15px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.page-transition{animation:fadeIn .7s cubic-bezier(.16,1,.3,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#ffffff59}@media (max-width: 1024px){.main-content{margin-left:0;padding:1.5rem}}.input-text{background:#fff;border:1.5px solid var(--border-light);border-radius:var(--radius-md);padding:.6rem 1rem;color:var(--text-main);outline:none;transition:all .3s ease;font-family:inherit;box-shadow:0 2px 4px #00000005}.dark .input-text,.dark input[type=text],.dark input[type=number],.dark input[type=date],.dark input[type=time],.dark select{background:#1e293b;border-color:#ffffff1a;color:#f8fafc}.dark select option{background-color:#1e293b;color:#f8fafc}.input-text:focus{border-color:var(--primary-teal);box-shadow:0 0 12px rgba(var(--primary-teal-rgb),.15);background:#ffffff14}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.6) sepia(1) saturate(5) hue-rotate(180deg);opacity:.6;transition:.2s}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1}.premium-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}.premium-header-info h1{font-size:2.5rem;font-weight:800;margin-bottom:.2rem;background:linear-gradient(135deg,var(--text-main),var(--text-muted));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-header-info p{color:var(--text-muted);font-size:1.1rem;font-weight:500}@media (max-width: 768px){.premium-page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.premium-header-info h1{font-size:2rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);width:100%;border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-card);overflow-x:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{font-size:1.4rem;color:var(--text-main);font-weight:700;margin:0}.modal-body{padding:1.25rem 1.75rem}.modal-content .form-group{margin-bottom:1rem}.modal-content .form-group label{display:block;font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.modal-content .custom-input{width:100%;background:var(--alpha-hover);border:1px solid var(--border-light);padding:.8rem 1rem;border-radius:var(--radius-sm);color:var(--text-main);outline:none;font-size:.95rem;transition:.3s}.modal-content .custom-input:focus{border-color:var(--primary-teal);background:#ffffff0d;box-shadow:0 0 0 3px rgba(var(--primary-teal-rgb, 29, 78, 216),.1)}.icon-btn{background:var(--alpha-hover);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.icon-btn:hover{background:var(--status-red);color:#fff;transform:rotate(90deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}