@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#1a78b5;--primary-hover:#155f91;--primary-light:#1a78b51a;--accent-purple:#2196f3;--accent-cyan:#0097a7;--accent-orange:#f39c12;--status-green:#22c55e;--status-green-bg:#22c55e26;--status-yellow:#eab308;--status-yellow-bg:#eab30826;--status-red:#ef4444;--status-red-bg:#ef444426;--bg-primary:#1a2332;--bg-secondary:#243040;--bg-tertiary:#3a4a5c;--bg-card:#243040;--bg-card-hover:#3a4a5c;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#3a4a5c;--border-light:#4f6178;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #00000040;--shadow-lg:0 10px 25px #00000059;--shadow-glow:0 0 20px #1a78b54d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:260px;--sidebar-collapsed:70px;--header-height:64px}:root.light{--bg-primary:#f5f3f0;--bg-secondary:#faf9f7;--bg-tertiary:#edeae6;--bg-card:#faf9f7;--bg-card-hover:#f0eeeb;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--border-color:#e7e5e4;--border-light:#d6d3d1;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 25px #00000014;--shadow-glow:0 0 20px #1a78b51a;--primary-light:#1a78b514}:root.light .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}:root.light ::-webkit-scrollbar-track{background:#f1f5f9}:root.light ::-webkit-scrollbar-thumb{background:#cbd5e1}:root.light ::-webkit-scrollbar-thumb:hover{background:#94a3b8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6,.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.page-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.card-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.875rem}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}.btn-lg{padding:var(--spacing-md)var(--spacing-lg);font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.btn-danger{background:var(--status-red);color:#fff}.btn-danger:hover{background:#dc2626}.confirm-modal{max-width:400px}.confirm-modal .modal-body p{color:var(--text-secondary);line-height:1.6}.empty-state-small{padding:var(--spacing-xl);text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.empty-state-small.full-width{grid-column:1/-1}.editable{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);margin:-2px -4px;padding:2px 4px}.editable:hover{background:var(--primary-light);color:var(--primary)}.clickable{cursor:pointer;transition:all var(--transition-fast)}.clickable:hover{color:var(--primary)}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:500;display:inline-flex}.badge-green{background:var(--status-green-bg);color:var(--status-green)}.badge-yellow{background:var(--status-yellow-bg);color:var(--status-yellow)}.badge-red{background:var(--status-red-bg);color:var(--status-red)}.badge-primary{background:var(--primary-light);color:var(--primary)}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.green{background:var(--status-green)}.progress-bar-fill.yellow{background:var(--status-yellow)}.progress-bar-fill.red{background:var(--status-red)}.progress-bar-fill.primary{background:var(--primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);font-size:.875rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.table tr:hover td{background:var(--bg-card-hover)}.table tr:last-child td{border-bottom:none}.grid{gap:var(--spacing-lg);display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.main-content{margin-left:0}.page-content{padding:var(--spacing-md)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow)ease-out}.animate-slide-in{animation:slideIn var(--transition-slow)ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}