@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:800;color:#1e40af;letter-spacing:-.03em;font-family:Inter,sans-serif}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.app-layout{flex:1;display:flex;width:100%}.sidebar{width:300px;background:var(--surface);border-right:2px solid var(--border);padding:2rem 0;display:flex;flex-direction:column;gap:.25rem;position:fixed;top:73px;left:0;bottom:0;overflow-y:auto;z-index:50}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text);text-decoration:none;transition:all .3s ease;font-weight:600;border-radius:8px;margin:0 .5rem}.nav-link:hover{background:var(--surface-hover);color:var(--primary);transform:translate(4px)}.nav-link.active{background:#2563eb14;color:var(--primary);border-left:4px solid var(--primary)}[data-theme=dark] .nav-link.active{background:#3b82f61f}.main-content{flex:1;margin-left:300px;padding:2rem;overflow-x:hidden}@media (max-width: 768px){.menu-toggle{display:block}.sidebar{position:fixed;top:73px;left:0;bottom:0;transform:translate(-100%);transition:transform .3s;z-index:50;box-shadow:2px 0 5px #0000001a}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-light: #3b82f6;--secondary: #64748b;--accent: #0ea5e9;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--bg: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--border: #e2e8f0;--border-focus: #cbd5e1;--text: #1e293b;--text-secondary: #475569;--text-light: #64748b;--text-muted: #94a3b8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px rgba(37, 99, 235, .25);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary: #64748b;--accent: #0ea5e9;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa;--bg: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #334155;--border-focus: #475569;--text: #f1f5f9;--text-secondary: #cbd5e1;--text-light: #94a3b8;--text-muted: #64748b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-primary: 0 4px 14px rgba(59, 130, 246, .4)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;font-weight:400;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.container{width:100%;padding:0 1rem}.card{background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus)}.btn{padding:.625rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,sans-serif;letter-spacing:.01em;font-size:.9rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--text-secondary);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem 1rem}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.input,.select,textarea,select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local]{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:.95rem;font-family:Inter,sans-serif;transition:var(--transition);background-color:var(--surface);color:var(--text)}[data-theme=dark] select option{background-color:var(--surface);color:var(--text)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted);opacity:.7}.input:focus,.select:focus,textarea:focus,select:focus,input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}[data-theme=dark] .input:focus,[data-theme=dark] .select:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus,[data-theme=dark] input:focus{box-shadow:0 0 0 3px #3b82f633}input[type=date],input[type=month]{position:relative;padding-right:2.5rem;cursor:pointer;min-width:160px}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{position:absolute;right:.75rem;cursor:pointer;opacity:.6;transition:all .2s ease;padding:.25rem;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1;background:var(--surface-hover);transform:scale(1.1)}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator:hover,[data-theme=dark] input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]:focus,input[type=month]:focus{background:var(--surface)}input[type=date]:not([value=""]),input[type=month]:not([value=""]){font-weight:500}[data-theme=dark] input:disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled{background-color:var(--surface-hover);color:var(--text-muted);opacity:.6}.label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text);font-size:.9rem;letter-spacing:.01em}.badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;letter-spacing:.01em}.badge-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-warning{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge-info{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.2)}.badge-secondary{background:#64748b1a;color:var(--secondary);border:1px solid rgba(100,116,139,.2)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th,td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:700;background:var(--surface-hover);color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}tr:hover{background:var(--surface-hover)}tr:last-child td{border-bottom:none}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.card-danger{background:#ef44440d;border-left:4px solid var(--danger)}[data-theme=dark] .card-danger{background:#ef44441a}.card-warning{background:#f59e0b0d;border-left:4px solid var(--warning)}[data-theme=dark] .card-warning{background:#f59e0b1a}.card-success{background:#10b9810d;border-left:4px solid var(--success)}[data-theme=dark] .card-success{background:#10b9811a}.card-info{background:#3b82f60d;border-left:4px solid var(--info)}[data-theme=dark] .card-info{background:#3b82f61a}@media (max-width: 768px){.container{padding:0 .5rem}.card{padding:1rem}table{font-size:.875rem}th,td{padding:.5rem}}