body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:var(--space-2);transition:all var(--transition-base);width:36px}.theme-toggle:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{display:block;transition:transform var(--transition-base)}.theme-toggle:hover svg{transform:rotate(15deg)}.auth-page,.theme-toggle{position:relative}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-4)}[data-theme=dark] .auth-page{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)}.auth-page:after,.auth-page:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";opacity:.1;position:absolute}.auth-page:before{animation-delay:0s;background:#fff;height:500px;right:-250px;top:-250px;width:500px}.auth-page:after{animation-delay:10s;background:#fff;bottom:-200px;height:400px;left:-200px;width:400px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.auth-container{max-width:440px;position:relative;width:100%;z-index:1}.auth-theme-toggle{position:absolute;right:var(--space-4);top:var(--space-4);z-index:10}.auth-brand{animation:fadeInDown .6s ease-out;margin-bottom:var(--space-8);text-align:center}.auth-brand h1{color:#fff;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-2);text-shadow:0 2px 10px #0003}.auth-brand p{color:#ffffffe6;font-size:var(--font-size-base);margin:0}.auth-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff1a;padding:var(--space-8)}[data-theme=dark] .auth-card{background:#1e293be6;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #ffffff0d}.auth-card h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-6);text-align:center}.auth-form .form-group{margin-bottom:var(--space-5)}.auth-form label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.auth-form input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.auth-form input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.auth-form input::placeholder{color:var(--text-tertiary)}.auth-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:600;margin-top:var(--space-2);padding:var(--space-4);transition:all var(--transition-base);width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-error{align-items:center;animation:shake .4s ease-in-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:#dc2626;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-4)}[data-theme=dark] .auth-error{background:#ef444426;color:#f87171}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.auth-link{border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.auth-link a{color:var(--primary-600);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.auth-link a:hover{color:var(--primary-700);text-decoration:underline}[data-theme=dark] .auth-link a{color:var(--primary-400)}[data-theme=dark] .auth-link a:hover{color:var(--primary-300)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-page{padding:var(--space-3)}.auth-brand h1{font-size:var(--font-size-2xl)}.auth-card{padding:var(--space-6)}.auth-card h2{font-size:var(--font-size-xl)}}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-blue:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-purple:linear-gradient(135deg,#a855f7,#7c3aed);--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--bg-elevated:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:ui-monospace,"SF Mono","Monaco","Cascadia Code","Roboto Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-elevated:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--border-light:#334155;--border-medium:#475569;--border-dark:#64748b;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.page-container{margin:0 auto;max-width:1280px;min-height:100vh;padding:1.5rem;padding:var(--space-6)}.page-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin:-1.5rem -1.5rem 2rem;margin:calc(var(--space-6)*-1) calc(var(--space-6)*-1) var(--space-8);padding:1.5rem 2rem;padding:var(--space-6) var(--space-8)}.page-title{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.025em;margin:0}.nav-links{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.nav-links a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.nav-links a:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}h1{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700}h1,h2{color:#111827;color:var(--text-primary);letter-spacing:-.025em;margin-bottom:1rem;margin-bottom:var(--space-4)}h2{font-size:1.5rem;font-size:var(--font-size-2xl);margin-top:2rem;margin-top:var(--space-8)}h2,h3{font-weight:600}h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.75rem;margin-bottom:var(--space-3)}.card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#111827;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.kpi-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.kpi-card{background:linear-gradient(to bottom right,#fff,#f9fafb);background:linear-gradient(to bottom right,var(--bg-card),var(--bg-secondary));border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:160px;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.kpi-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.kpi-card:hover:before{opacity:1}.kpi-card:hover{border-color:#bae6fd;border-color:var(--primary-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kpi-card-header{margin-bottom:.75rem;margin-bottom:var(--space-3)}.kpi-card-title{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.kpi-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center}.kpi-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-bottom:var(--space-2)}.kpi-card-subtitle{color:#9ca3af;color:var(--text-tertiary);margin-bottom:.75rem;margin-bottom:var(--space-3)}.kpi-card-subtitle,.kpi-card-trend{font-size:.875rem;font-size:var(--font-size-sm)}.kpi-card-trend{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-weight:600;gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);width:-webkit-fit-content;width:fit-content}.kpi-card-trend.positive{background:#d1fae5;color:#059669}.kpi-card-trend.negative{background:#fee2e2;color:#dc2626}.kpi-card-loading{align-items:center;color:#9ca3af;color:var(--text-tertiary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:center;min-height:160px}.charts-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.chart-container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.chart-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.chart-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.form-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem;margin-bottom:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.form-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}input[type=date],input[type=number],input[type=text],select,textarea{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--space-3);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,select:focus,textarea:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}input:disabled,select:disabled,textarea:disabled{background-color:#f3f4f6;background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.btn,button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.btn:hover,button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active,button:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#fff}.btn-secondary{background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#111827;color:var(--text-primary)}.btn-secondary:hover{background:#f3f4f6;background:var(--bg-tertiary)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.btn-danger,.btn-success{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-danger)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#fff}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.btn-icon{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;opacity:0;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:32px}.table-row-actions:hover .btn-icon{opacity:1}.btn-icon:hover{background:#f3f4f6;background:var(--bg-tertiary);box-shadow:none;transform:none}.btn-icon-primary{composes:btn-icon}.btn-icon-primary:hover{background:#0ea5e91a;color:#0ea5e9;color:var(--primary-500)}.btn-icon-danger{composes:btn-icon}.btn-icon-danger:hover{background:#ef44441a;color:#ef4444}.table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow-x:auto}.table-wrapper,table{background:#fff;background:var(--bg-card)}table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}thead{background:#f3f4f6;background:var(--bg-tertiary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light)}th{font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}td,th{color:#111827;color:var(--text-primary);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light)}tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}tbody tr:hover{background-color:#f9fafb;background-color:var(--bg-secondary)}tbody tr:last-child td{border-bottom:none}.no-entries{color:#9ca3af;color:var(--text-tertiary);font-style:italic;padding:2rem;padding:var(--space-8);text-align:center}.table-actions{text-align:right;white-space:nowrap}.table-actions .btn-icon{margin-left:.5rem;margin-left:var(--space-2)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--space-2)}.gap-md{gap:1rem;gap:var(--space-4)}.gap-lg{gap:1.5rem;gap:var(--space-6)}.mt-sm{margin-top:.5rem;margin-top:var(--space-2)}.mt-md{margin-top:1rem;margin-top:var(--space-4)}.mt-lg{margin-top:1.5rem;margin-top:var(--space-6)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.alert{border-left:3px solid;border-radius:.75rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4)}.alert-info{background-color:#dbeafe;border-left-color:#3b82f6;color:#1e40af}.alert-success{background-color:#d1fae5;border-left-color:#10b981;color:#065f46}.alert-warning{background-color:#fef3c7;border-left-color:#f59e0b;color:#92400e}.alert-danger{background-color:#fee2e2;border-left-color:#ef4444;color:#991b1b}@media (max-width:1024px){.page-container{padding:1.25rem;padding:var(--space-5)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-container,.page-header{padding:1rem;padding:var(--space-4)}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3);margin:-1rem -1rem 1.5rem;margin:calc(var(--space-4)*-1) calc(var(--space-4)*-1) var(--space-6)}.page-title{font-size:1.25rem;font-size:var(--font-size-xl);width:100%}.nav-links{flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);width:100%}.nav-links a{flex:1 1 auto;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:center}.kpi-grid{gap:.75rem;gap:var(--space-3)}.charts-grid,.form-grid,.kpi-grid{grid-template-columns:1fr}.kpi-card-value{font-size:1.5rem;font-size:var(--font-size-2xl)}.table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1rem;margin:0 calc(var(--space-4)*-1);overflow-x:auto;padding:0 1rem;padding:0 var(--space-4)}table{font-size:.75rem;font-size:var(--font-size-xs);min-width:600px}td,th{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);white-space:nowrap}.chart-container{padding:1rem;padding:var(--space-4)}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}@media (max-width:480px){.page-container,.page-header{padding:.75rem;padding:var(--space-3)}.page-header{margin:-.75rem -.75rem 1rem;margin:calc(var(--space-3)*-1) calc(var(--space-3)*-1) var(--space-4)}.page-title{font-size:1.125rem;font-size:var(--font-size-lg)}.nav-links a{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem;padding:var(--space-2)}.kpi-card-value{font-size:1.25rem;font-size:var(--font-size-xl)}.card,.chart-container,.kpi-card{padding:.75rem;padding:var(--space-3)}h1{font-size:1.5rem;font-size:var(--font-size-2xl)}h2{font-size:1.25rem;font-size:var(--font-size-xl)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card,.chart-container,.kpi-card{animation:fadeIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-slow) ease-out}.toggle-list{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.toggle-item,.toggle-list{background:#fff;background:var(--bg-card)}.toggle-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.toggle-item:last-child{border-bottom:none}.toggle-item:hover{background:#f9fafb;background:var(--bg-secondary);cursor:pointer}.toggle-item:hover .btn-icon{opacity:1}.toggle-item:active{background:#f3f4f6;background:var(--bg-tertiary);transform:scale(.99)}.toggle-item-content{flex:1 1;margin-right:1rem}.toggle-item-title{color:#111827;color:var(--text-primary);font-size:var(--font-size-medium);font-weight:500;margin-bottom:.25rem}.toggle-item-description{color:#6b7280;color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.4}.toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;height:31px;position:relative;width:51px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d4d4d8;background-color:var(--gray-300);border-radius:31px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.toggle-slider:hover{background-color:#a1a1aa;background-color:var(--gray-400)}.toggle-switch input:checked+.toggle-slider:hover{filter:brightness(1.05)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:27px;left:2px;position:absolute;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:27px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #667eea33}@media (hover:none){.toggle-item:hover{background:#fff;background:var(--bg-card)}.toggle-item:active{background:#f9fafb;background:var(--bg-secondary)}}
/*# sourceMappingURL=main.c87a9e89.css.map*/