:root{--bg-primary:#fff;--bg-secondary:#eaeff7;--bg-tertiary:#f8fafc;--text-primary:#000;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#2563eb;--accent-glow:#1d4ed8;--accent-glow-hover:#1e40af;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--border-glass:#e2e8f0;--border-glass-hover:#cbd5e1;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}html{width:100%;overflow-x:hidden}input:focus,select:focus,textarea:focus{outline-offset:-1px;border-color:#000;outline:2px solid #000}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000006}.glass-card:hover{border-color:var(--border-glass-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a}.glass-card:has(.custom-select-container[data-open=true]){z-index:9999;position:relative}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;font-weight:600}.gradient-text{background:var(--accent-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.container{max-width:1200px;margin:0 auto;padding:2rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}button{cursor:pointer;background:0 0;border:none;font-family:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes floatGlow{0%{transform:translate(0)scale(1)}to{transform:translate(5%,5%)scale(1.05)}}@keyframes floatGlowReverse{0%{transform:translate(0)scale(1)}to{transform:translate(-5%,-5%)scale(1.05)}}@media (width<=1024px){.search-text-desktop,.hide-on-mobile{display:none!important}}.app-layout{background-color:#f8fafc;flex-direction:column;width:100%;min-height:100vh;display:flex}.app-sidebar{width:100%;box-shadow:none;border:none;border-bottom:1px solid var(--border-glass);z-index:10;background:#f1f5f9;border-radius:0;padding:1rem 2rem}.app-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.app-sidebar-logout-icon{color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.app-sidebar-logout-icon:hover{color:var(--error);background:#e2e8f0}.app-sidebar-nav{flex-direction:row;gap:.5rem;display:flex;overflow-x:auto}.app-sidebar-nav::-webkit-scrollbar{height:0}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link.active{color:var(--accent-primary);border:1px solid var(--border-glass);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000d}.nav-link:hover:not(.active){background:#e2e8f0}.app-main{flex:1;height:calc(100vh - 120px);padding:2rem;overflow-y:auto}.card-actions{justify-content:space-between;gap:.5rem;display:flex}@media (width<=640px){.card-actions{flex-direction:column}}@media (width<=1024px){.app-main,.app-sidebar{padding:1rem}.container{padding:1rem!important}.grid-cols-2{grid-template-columns:1fr!important}}@media (width<=640px){div[style*=grid-template-columns],.form-grid{grid-template-columns:1fr!important}.flex-row-mobile{flex-direction:column!important;gap:.5rem!important}.glass-card{padding:1rem!important}input,select,textarea{box-sizing:border-box;max-width:100%}}.page-container{overflow:hidden;height:calc(100vh - 4rem)!important}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;height:42px;color:var(--text-primary);background:#fff;outline:none;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}fieldset:disabled .custom-select-trigger{pointer-events:none;opacity:.6;color:var(--text-muted)!important;background:#0f172a1a!important}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:0 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--border-glass-hover);border-radius:4px}