@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--color-bg-base: #F8FAFC;--color-struct-primary: #004487;--color-text-deep: #1E293B;--color-action-accent: #10C136;--color-highlight-system: #FFB800;--color-surface-white: #FFFFFF;--color-border-slate: #E2E8F0;--color-hover-blue: #00356B;--color-hover-green: #0C9D2B;--color-danger-red: #EF4444;--color-danger-hover: #DC2626;--color-text-muted: #64748B;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-input: 8px;--border-radius-card: 12px;--border-radius-badge: 9999px;--shadow-premium: 0 4px 6px -1px rgba(0, 68, 135, .03), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-premium-hover: 0 10px 15px -3px rgba(0, 68, 135, .06), 0 4px 6px -2px rgba(0, 0, 0, .03)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-deep);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--color-text-deep)}h1{font-size:32px;font-weight:700;line-height:1.2}h2{font-size:24px;font-weight:600;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.4}.interactive-card{background-color:var(--color-surface-white);border:1px solid var(--color-border-slate);border-radius:var(--border-radius-card);box-shadow:var(--shadow-premium);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);padding:var(--spacing-lg)}.interactive-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-premium-hover);border-color:#0044871a}.btn-action{background-color:var(--color-action-accent);color:var(--color-surface-white);font-family:Outfit,sans-serif;font-weight:600;font-size:14px;padding:12px 24px;border:none;border-radius:var(--border-radius-input);cursor:pointer;box-shadow:0 2px 4px #10c1361a;transition:background-color .15s ease-out,transform .1s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-action:hover{background-color:var(--color-hover-green)}.btn-action:active{transform:scale(.98)}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-danger{background-color:var(--color-danger-red)}.btn-danger:hover{background-color:var(--color-danger-hover)}.pulse-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--color-action-accent);box-shadow:0 0 #10c13666;animation:pulse-ring 2s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse-ring{to{box-shadow:0 0 0 8px #10c13600}}.data-table-container{overflow-x:auto;border:1px solid var(--color-border-slate);border-radius:var(--border-radius-card);box-shadow:var(--shadow-premium)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background-color:var(--color-bg-base);color:var(--color-struct-primary);font-family:Outfit,sans-serif;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--color-border-slate)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--color-border-slate)}.data-table tbody tr:nth-child(2n){background-color:var(--color-bg-base)}.data-table tbody tr:hover{background-color:#00448705}.input-field{width:100%;padding:12px 16px;border:1px solid var(--color-border-slate);border-radius:var(--border-radius-input);font-family:Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s}.input-field:focus{border-color:var(--color-struct-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:12px;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-deep)}.nav-profile-section{display:flex;align-items:center;gap:20px}@media (max-width: 768px){.nav-brand-subtitle{font-size:8px!important}.nav-profile-info{display:none!important}.nav-profile-section{gap:12px!important}}@media (max-width: 480px){.nav-profile-section button{padding:6px 10px!important;font-size:12px!important}}.nav-settings-link{color:#ffffffd9!important;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color .2s ease,color .2s ease,transform .2s ease!important}.nav-settings-link:hover{color:#fff!important;background-color:#ffffff26;transform:rotate(30deg)}.nav-settings-link:active{background-color:#ffffff40;transform:scale(.9) rotate(30deg)}.nav-logout-btn{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.2)!important;color:#ffffffe6!important;padding:8px 16px!important;border-radius:var(--border-radius-input)!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:6px!important;font-family:Outfit,sans-serif;font-weight:500;font-size:13px!important;transition:background-color .2s ease,border-color .2s ease,transform .15s ease,color .2s ease!important}.nav-logout-btn:hover{background-color:#ef444426!important;border-color:#ef444466!important;color:#fff!important}.nav-logout-btn:active{background-color:#ef444440!important;transform:scale(.95)}.table-action-btn{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px!important;border:1px solid var(--color-border-slate)!important;background-color:var(--color-surface-white)!important;cursor:pointer;transition:all .2s ease!important}.table-action-btn.edit{color:var(--color-text-muted)!important}.table-action-btn.edit:hover{color:var(--color-struct-primary)!important;border-color:var(--color-struct-primary)!important;background-color:#0044870d!important;transform:translateY(-1px)}.table-action-btn.edit:active{transform:translateY(0) scale(.92)}.table-action-btn.delete{color:var(--color-danger-red)!important}.table-action-btn.delete:hover{color:#fff!important;border-color:var(--color-danger-red)!important;background-color:var(--color-danger-red)!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #ef444433}.table-action-btn.delete:active{transform:translateY(0) scale(.92)}