@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Albert+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-color:#f3f6fc;--surface-color:#fff;--glass:#ffffffa8;--glass-strong:#ffffffd9;--glass-border:#ffffffe6;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#e4edfd;--violet:#7c3aed;--cyan:#06b6d4;--grad-main:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--grad-cool:linear-gradient(135deg, #06b6d4 0%, #2563eb 100%);--sidebar-bg:#1e2b4a;--sidebar-bg-deep:#141d33;--accent-gold:#7c3aed;--accent-gold-light:#ede9fe;--text-primary:#16203a;--text-secondary:#475672;--text-muted:#8a96ad;--border-color:#e3e9f4;--sidebar-text:#16203a;--sidebar-item-hover:#2563eb14;--sidebar-item-active:#fff;--success:#0ea371;--danger:#e23a5f;--warning:#d97706;--shadow-xs:0 1px 2px #16203a0d;--shadow-sm:0 2px 6px #2563eb0d, 0 8px 24px #16203a0f;--shadow-md:0 4px 12px #2563eb14, 0 16px 40px #16203a1a;--shadow-glow:0 0 0 1px #2563eb14, 0 8px 32px #2563eb2e;--radius-md:14px;--radius-lg:18px;--font-display:"Sora", sans-serif;--font-body:"Albert Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42% 38% at 18% 22%,#2563eb24,#0000 70%),radial-gradient(36% 34% at 82% 12%,#7c3aed1f,#0000 70%),radial-gradient(40% 36% at 70% 85%,#06b6d41a,#0000 70%);animation:26s ease-in-out infinite alternate meshDrift;position:fixed;inset:-20%}@keyframes meshDrift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2.5%,-2%)scale(1.06)}to{transform:translate(-2%,2.5%)scale(1.02)}}::selection{background:#2563eb33}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-color);background:#c4cfe2;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9fb0cd}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;background:radial-gradient(40% 38% at 25% 25%,#2563eb38,#0000 70%),radial-gradient(36% 34% at 78% 18%,#7c3aed2e,#0000 70%),radial-gradient(38% 36% at 65% 85%,#06b6d429,#0000 70%);animation:18s ease-in-out infinite alternate meshDrift;position:absolute;inset:-20%}.auth-card{width:100%;max-width:460px;animation:.7s cubic-bezier(.22,1,.36,1) both fadeUp;position:relative}.auth-card.card{background:var(--glass-strong);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid var(--glass-border);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffffe6;position:relative;overflow:hidden}.auth-card.card:before{content:"";background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed,#06b6d4) 0 0/300% 100%;height:3px;animation:6s linear infinite shimmerSlide;position:absolute;top:0;left:0;right:0}@keyframes shimmerSlide{to{background-position:300% 0}}.btn-full{width:100%}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--glass-strong);-webkit-backdrop-filter:blur(24px)saturate(1.5);width:280px;color:var(--text-primary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;padding:1.5rem .75rem;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:8px 0 32px #16203a0d}.sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sidebar-collapse-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#2563eb12;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:var(--primary);background:#2563eb24}.sidebar.collapsed{width:88px}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:.75rem}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-collapse-btn{margin-bottom:.5rem}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:.65rem}.sidebar.collapsed .user-profile-mini{justify-content:center;padding:.75rem .5rem}.sidebar-brand{color:var(--text-primary);align-items:center;gap:.875rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.sidebar-brand-text span:first-child{font-family:var(--font-display)}.sidebar-menu{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:.2rem;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-item{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.9rem;width:100%;padding:.62rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar-item:hover{color:var(--primary);background:var(--sidebar-item-hover);transform:translate(2px)}.sidebar-item.active{background:var(--grad-main);color:#fff;transform:none;box-shadow:0 6px 20px #2563eb59}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.user-profile-mini{border:1px solid var(--border-color);background:#2563eb0d;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:background .18s;display:flex}.user-profile-mini:hover{background:#2563eb17}.user-avatar{background:var(--grad-main);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;line-height:1.2;overflow:hidden}.user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:.72rem;font-weight:600}.main-content{flex:1;padding:2.5rem 3rem;animation:.35s both fadeIn;overflow-y:auto}.container{max-width:1200px;margin:0 auto}h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:.5rem;font-size:2.1rem;font-weight:700}h2,h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);font-weight:600}p{color:var(--text-secondary);font-size:1rem;line-height:1.55}.page-header{margin-bottom:2.25rem;animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.card,.table-card{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffffd9;padding:1.75rem;transition:box-shadow .25s,transform .25s;animation:.55s cubic-bezier(.22,1,.36,1) both fadeUp}.card:hover{box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffffd9;transform:translateY(-2px)}.card:first-child{animation-delay:20ms}.card:nth-child(2){animation-delay:90ms}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.23s}.card:nth-child(5){animation-delay:.3s}.card:nth-child(6){animation-delay:.37s}.table-container{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);animation:.55s cubic-bezier(.22,1,.36,1) .1s both fadeUp;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;background:#2563eb0b;padding:.875rem 1.5rem;font-size:.7rem;font-weight:700}td{color:var(--text-primary);border-bottom:1px solid #edf1f9;padding:1rem 1.5rem;font-size:.92rem}tbody tr{transition:background-color .12s}tbody tr:last-child td{border-bottom:none}tr:hover td{background-color:#2563eb0a}.btn{border-radius:var(--radius-md);letter-spacing:.005em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.6rem;padding:.78rem 1.5rem;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--grad-main);color:#fff;box-shadow:0 2px 6px #2563eb4d,0 8px 24px #7c3aed40}.btn-primary:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .45s;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #2563eb59,0 12px 32px #7c3aed4d}.btn-primary:hover:after{left:120%}.btn-secondary{background:var(--glass-strong);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.btn-secondary:hover{color:var(--primary);background:#fff;border-color:#2563eb59}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.3rem .75rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-admin{background:var(--accent-gold-light);color:var(--violet);border:1px solid #ddd1fb}.badge-user{color:var(--text-secondary);border:1px solid var(--border-color);background:#eef2f9}.form-group{margin-bottom:1.75rem}.form-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:block}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1.05rem;transform:translateY(-50%)}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{color:var(--text-primary);font-family:inherit;font-size:.95rem}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fffc;width:100%;padding:.82rem 1.05rem .82rem 2.7rem;transition:border-color .18s,box-shadow .18s,background .18s}.form-input::placeholder{color:#aab4c8}.form-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #2563eb21}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.sidebar{width:80px;padding:2rem .5rem}.sidebar-brand span,.sidebar-item span,.user-info{display:none}.main-content{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sticky-left{z-index:10;background:#fff;left:0;position:sticky!important}.sticky-right-status{z-index:10;background:#fff;right:80px;position:sticky!important}.sticky-right-action{z-index:10;background:#fff;right:0;position:sticky!important}tr:hover .sticky-left,tr:hover .sticky-right-status,tr:hover .sticky-right-action{background:#eef3fc!important}.table-container th.sticky-left,.table-container th.sticky-right-status,.table-container th.sticky-right-action{z-index:11;background:#eef2fa!important}