@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--accent-primary:#3b82f6;--accent-hover:#2563eb;--glass-bg:#fff9;--glass-border:#fffc;--glass-shadow:0 8px 32px 0 #1f26870d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}:root{--sidebar-width:300px;--sidebar-collapsed-width:70px;--primary-blue:#2563eb;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--bg-slate:#f8fafc;--glass-bg:#ffffffb3;--glass-border:#e2e8f066}.dashboard-container{background-color:var(--bg-slate);color:#1e293b;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);z-index:100;background:#fff;flex-direction:column;flex-shrink:0;height:100vh;transition:width .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:10px 0 30px #00000005}.dashboard-container.collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;height:80px;padding:0 1.5rem;display:flex}.dashboard-container.collapsed .sidebar-header{justify-content:center;padding:0}.logo-box{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-logo{filter:drop-shadow(0 4px 6px #0000001a);height:36px}.sidebar-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex:1;margin-left:12px;font-size:1.25rem;font-weight:800}.toggle-sidebar-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.toggle-sidebar-btn:hover{color:var(--primary-blue);background:#e2e8f0}.dashboard-container.collapsed .toggle-sidebar-btn{background:#fff;border:1px solid #e2e8f0;position:absolute;top:26px;right:-14px;box-shadow:0 4px 10px #0000000d}.sidebar-menu{flex:1;min-height:0;padding:1.5rem .75rem;overflow:hidden auto}.menu-group{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;white-space:nowrap;margin:1.5rem 1rem .75rem;font-size:.7rem;font-weight:700}.menu-item{color:#576574;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin:.2rem 0;padding:.85rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.menu-item:hover{color:var(--primary-blue);background-color:#f8fafc;transform:translate(4px)}.menu-item.active{color:var(--primary-blue);background:#eff6ff;position:relative;box-shadow:0 4px 20px #2563eb14}.menu-item.active:before{content:"";background:var(--primary-blue);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:20%;left:0}.menu-item.parent-active{color:var(--primary-blue);background:#f0f7ff}.menu-item-main{flex:1;align-items:center;gap:15px;display:flex}.expand-icon{color:#94a3b8;transition:transform .2s}.submenu-container{border-left:2px solid #f1f5f9;margin-top:.2rem;margin-bottom:.5rem;margin-left:1.6rem;padding-left:1.25rem}.submenu-item{opacity:.8;padding:.65rem 1rem!important;font-size:.85rem!important}.submenu-item:hover{opacity:1}.logout-btn{color:#ef4444!important;margin:1rem .75rem!important}.logout-btn:hover{color:#dc2626!important;background:#fef2f2!important}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.dashboard-content{flex:1;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:90;background:#fffc;justify-content:space-between;align-items:center;height:80px;padding:0 1.5rem;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;display:flex}.page-title{color:#0f172a;letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.icon-btn-highlight{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:relative}.icon-btn-highlight:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#f0f7ff}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.user-profile-compact{cursor:pointer;z-index:100;border-radius:50%;align-items:center;gap:10px;padding:2px;transition:all .2s;display:flex;position:relative}.user-profile-compact:hover{transform:scale(1.05)}.user-profile-compact.active .avatar-gradient{box-shadow:0 0 0 2px var(--primary-blue), 0 0 15px #2563eb4d}.avatar-gradient{background:var(--primary-gradient);color:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 10px #2563eb33}.profile-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:default;transform-origin:100% 0;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;width:280px;padding:1.25rem;position:absolute;top:calc(100% + 15px);right:0}.dropdown-header{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.dropdown-avatar{background:var(--primary-gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.dropdown-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.dropdown-title{color:#64748b;margin:0;font-size:.75rem}.dropdown-divider{background:#f1f5f9;height:1px;margin:.75rem 0}.dropdown-section{margin:1rem 0}.section-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.roles-list{flex-direction:column;gap:6px;max-height:150px;padding-right:4px;display:flex;overflow-y:auto}.role-tag{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:600;display:flex}.dropdown-action{cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;width:100%;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.dropdown-action.logout{color:#ef4444}.dropdown-action.logout:hover{background:#fef2f2}.user-text{line-height:1.2;overflow:hidden}.user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;display:block;overflow:hidden}.user-role{color:#64748b;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:600;line-height:1.1;display:block;overflow:hidden}.animate-fade-down{animation:.3s ease-out fadeDown}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media (width<=768px){.sidebar{transition:left .3s;position:fixed;left:-100%}.dashboard-container.sidebar-mobile-open .sidebar{left:0}}.logout-overlay{-webkit-backdrop-filter:blur(8px)!important;z-index:99999!important;background:#0f172a66!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.logout-card{text-align:center!important;background:#fff!important;border:1px solid #fffc!important;border-radius:24px!important;flex-direction:column!important;align-items:center!important;gap:1.5rem!important;width:90%!important;max-width:400px!important;padding:3rem!important;display:flex!important;box-shadow:0 25px 50px -12px #00000040!important}.logout-text h3{color:#0f172a!important;margin:0 0 .5rem!important;font-size:1.5rem!important;font-weight:800!important}.logout-text p{color:#64748b!important;margin:0!important;font-size:1rem!important;line-height:1.5!important}.text-blue{color:#2563eb!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoutFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-page.light-theme{background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.landing-nav{z-index:50;justify-content:space-between;align-items:center;height:72px;padding:0 8%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.glass-nav{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border-bottom:1px solid #0000000d;box-shadow:0 4px 20px #00000005}.nav-brand{align-items:center;gap:12px;display:flex}.brand-text{color:var(--text-primary);letter-spacing:-.5px;font-size:20px;font-weight:800}.btn-login-outline{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000005}.btn-login-outline:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 20px -10px #3b82f680}.hero-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:480px;padding:140px 5% 60px;display:flex;position:relative;overflow:hidden}.hero-bg-admin{z-index:0;background:var(--bg-gradient);position:absolute;inset:0;overflow:hidden}.grid-floor{transform-origin:bottom;z-index:0;background-image:linear-gradient(#0f172a14 2px,#0000 2px),linear-gradient(90deg,#0f172a14 2px,#0000 2px);background-size:80px 80px;width:200%;height:120%;animation:1.5s linear infinite moveFloor;position:absolute;bottom:0;left:-50%;transform:perspective(600px)rotateX(60deg)}@keyframes moveFloor{0%{transform:perspective(600px)rotateX(60deg)translateY(0)}to{transform:perspective(600px)rotateX(60deg)translateY(80px)}}.bg-icon-wrapper{color:#94a3b8;opacity:.1;transform-origin:50%;position:absolute}.gear-1{color:#cbd5e1;animation:30s linear infinite rotateGearSlow;top:-50px;right:-50px}.gear-2{opacity:.15;animation:25s linear infinite reverse rotateGearSlow;bottom:10%;left:-20px}.server-icon{animation:8s ease-in-out infinite floatNode;top:20%;left:15%}.db-icon{animation:4s ease-in-out .5s infinite floatNode;bottom:20%;right:15%}.shield-icon{opacity:.1;animation:2s ease-in-out infinite alternate pulseShield;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateGearSlow{0%{opacity:.1;transform:rotate(0)scale(1)}50%{opacity:.2;transform:rotate(180deg)scale(1.1)}to{opacity:.1;transform:rotate(360deg)scale(1)}}@keyframes floatNode{0%{transform:translateY(0)rotate(0)}50%{opacity:.15;transform:translateY(-20px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulseShield{0%{opacity:.05;transform:translate(-50%,-50%)scale(1)}to{opacity:.08;transform:translate(-50%,-50%)scale(1.1)}}.hero-content{z-index:10;text-align:center;max-width:800px;margin:0 auto;padding:100px 40px 60px;position:relative}.glass-panel-hero{-webkit-backdrop-filter:blur(20px);background:#fff6;border:1px solid #ffffffb3;border-radius:32px;box-shadow:0 20px 40px #0000000d}.admin-icon-wrapper{color:#334155;filter:drop-shadow(0 4px 12px #33415533);margin-bottom:24px;animation:12s linear infinite rotateGear;display:inline-block}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{letter-spacing:-1.2px;color:#0f172a;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.15}.hero-subtitle{color:#475569;margin-bottom:24px;font-size:22px;font-weight:600}.hero-desc{color:#64748b;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}.btn-hero-login{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;align-items:center;gap:12px;padding:16px 36px;font-size:18px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 25px -5px #0f172a66}.btn-hero-login:hover{background:#1e293b;transform:translateY(-4px);box-shadow:0 20px 35px -10px #0f172a99}.btn-hero-login .mr-2{margin-right:4px}.landing-footer{text-align:center;color:#94a3b8;background:#fff3;border-top:1px solid #0000000d;padding:20px 5%;font-size:13px}@media (width<=768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-desc{padding:0 10px;font-size:15px}.landing-nav{padding:0 5%}.glass-panel-hero{padding:40px 20px}}.alert-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.error-alert{text-align:center;border:1px solid #fffc;border-radius:24px;width:100%;max-width:450px;padding:32px;box-shadow:0 25px 50px -12px #00000040}.alert-icon{color:#ef4444;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:flex}.alert-content h3{color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:800}.alert-content p{color:#64748b;margin-bottom:24px;font-size:16px;line-height:1.5}.btn-alert-close{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;width:100%;padding:12px 32px;font-weight:600;transition:all .2s}.btn-alert-close:hover{background:#1e293b;transform:scale(1.02)}.animate-bounce-in{animation:.5s cubic-bezier(.68,-.55,.265,1.55) bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.loading-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:28px;flex-direction:column;align-items:center;gap:20px;padding:40px;display:flex;box-shadow:0 20px 40px #0000000d}.loading-card p{color:#475569;font-size:18px;font-weight:600}.animate-spin{animation:1s linear infinite spin}.animate-fade-in{animation:.3s ease-out fadeIn}.dashboard-wrapper{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;padding:1.5rem;display:flex}.dash-hero-section{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:1.5rem;justify-content:flex-start;align-items:center;min-height:160px;padding:2.5rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -12px #0f172a4d}.dash-hero-content{z-index:10;text-align:left;max-width:800px;position:relative}.dash-hero-title{color:#fff;margin:0 0 .5rem;font-size:2.2rem;font-weight:800;line-height:1.1}.dash-hero-title span{color:#60a5fa}.dash-hero-subtitle{color:#cbd5e1;max-width:650px;margin:0 0 1.25rem;font-size:1rem;line-height:1.5}.dash-hero-badges{gap:.75rem;display:flex}.badge{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:2rem;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.stat-card:hover{border-color:#e2e8f0;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.stat-icon-box{border-radius:1rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-header{justify-content:space-between;align-items:flex-start;display:flex}.stat-info .label{color:#64748b;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.stat-info .value{color:#1e293b;font-size:2rem;font-weight:800}.trend-tag{color:#16a34a;background:#f0fdf4;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.bg-blue-light{color:#2563eb;background:#eff6ff}.bg-indigo-light{color:#4f46e5;background:#eef2ff}.bg-emerald-light{color:#059669;background:#ecfdf5}.bg-slate-light{color:#475569;background:#f8fafc}.bottom-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.activity-panel{background:#fff;border:1px solid #f1f5f9;border-radius:2rem;overflow:hidden}.panel-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.panel-title{color:#1e293b;align-items:center;gap:.75rem;font-weight:800;display:flex}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid #f8fafc;align-items:center;gap:1rem;padding:1.5rem 2rem;transition:background .2s;display:flex}.activity-item:hover{background:#fcfdfe}.activity-text .user{color:#334155;font-size:.9rem;font-weight:700}.activity-text .action{color:#64748b;font-weight:400}.activity-text .time{color:#94a3b8;margin-top:2px;font-size:.75rem;display:block}.support-card{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border-radius:2rem;flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;box-shadow:0 20px 25px -5px #2563eb33}.support-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:1rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.support-btn{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:1rem;width:100%;margin-top:2rem;padding:1rem;font-weight:800;transition:all .2s}.support-btn:hover{background:#f8fafc;transform:scale(1.02)}@media (width<=1024px){.bottom-grid{grid-template-columns:1fr}.hero-section{padding:2rem}.hero-title{font-size:2.25rem}}