@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap";
:root,[data-theme=light]{--bg-base:#fcf8f8;--bg-card:#fffffff7;--bg-card-solid:#fff;--bg-header-solid:#fdfafc;--bg-card-hover:#fff;--bg-glass:#ffffffd9;--bg-input:#fff;--text-primary:#18181b;--text-secondary:#5a626a;--text-muted:#8a9099;--border-color:#e52e2e26;--border-glass:#e52e2e1f;--sidebar-bg:#fffffff7;--sidebar-border:#e52e2e1f;--sidebar-text:#5a626a;--sidebar-text-hover:#18181b;--sidebar-active-bg:#e52e2e17;--sidebar-active-text:#e52e2e;--sidebar-icon-bg:#e52e2e0f;--sidebar-label:#5a626a80;--sidebar-brand-text:#18181b;--sidebar-user-border:#e52e2e1a;--accent:#e52e2e;--accent2:#c5221f;--accent3:#5a626a;--success:#10b981;--warning:#f59e0b;--danger:#dc2626;--shadow-sm:0 2px 12px #e52e2e14;--shadow-md:0 8px 32px #e52e2e26;--shadow-lg:0 20px 60px #e52e2e33;--orb1:#e52e2e26;--orb2:#c5221f1f;--orb3:#5a626a1f;--navbar-bg:#fcf8f8fa;--scrollbar-bg:#e52e2e0d;--scrollbar-thumb:#e52e2e4d;--toggle-track:linear-gradient(135deg, #fee2e2, #fecaca);--sidebar-shadow:4px 0 30px #e52e2e14}[data-theme=dark]{--bg-base:#0f0c0d;--bg-card:#181214f5;--bg-card-solid:#181214;--bg-header-solid:#140e10;--bg-card-hover:#22191cfa;--bg-glass:#181214d9;--bg-input:#1c1417;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#ef444433;--border-glass:#ef444424;--sidebar-bg:#0f0a0cfa;--sidebar-border:#ef444426;--sidebar-text:#c8cdd7bf;--sidebar-text-hover:#f8fafc;--sidebar-active-bg:#ef444433;--sidebar-active-text:#f87171;--sidebar-icon-bg:#ffffff0d;--sidebar-label:#ffffff38;--sidebar-brand-text:#f8fafc;--sidebar-user-border:#ffffff0f;--accent:#ef4444;--accent2:#f87171;--accent3:#9ca3af;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--shadow-sm:0 2px 12px #0000008c;--shadow-md:0 8px 32px #000000a6;--shadow-lg:0 20px 60px #000000bf;--orb1:#ef44441f;--orb2:#b91c1c17;--orb3:#64748b14;--navbar-bg:#0f0a0cfa;--scrollbar-bg:#ef44440a;--scrollbar-thumb:#ef444440;--toggle-track:linear-gradient(135deg, #2a181b, #451a1d);--sidebar-shadow:4px 0 30px #00000080}.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color .45s cubic-bezier(.4,0,.2,1),background .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),fill .35s cubic-bezier(.4,0,.2,1)!important}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Manrope,Sora,system-ui,-apple-system,sans-serif;overflow-x:hidden}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-orbs .orb{filter:blur(90px);border-radius:50%;position:absolute}.bg-orbs .orb-1{background:var(--orb1);width:650px;height:650px;animation:16s ease-in-out infinite orbFloat1;top:-200px;left:-200px}.bg-orbs .orb-2{background:var(--orb2);width:550px;height:550px;animation:18s ease-in-out infinite orbFloat2;bottom:-150px;right:-150px}.bg-orbs .orb-3{background:var(--orb3);width:400px;height:400px;animation:20s ease-in-out infinite orbFloat3;top:40%;left:45%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.06)}66%{transform:translate(-30px,40px)scale(.96)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,40px)scale(1.08)}66%{transform:translate(40px,-30px)scale(.94)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.8);z-index:1000;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{border-bottom:1px solid var(--sidebar-user-border);padding:1.6rem 1.4rem 1.2rem}.sidebar-logo{background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sidebar-brand h6{color:var(--sidebar-brand-text);margin:0;font-size:.95rem;font-weight:700}.sidebar-brand small{color:var(--accent);letter-spacing:.8px;text-transform:uppercase;font-size:.68rem;font-weight:600}.sidebar-nav{flex:1;padding:.875rem .75rem;overflow-y:auto}.nav-section-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--sidebar-label);margin-top:.4rem;padding:.6rem .75rem .3rem;font-size:.63rem;font-weight:700}.sidebar-link{color:var(--sidebar-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;margin:2px 0;padding:.65rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{color:var(--sidebar-text-hover);background:var(--sidebar-active-bg);border-color:var(--sidebar-border)}.sidebar-link.active{color:var(--sidebar-active-text);background:var(--sidebar-active-bg);border-color:#e52e2e40;box-shadow:0 4px 16px #e52e2e1f}.nav-icon{background:var(--sidebar-icon-bg);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s;display:flex}.sidebar-link:hover .nav-icon,.sidebar-link.active .nav-icon{background:#e52e2e26;transform:scale(1.12)rotate(-5deg)}.nav-label{flex:1}.nav-badge{background:var(--accent);color:#fff;border-radius:99px;padding:2px 7px;font-size:.6rem;font-weight:700}.sidebar-user{border-top:1px solid var(--sidebar-user-border);align-items:center;gap:10px;padding:1rem 1.2rem;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;animation:3.5s ease-in-out infinite avatarPulse;display:flex;box-shadow:0 0 0 2px #e52e2e4d}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 2px #e52e2e4d}50%{box-shadow:0 0 0 5px #e52e2e1a}}.user-info .name{color:var(--sidebar-brand-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.user-info .role{color:var(--accent);font-size:.68rem;font-weight:500}.main-content{background-color:var(--bg-base);z-index:1;min-height:100vh;margin-left:260px;position:relative}.page-content{background-color:var(--bg-base);min-height:calc(100vh - 64px);padding:2rem 1.75rem}.topnav{background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 1.75rem;display:flex;position:sticky;top:0}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(1.6);background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;border-radius:20px!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s!important}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)!important;background:var(--bg-card-hover)!important}.glass-card .card-header{align-items:center;gap:10px;padding:1.2rem 1.5rem;font-size:.9rem;font-weight:700;display:flex;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important;background:0 0!important}.glass-card .card-body{padding:1.5rem;background:0 0!important}.stats-card{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.stats-card:after{content:"";background:radial-gradient(circle, var(--card-glow,#e52e2e0f) 0%, transparent 60%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .3s;position:absolute;top:-60%;right:-60%}.stats-card:hover:after{opacity:1}.icon-wrap{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.stats-card:hover .icon-wrap{transform:scale(1.15)rotate(-8deg)}.stat-number{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.35rem 0 .15rem;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:.73rem;font-weight:700}.stat-footer{border-top:1px solid var(--border-color);color:var(--accent);align-items:center;gap:6px;margin-top:1rem;padding-top:.875rem;font-size:.8rem;font-weight:600;display:flex}.page-title{background:linear-gradient(135deg, var(--text-primary) 40%, var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.form-control,.form-select{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:12px!important;padding:.65rem 1rem!important;font-size:.875rem!important}.form-control:focus,.form-select:focus{border-color:var(--accent)!important;background:var(--bg-card-hover)!important;color:var(--text-primary)!important;box-shadow:0 0 0 3px #e52e2e26!important}.form-control::placeholder{color:var(--text-muted)!important}.form-select option{background:var(--bg-card);color:var(--text-primary)}.form-label{color:var(--text-secondary);letter-spacing:.3px;margin-bottom:.4rem;font-size:.8rem;font-weight:600}.input-group-text{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;border-radius:12px 0 0 12px!important}.input-group .form-control{border-left:0!important;border-radius:0 12px 12px 0!important}.btn{border-radius:12px!important;font-size:.85rem!important;font-weight:600!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2))!important;color:#fff!important;border:none!important;box-shadow:0 4px 20px #e52e2e4d!important}.btn-primary:hover{box-shadow:0 8px 28px #e52e2e73!important}.btn-success{color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;box-shadow:0 4px 20px #10b9814d!important}.btn-outline-primary{border:1px solid var(--accent)!important;color:var(--accent)!important;background:#e52e2e0f!important}.btn-outline-primary:hover{color:var(--accent)!important;background:#e52e2e24!important}.btn-outline-danger{border:1px solid var(--danger)!important;color:var(--danger)!important;background:#ef44440d!important}.btn-outline-danger:hover{color:var(--danger)!important;background:#ef44441f!important}.btn-outline-secondary{border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;background:var(--bg-card)!important}.btn-outline-secondary:hover{background:var(--bg-card-hover)!important;color:var(--text-primary)!important}.table{color:var(--text-primary)!important;border-color:var(--border-color)!important}.table thead th{white-space:nowrap;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:1px!important;border-color:var(--border-color)!important;background:0 0!important;padding:.875rem 1.25rem!important;font-size:.7rem!important;font-weight:700!important}.table tbody td{border-color:var(--border-color)!important;vertical-align:middle!important;color:var(--text-primary)!important;background:0 0!important;padding:.875rem 1.25rem!important;font-size:.875rem!important}.table tbody tr:hover>td{background:#e52e2e0a!important}.table-responsive{border-radius:0 0 18px 18px;overflow:hidden}.role-badge{color:var(--accent);background:#e52e2e1a;border:1px solid #e52e2e33;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:.71rem;font-weight:600;display:inline-flex}.status-badge{border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.71rem;font-weight:600;display:inline-flex}.status-badge.active{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.status-badge.inactive{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.perm-tag{border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;margin:2px;padding:3px 9px;font-size:.69rem;font-weight:600;display:inline-flex;transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.perm-tag:hover{transform:scale(1.07)}.perm-tag.create{color:#e52e2e;background:#e52e2e1a;border-color:#e52e2e33}.perm-tag.read{color:#10b981;background:#10b9811a;border-color:#10b98133}.perm-tag.update{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.perm-tag.delete{color:#ef4444;background:#ef44441a;border-color:#ef444433}.theme-toggle{background:var(--toggle-track);border:1px solid var(--border-color);cursor:pointer;border-radius:99px;align-items:center;width:48px;height:26px;padding:2px;display:flex;position:relative;overflow:visible}.theme-toggle-thumb{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.55rem;display:flex;position:absolute;left:3px;box-shadow:0 2px 8px #00000040}[data-theme=dark] .theme-toggle-thumb{background:linear-gradient(135deg,#ef4444,#dc2626)}.alert{border-radius:12px!important;font-size:.875rem!important}.alert-danger{color:var(--danger)!important;background:#ef444414!important;border:1px solid #ef444433!important}.dropdown-menu{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)!important;border-radius:16px!important;padding:.5rem!important}.dropdown-item{color:var(--text-primary)!important;border-radius:10px!important;padding:.5rem .875rem!important;font-size:.875rem!important}.dropdown-item:hover{background:#6366f114!important}.dropdown-item.text-danger{color:var(--danger)!important}.dropdown-item.text-danger:hover{background:#ef444414!important}.dropdown-divider{border-color:var(--border-color)!important;margin:.35rem 0!important}.login-page{background-color:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-mesh{background:radial-gradient(ellipse 80% 60% at 20% 20%, var(--orb1), transparent), radial-gradient(ellipse 60% 80% at 80% 80%, var(--orb2), transparent), radial-gradient(ellipse 50% 50% at 50% 50%, var(--orb3), transparent);animation:10s ease-in-out infinite alternate meshMove;position:absolute;inset:0}@keyframes meshMove{0%{filter:blur(50px);transform:scale(1)rotate(0)}to{filter:blur(65px);transform:scale(1.06)rotate(2deg)}}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(2);border:1px solid var(--border-glass);z-index:2;width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:28px;padding:2.75rem;position:relative}.form-check-input:checked{background-color:var(--accent)!important;border-color:var(--accent)!important}.form-check-label{font-size:.875rem;color:var(--text-secondary)!important}.notif-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dotPulse;position:absolute;top:4px;right:4px}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--border-color) 50%, var(--bg-card) 75%);background-size:800px 100%;border-radius:10px;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}@media (max-width:768px){.sidebar{transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1)!important}.sidebar.show{transform:translate(0);box-shadow:0 0 80px #00000080}.main-content{margin-left:0}.page-content{padding:1.25rem}}.brand-logo-container{border-radius:16px;justify-content:center;align-items:center;padding:8px 14px;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 10px 30px #e52e2e40,0 0 0 1px #ffffffe6;background:#fffffff5!important}[data-theme=dark] .brand-logo-container{box-shadow:0 10px 35px #e52e2e73,0 0 25px #ffffff4d;background:#fffffffa!important}.brand-logo-container:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 15px 40px #e52e2e66}.preserve-3d{transform-style:preserve-3d}.tilt-card-3d{perspective:1000px;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s}@keyframes float3D{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}.floating-3d{animation:6s ease-in-out infinite float3D}
html,body,#__next{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:var(--bg-base)!important;color:var(--text-primary)!important;font-family:Manrope,Sora,system-ui,-apple-system,sans-serif!important}h1,h2,h3,h4,h5,h6,.page-title,.brand-title,.heading-font{letter-spacing:-.02em;font-family:Sora,Manrope,sans-serif!important}button,input,select,textarea,.btn,.form-control,.form-select,.badge{font-family:Manrope,Sora,sans-serif!important}*{box-sizing:border-box}a{text-decoration:none}.card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.card-header{border-color:var(--border-color)!important;color:var(--text-primary)!important;background-color:#0000!important}.card-body{color:var(--text-primary)!important;background-color:#0000!important}.table{--bs-table-bg:transparent!important;--bs-table-striped-bg:transparent!important;--bs-table-hover-bg:#e52e2e0a!important;--bs-table-color:var(--text-primary)!important;--bs-table-border-color:var(--border-color)!important;color:var(--text-primary)!important}.table>:not(caption)>*>*{color:var(--text-primary)!important;border-color:var(--border-color)!important;background-color:#0000!important}.table thead th,table thead th,.sticky-table-header{z-index:10;background-color:var(--bg-card-solid)!important;color:var(--text-primary)!important;opacity:1!important}.dropdown-menu{--bs-dropdown-bg:var(--bg-card)!important;--bs-dropdown-color:var(--text-primary)!important;--bs-dropdown-border-color:var(--border-color)!important;--bs-dropdown-link-color:var(--text-primary)!important;--bs-dropdown-link-hover-bg:#e52e2e14!important}.modal-content{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.alert{--bs-alert-bg:transparent!important}.form-control,.form-select{--bs-body-bg:var(--bg-input)!important;background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.form-control::placeholder{opacity:.7;color:var(--text-muted)!important}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-color)!important;transition:background-color 50000s ease-in-out!important}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-color)!important;transition:background-color 50000s ease-in-out!important}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-color)!important;transition:background-color 50000s ease-in-out!important}input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-color)!important;transition:background-color 50000s ease-in-out!important}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-color)!important;transition:background-color 50000s ease-in-out!important}select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-color)!important;transition:background-color 50000s ease-in-out!important}.main-content,.page-content{background-color:var(--bg-base)!important}