:root{--font-display:"Orbitron", "Segoe UI", sans-serif;--font-ui:"Rajdhani", "Segoe UI", sans-serif;--shell-bg:#0a0e18;--shell-text:#e8ecf4;--shell-muted:#b0b0c0;--shell-accent:#00f0ff;--shell-sidebar-w:240px;--mx:50vw;--my:50vh}html{height:100%;overflow:hidden}body.app-shell{background:var(--shell-bg);height:100%;color:var(--shell-text);min-height:100vh;font-family:var(--font-ui);margin:0;font-size:17px;font-weight:500;overflow:hidden}body.app-shell:before{content:"";filter:blur(28px);pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#00f0ff3d 0%,#00f0ff00 38%),radial-gradient(circle at 80% 30%,#7c3aed47 0%,#7c3aed00 40%),radial-gradient(circle at 50% 85%,#38bdf833 0%,#38bdf800 37%);animation:7.2s ease-in-out infinite alternate appShellFlowBg;position:fixed;top:-20%;bottom:-20%;left:-20%;right:-20%;transform:translate(0,0)}@keyframes appShellFlowBg{0%{transform:translate(-3%,-2%)scale(1.01)}50%{transform:translate(3%,2%)scale(1.08)}to{transform:translate(-2%,3%)scale(1.04)}}body.app-shell .pointer-glow{left:var(--mx);top:var(--my);pointer-events:none;z-index:2;mix-blend-mode:screen;background:radial-gradient(circle,#00f0ff38 0%,#a78bfa1f 40%,#0000 70%);border-radius:50%;width:560px;height:560px;margin-top:-280px;margin-left:-280px;transition:opacity .35s;position:fixed}body.app-shell .pointer-glow--lag{filter:blur(14px);opacity:.85;background:radial-gradient(circle,#ec48991f 0%,#00f0ff17 46%,#0000 72%);width:720px;height:720px;margin-top:-360px;margin-left:-360px;transition:left .38s cubic-bezier(.22,1,.36,1),top .38s cubic-bezier(.22,1,.36,1),opacity .3s}body.app-shell:not(.pointer-glow-active) .pointer-glow,body.app-shell:not(.pointer-glow-active) .pointer-glow--lag{opacity:0}body.app-shell .dashboard-container{z-index:2;background:0 0;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:flex;position:relative}body.app-shell .sidebar{width:var(--shell-sidebar-w);z-index:100;background:linear-gradient(#0f1629 0%,#0a0e18 100%);height:100vh;padding:20px 0;transition:left .3s,width .3s,padding .3s;position:fixed;top:0;left:0;box-shadow:4px 0 32px #00000073,inset -1px 0 #00f0ff1f}body.app-shell .sidebar:after{content:"";opacity:.85;pointer-events:none;background:linear-gradient(#0000 0%,#00f0ff59 30%,#a78bfa66 55%,#00f0ff40 80%,#0000 100%);width:1px;animation:2.4s ease-in-out infinite appShellSidebarEdge;position:absolute;top:0;bottom:0;right:0}@keyframes appShellSidebarEdge{0%,to{opacity:.55;filter:blur()}50%{opacity:1;filter:blur(1px)}}body.app-shell .sidebar-logo{border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:0 20px 20px;display:flex}body.app-shell .sidebar-logo .logo-img{object-fit:contain;width:auto;height:40px}body.app-shell .sidebar-logo h1{font-family:var(--font-display);letter-spacing:.06em;color:#f0f4fc;margin:0;font-size:13px;font-weight:700}body.app-shell .nav-menu{margin:0;padding:0;list-style:none}body.app-shell .nav-item{margin-bottom:5px}body.app-shell .nav-link{color:var(--shell-muted);border-left:3px solid #0000;align-items:center;padding:12px 20px;text-decoration:none;transition:all .3s;display:flex}body.app-shell .nav-link:hover,body.app-shell .nav-link.active{color:var(--shell-accent);border-left-color:var(--shell-accent);background:#00f0ff1a}body.app-shell .nav-link i{text-align:center;width:20px;margin-right:10px}body.app-shell .main-content{margin-left:var(--shell-sidebar-w);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#00f0ff59 #0a122299;background-color:#0a0e184d;background-image:linear-gradient(#00f0ff0a 1px,#0000 1px),linear-gradient(90deg,#00f0ff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:1;height:100vh;min-height:100vh;padding:20px;position:relative;overflow:hidden auto}body.app-shell .main-content:after{content:"";pointer-events:none;z-index:0;opacity:.3;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000012 2px 4px);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 75%);mask-image:linear-gradient(#0000008c,#0000 75%)}body.app-shell .main-content::-webkit-scrollbar{width:6px}body.app-shell .main-content::-webkit-scrollbar-track{background:#0a122299}body.app-shell .main-content::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:3px}body.app-shell .main-content::-webkit-scrollbar-thumb:hover{background:#00f0ff8c}body.app-shell .main-content>*{z-index:1;position:relative}body.app-shell .main-content>.top-bar{z-index:50}body.app-shell .top-bar{-webkit-backdrop-filter:blur(12px);background:#0f1629a6;border:1px solid #00f0ff26;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 18px;display:flex;position:relative;overflow:visible;box-shadow:0 0 28px #00f0ff0f}body.app-shell .top-bar:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(105deg,#0000 0%,#00f0ff1f 45%,#a78bfa24 55%,#0000 100%) 0 0/200% 100%;border-radius:10px;animation:1.9s ease-in-out infinite appShellTopBarShine;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes appShellTopBarShine{0%,to{opacity:.58;background-position:0%}50%{opacity:1;background-position:100%}}body.app-shell .top-bar>*{z-index:1;position:relative}body.app-shell .top-bar .search-bar{flex:1;max-width:420px;margin-right:16px;position:relative}body.app-shell .top-bar .search-bar input{box-sizing:border-box;color:#f0f4fc;width:100%;font-size:15px;font-family:var(--font-ui);background:#050810a6;border:1px solid #00f0ff2e;border-radius:6px;padding:10px 15px 10px 35px}body.app-shell .top-bar .search-bar i{color:var(--shell-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}body.app-shell .user-menu{align-items:center;gap:12px;display:flex}body.app-shell .notification-container{z-index:100;position:relative}body.app-shell .notification-dropdown{z-index:5000}body.app-shell .notification-btn{color:var(--shell-muted);cursor:pointer;background:0 0;border:none;font-size:18px;position:relative}body.app-shell .notification-badge{background:var(--shell-accent);color:#1a1a2e;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}body.app-shell .user-avatar{background:var(--shell-accent);color:#1a1a2e;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}body.app-shell .user-avatar.user-avatar--placeholder{font-weight:400}body.app-shell .user-avatar.user-avatar--placeholder>.fas{font-size:19px;line-height:1}body.app-shell .user-avatar-menu{z-index:120;position:relative}body.app-shell .user-avatar-dropdown{z-index:10000;background:#0f1629fa;border:1px solid #00f0ff33;border-radius:10px;min-width:180px;padding:8px 0;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000073}body.app-shell .user-avatar-dropdown.show{display:block}body.app-shell .user-avatar-dd-item{color:#e8ecf4;width:100%;font-size:14px;font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;transition:background .2s;display:flex}body.app-shell .user-avatar-dd-item i{width:18px;color:var(--shell-accent);text-align:center}body.app-shell .user-avatar-dd-item:hover{background:#00f0ff1a}body.app-shell .user-avatar-dd-item--danger i{color:#ff6b6b}body.app-shell .user-avatar-dd-item--danger:hover{background:#ff6b6b1f}body.app-shell .mobile-menu-toggle{display:none}@media (max-width:992px){body.app-shell{--shell-sidebar-w:60px}body.app-shell .sidebar{padding:16px 0}body.app-shell .sidebar-logo h1,body.app-shell .nav-link span{display:none}body.app-shell .sidebar-logo{justify-content:center;padding:0 0 16px}body.app-shell .sidebar-logo h1{display:none}body.app-shell .nav-link{justify-content:center;padding:14px 10px}body.app-shell .nav-link i{margin-right:0;font-size:18px}}@media (max-width:576px){body.app-shell{--shell-sidebar-w:240px}body.app-shell .sidebar{left:calc(-1 * var(--shell-sidebar-w));width:var(--shell-sidebar-w);padding:20px 0}body.app-shell .sidebar.show{left:0}body.app-shell .sidebar-logo h1,body.app-shell .nav-link span{display:inline}body.app-shell .sidebar-logo{justify-content:flex-start;padding:0 20px 20px}body.app-shell .sidebar-logo i{margin-right:10px}body.app-shell .nav-link{justify-content:flex-start;padding:12px 20px}body.app-shell .nav-link i{margin-right:10px}body.app-shell .main-content{margin-left:0;padding:16px}body.app-shell .top-bar{flex-direction:column;align-items:stretch;gap:12px}body.app-shell .top-bar .search-bar{max-width:none;margin-right:0}body.app-shell .mobile-menu-toggle{background:var(--shell-accent);color:#1a1a2e;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #00f0ff66}}@keyframes badgePulse{0%,to{box-shadow:0 0 #00f0ff80}50%{box-shadow:0 0 8px 3px #00f0ff40}}body.app-shell .notification-badge{animation:2s ease-in-out infinite badgePulse}body.app-shell .search-bar input:focus{border-color:var(--shell-accent);box-shadow:0 0 12px 2px #00f0ff26}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-border{0%{--border-angle:0deg}to{--border-angle:360deg}}.rotating-border{position:relative;overflow:visible;border:none!important}.rotating-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle,0deg), #00f0ff, #8b5cf6, #00f0ff);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:4s linear infinite rotate-border;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:reduce){body.app-shell:before,body.app-shell:after,body.app-shell .sidebar:after,body.app-shell .top-bar:before{animation:none!important}body.app-shell .pointer-glow,body.app-shell .pointer-glow--lag{display:none!important}body.app-shell .notification-badge,.rotating-border:before{animation:none!important}#boot-sequence{display:none!important}}.beian-footer{z-index:999;-webkit-backdrop-filter:blur(8px);text-align:center;color:#8888a0;background:#0a0e18eb;border-top:1px solid #ffffff0f;padding:8px 0;font-size:12px;position:fixed;bottom:0;left:0;right:0}.beian-footer a{color:#8888a0;align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:inline-flex}.beian-footer a:hover{color:#b0b0d0}.beian-icon{vertical-align:middle;opacity:.8;width:14px;height:14px}.beian-separator{color:#555;margin:0 8px}body.app-shell .main-content,body:not(.app-shell){padding-bottom:40px}