@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-dark:#0f172a;--glass-bg:#0f172a66;--glass-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--input-bg:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 30px #0000001a}.dashboard-layout{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);z-index:10;flex-direction:column;width:280px;height:100%;padding:24px 0;transition:all .3s;display:flex}.sidebar-header{align-items:center;gap:12px;padding:0 24px 32px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--primary-hover));border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #4f46e566}.brand-title{color:var(--text-main);letter-spacing:-.5px;font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex}.nav-item{color:var(--text-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:14px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{color:var(--text-main);background:#4f46e526;border:1px solid #4f46e54d;box-shadow:inset 0 0 20px #4f46e51a}.nav-icon{color:inherit}.sidebar-footer{border-top:1px solid var(--glass-border);padding:24px}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);z-index:5;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.search-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;align-items:center;width:400px;height:48px;padding:0 20px;transition:all .3s;display:flex}.search-box:focus-within{background:#ffffff1a;border-color:#fff3;box-shadow:0 0 0 4px #ffffff0d}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;margin-left:12px;font-family:inherit;font-size:14px}.search-input::placeholder{color:var(--text-muted)}.topbar-actions{align-items:center;gap:20px;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:color .2s;display:flex;position:relative}.action-btn.with-text{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;gap:8px;width:auto;padding:8px 16px}.action-btn.with-text:hover{background:#ffffff1a;border-color:#fff3}.action-text{font-size:14px;font-weight:500}.action-btn:hover{color:var(--text-main);background:#ffffff0d}.badge{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.user-profile{cursor:pointer;border:1px solid #0000;border-radius:24px;align-items:center;gap:12px;padding:6px 16px 6px 6px;transition:all .2s;display:flex}.user-profile:hover{background:#ffffff0d;border-color:#ffffff1a}.avatar{background:var(--primary);width:36px;height:36px;color:var(--text-on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-size:14px;font-weight:500}.user-role{color:var(--text-muted);font-size:12px}.page-content{flex:1;padding:40px;overflow-y:auto}.page-title{color:var(--text-main);margin-bottom:8px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:15px}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:0 0}.page-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.page-content::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;margin-right:12px;padding:8px;display:none}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar{z-index:1000;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{justify-content:flex-start;padding:0 16px}.topbar-actions{gap:12px;margin-left:auto}.page-content{border-radius:16px!important;margin:12px!important;padding:16px!important}.user-info,.action-text{display:none}.action-btn.with-text{width:40px;padding:0}}.aurora-container{z-index:-1;background:var(--bg-dark);pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.aurora-blob{opacity:.35;will-change:transform;border-radius:50%;animation:25s ease-in-out infinite alternate aurora-float;position:absolute;transform:translate(0,0)}.aurora-blob-1{background:radial-gradient(circle, var(--primary-color) 0%, #0000 70%);width:55vw;height:55vw;animation-delay:0s;top:-15vw;left:-15vw}.aurora-blob-2{background:radial-gradient(circle,#9333ea73 0%,#0000 70%);width:65vw;height:65vw;animation-delay:-7s;bottom:-20vw;right:-15vw}.aurora-blob-3{background:radial-gradient(circle,#38bdf859 0%,#0000 70%);width:45vw;height:45vw;animation-delay:-14s;top:35%;left:45%}@keyframes aurora-float{0%{transform:translate(0,0)scale(1)}50%{transform:translate(3%,4%)scale(1.05)}to{transform:translate(-3%,-3%)scale(.95)}}