@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--navbar-bg: #2563eb;--navbar-text: #ffffff;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-main: #020617;--bg-card: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #1e293b;--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--navbar-bg: #1e1b4b;--navbar-text: #f8fafc}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;text-decoration:none!important}a,button,.premium-button,.sidebar-link,.action-button-compact,.nav-link{text-decoration:none!important}body{background-color:var(--bg-main);color:var(--text-main);transition:var(--transition);overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #1f268712}.premium-button{background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;padding:12px 28px;border-radius:14px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6366f14d;text-decoration:none!important}.premium-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:var(--transition);padding:8px 16px;border-radius:10px}.nav-link:hover,.nav-link.active{color:var(--primary);background:#6366f11a}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease forwards}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-primary{background:#6366f11a;color:var(--primary)}.badge-danger{background:#ef44441a;color:#ef4444}.premium-table{width:100%;border-collapse:separate;border-spacing:0 0!important}.premium-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:1.5rem}.premium-table th.sortable:hover{color:var(--primary)}.premium-table th.sortable:after{content:"⇅";position:absolute;right:.5rem;opacity:.3}.premium-table th.sortable.asc:after{content:"↑";opacity:1;color:var(--primary)}.premium-table th.sortable.desc:after{content:"↓";opacity:1;color:var(--primary)}.premium-table td{padding:2px 1rem!important;background:var(--glass-bg);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);vertical-align:middle;line-height:1.2}.premium-table tr td:first-child{border-left:1px solid var(--glass-border);border-radius:12px 0 0 12px}.premium-table tr td:last-child{border-right:1px solid var(--glass-border);border-radius:0 12px 12px 0}.action-button-compact{padding:.2rem .5rem!important;font-size:.75rem!important;min-height:auto!important;height:28px!important;width:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important}.premium-input,.form-control{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);transition:var(--transition)}.premium-input:focus,.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--text-main);flex-shrink:0;width:160px}.form-horizontal .form-group{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.form-horizontal .form-label{margin-bottom:0;text-align:left}.form-horizontal .form-control,.form-horizontal .premium-input,.form-horizontal select.form-control{flex:1}.form-container-max{width:100%;max-width:1400px;margin:0 auto}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}@media(max-width:1024px){.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-3-col{grid-template-columns:1fr}.form-horizontal .form-group{flex-direction:column;align-items:flex-start;gap:.5rem}.form-horizontal .form-label{width:100%}}