@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#ececec;--bg-card:#f7f7f7;--bg-input:#f3f4f7;--text-primary:#15164d;--text-secondary:#6b7280;--primary-color:#15164d;--primary-hover:#0d0e3a;--accent-color:#17b45a;--accent-hover:#119449;--danger-color:#b3261e;--warning-bg:#efe38a;--warning-text:#5b4b00;--success-bg:#cfeed8;--success-text:#1e5e35;--error-bg:#f8c7c7;--error-text:#8a1c1c;--border-color:#e5e7eb;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}h1{color:var(--text-primary);font-size:1.75rem;font-weight:700}h2{color:var(--text-primary);font-size:1.25rem;font-weight:700}.container{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #15164d1a}input:disabled,textarea:disabled,select:disabled{opacity:.7;cursor:not-allowed}button{cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}button:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#8f1e18}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#0000}.btn-ghost:hover{background-color:var(--border-color);color:var(--text-primary)}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.checkbox-container input[type=checkbox]{cursor:pointer;width:1.2rem;height:1.2rem}.status-card{border-radius:var(--radius-md);padding:1rem}.status-success{background-color:var(--success-bg);color:var(--success-text)}.status-warning{background-color:var(--warning-bg);color:var(--warning-text)}.status-error{background-color:var(--error-bg);color:var(--error-text)}.status-disabled{background-color:var(--border-color);color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}