.mobile-menu-btn[data-v-64ef9f27]{display:none;width:40px;height:40px;border:none;border-radius:8px;background:#ffffff0d;color:#fffc;font-size:18px;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:center}@media (max-width: 768px){.mobile-menu-btn[data-v-64ef9f27]{display:flex}}.lang-dropdown.show[data-v-64ef9f27],.theme-dropdown.show[data-v-64ef9f27],.user-dropdown.show[data-v-64ef9f27]{opacity:1;visibility:visible;transform:translateY(0)}.notify-dropdown.show[data-v-64ef9f27]{opacity:1;visibility:visible}@media (min-width: 769px){.notify-dropdown.show[data-v-64ef9f27]{transform:translateY(0)}}body.light-mode .mobile-menu-btn{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}body.light-mode .mobile-menu-btn:hover{background:#6366f126}@media (max-width: 768px){.header .notify-dropdown.show,.header .lang-dropdown.show,.header .theme-dropdown.show{opacity:1!important;visibility:visible!important;transform:translate(-50%) scale(1)!important}.header .notify-dropdown .notify-dropdown-list{max-height:45vh!important;overflow-y:auto!important}.header .notify-dropdown .notify-item{display:flex!important}}.main-content{padding:90px 36px 30px;min-height:100vh;transition:margin-left .3s ease}@media (max-width: 1024px){.main-content{padding:calc(var(--header-height, 60px) + 20px) 20px 20px}}@media (max-width: 768px){.main-content{padding:calc(var(--header-height, 56px) + 16px) 16px 16px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-light: #818cf8;--secondary: #06b6d4;--accent: #f472b6;--dark: #0f0f23;--darker: #070714;--card-bg: rgba(15, 15, 35, .8);--primary-rgb: 99, 102, 241;--secondary-rgb: 6, 182, 212;--font-size-xs: clamp(11px, 2.5vw, 12px);--font-size-sm: clamp(12px, 2.8vw, 14px);--font-size-base: clamp(13px, 3vw, 15px);--font-size-lg: clamp(14px, 3.2vw, 16px);--font-size-xl: clamp(16px, 3.5vw, 18px);--font-size-2xl: clamp(20px, 4vw, 24px);--font-size-3xl: clamp(24px, 5vw, 32px);--line-height-tight: 1.35;--line-height-normal: 1.55;--line-height-relaxed: 1.75;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Orbitron", "Inter", sans-serif;--spacing-xs: clamp(4px, 1vw, 8px);--spacing-sm: clamp(8px, 2vw, 12px);--spacing-md: clamp(12px, 3vw, 16px);--spacing-lg: clamp(16px, 4vw, 24px);--header-height: 70px;--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@media (max-width: 1024px){:root{--header-height: 60px;--sidebar-width: 70px}}@media (max-width: 768px){:root{--header-height: 56px;--sidebar-width: 0px}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--darker);min-height:100vh;min-height:-webkit-fill-available;color:#fff;overflow-x:hidden;font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#0f0f23);will-change:auto;contain:strict}.grid-lines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(var(--primary-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.03) 1px,transparent 1px);background-size:50px 50px}@-webkit-keyframes gridMove{0%{-webkit-transform:perspective(500px) rotateX(60deg) translateY(0);transform:perspective(500px) rotateX(60deg) translateY(0)}to{-webkit-transform:perspective(500px) rotateX(60deg) translateY(50px);transform:perspective(500px) rotateX(60deg) translateY(50px)}}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;opacity:.3}.particle{position:absolute;width:3px;height:3px;background:var(--primary-light);border-radius:50%;-webkit-animation:float 20s infinite;animation:float 20s infinite;opacity:.4}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(100vh) rotate(0deg);transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{-webkit-transform:translateY(-100vh) rotate(720deg);transform:translateY(-100vh) rotate(720deg);opacity:0}}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.scanline{display:none}@-webkit-keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.15) 0%,transparent 70%);pointer-events:none;z-index:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}body.light-mode .scanline{display:none}body.light-mode .cursor-glow{background:radial-gradient(circle,rgba(var(--primary-rgb),.08) 0%,transparent 70%)}@media (max-width: 768px){.cursor-glow,.scanline{display:none}.particles{opacity:.5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particle,.grid-lines,.scanline,.cursor-glow{display:none}}@media (hover: none) and (pointer: coarse){button,a,.nav-item,.header-icon,.header-btn{min-height:44px;min-width:44px}}.header{position:fixed;top:0;left:var(--sidebar-width, 260px);right:0;height:var(--header-height, 70px);background:linear-gradient(90deg,#0f0f23f2,#14142df2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg, 30px);padding-right:calc(var(--spacing-lg, 30px) + var(--safe-area-right, 0px));z-index:99;will-change:transform;contain:layout style;-webkit-animation:headerSlideDown .6s ease forwards;animation:headerSlideDown .6s ease forwards;-webkit-transition:left .3s ease;transition:left .3s ease}@-webkit-keyframes headerSlideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes headerSlideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),transparent);-webkit-animation:headerLine 3s ease-in-out infinite;animation:headerLine 3s ease-in-out infinite}@-webkit-keyframes headerLine{0%,to{opacity:.5}50%{opacity:1}}@keyframes headerLine{0%,to{opacity:.5}50%{opacity:1}}.header-left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:var(--spacing-md, 20px);margin-left:50px}.header-nav{display:flex;align-items:center;gap:var(--spacing-sm, 12px)}.header-nav-item{position:relative;padding:10px 18px;font-size:var(--font-size-base);font-weight:500;color:#ffffffbf;cursor:pointer;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header-nav-item:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-50%);transform:translate(-50%)}.header-nav-item:hover{color:#fff;background:#6366f11a}.header-nav-item:hover:before{width:80%}.header-nav-item.active{color:#fff;background:linear-gradient(135deg,#6366f133,#06b6d41a)}.header-nav-item.active:before{width:80%}.header-nav-item.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;font-weight:600}@-webkit-keyframes pulseBtn{0%,to{-webkit-box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4);box-shadow:0 0 rgba(var(--primary-rgb),.4)}50%{-webkit-box-shadow:0 0 20px 5px rgba(var(--primary-rgb),.2);box-shadow:0 0 20px 5px rgba(var(--primary-rgb),.2)}}@keyframes pulseBtn{0%,to{-webkit-box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4);box-shadow:0 0 rgba(var(--primary-rgb),.4)}50%{-webkit-box-shadow:0 0 20px 5px rgba(var(--primary-rgb),.2);box-shadow:0 0 20px 5px rgba(var(--primary-rgb),.2)}}.header-right{display:flex;align-items:center;gap:var(--spacing-md, 16px)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm, 12px)}.header-btn{position:relative;padding:8px 16px;font-size:var(--font-size-sm);color:#fffc;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.header-btn:hover{background:#6366f126;border-color:#6366f14d;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (hover: none){.header-btn:hover{-webkit-transform:none;transform:none}}.header-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;color:#fff;font-weight:500;position:relative;overflow:hidden}.header-btn.primary:hover{-webkit-box-shadow:0 8px 25px rgba(var(--primary-rgb),.4);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4)}.header-btn.primary:before{content:"";position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 80%,transparent 100%);-webkit-transform:skewX(-20deg);transform:skew(-20deg);-webkit-animation:btnShine 3s ease-in-out infinite;animation:btnShine 3s ease-in-out infinite}@-webkit-keyframes btnShine{0%{left:-100%}50%,to{left:150%}}@keyframes btnShine{0%{left:-100%}50%,to{left:150%}}.header-icons{display:flex;align-items:center;gap:8px}.header-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;font-size:var(--font-size-base);-webkit-tap-highlight-color:transparent}.header-icon:hover{background:#6366f133;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@media (hover: none){.header-icon:hover{-webkit-transform:none;transform:none}}.header-icon .badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;border-radius:10px;font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-box-shadow:0 2px 6px rgba(239,68,68,.4);box-shadow:0 2px 6px #ef444466;line-height:1}@-webkit-keyframes badgePulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.9}}@keyframes badgePulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.9}}.header-divider{width:1px;height:30px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}.header-user{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;background:#ffffff0d;border-radius:30px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;-webkit-tap-highlight-color:transparent}.header-user:hover{background:#6366f126}.header-user-arrow{font-size:10px;color:#ffffff80;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.header-user.active .header-user-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:#fff;position:relative;-webkit-flex-shrink:0;flex-shrink:0}.header-avatar:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));z-index:-1;opacity:.7}@-webkit-keyframes avatarGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes avatarGlow{0%,to{opacity:.5}50%{opacity:1}}.header-user-info{display:flex;-webkit-flex-direction:column;flex-direction:column}.header-user-name{font-size:var(--font-size-sm);font-weight:500;color:#fff;line-height:var(--line-height-tight)}.header-user-role{font-size:var(--font-size-xs);color:#ffffff80;line-height:var(--line-height-tight)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:linear-gradient(180deg,#14142dfa,#0f0f23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(99,102,241,.2);overflow:visible;opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(99,102,241,.1);box-shadow:0 20px 50px #00000080,0 0 30px #6366f11a}.user-dropdown:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.header-user:hover .user-dropdown{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.header-user:hover .header-user-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.user-dropdown.show{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.user-dropdown-header{background:linear-gradient(135deg,#6366f1,#f472b6);padding:16px;text-align:left;border-radius:14px 14px 0 0;position:relative}.user-dropdown-close{display:none;position:absolute;top:12px;right:12px;width:28px;height:28px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.user-dropdown-close:hover{background:#ffffff4d}.user-dropdown-name{font-size:var(--font-size-base);font-weight:600;color:#fff;margin-bottom:2px}.user-dropdown-expire{font-size:var(--font-size-xs);color:#fffc}.user-dropdown-menu{padding:6px 0}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fffc;-webkit-tap-highlight-color:transparent}.user-dropdown-item:hover{background:#6366f11a;color:#fff}.user-dropdown-item:active{background:#6366f133}.user-dropdown-item i{width:16px;font-size:var(--font-size-sm);color:#ffffff80;-webkit-transition:color .2s ease;transition:color .2s ease}.user-dropdown-item:hover i{color:var(--primary)}.user-dropdown-item span{font-size:var(--font-size-sm)}.user-dropdown-divider{height:1px;background:#ffffff1a;margin:6px 16px}.user-dropdown-item.logout,.user-dropdown-item.logout i{color:#ef4444}.user-dropdown-item.logout:hover{background:#ef44441a}.header-icon-tooltip{position:fixed;padding:6px 12px;background:linear-gradient(135deg,#1e1e3cfa,#14142dfa);border:1px solid rgba(99,102,241,.4);border-radius:6px;font-size:var(--font-size-sm);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:9999;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px rgba(99,102,241,.2);box-shadow:0 4px 20px #0006,0 0 15px #6366f133;pointer-events:none}.header-icon-tooltip.show{opacity:1;visibility:visible}.header-icon-tooltip:before{content:"";position:absolute;top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);border:6px solid transparent;border-bottom-color:#6366f166}@media (hover: none){.header-icon-tooltip{display:none}}body.light-mode .header-icon-tooltip{background:#fffffffa;border-color:#6366f133;color:#334155;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1),0 0 15px rgba(99,102,241,.1);box-shadow:0 4px 20px #0000001a,0 0 15px #6366f11a}.header-icon-lang{position:relative}.lang-dropdown{position:absolute;top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%) translateY(-10px);transform:translate(-50%) translateY(-10px);min-width:140px;background:linear-gradient(180deg,#14142dfa,#0f0f23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(99,102,241,.2);padding:6px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:1000;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(99,102,241,.1);box-shadow:0 10px 40px #0006,0 0 20px #6366f11a}.lang-dropdown:after{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.lang-dropdown:before{content:"";position:absolute;top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);border:6px solid transparent;border-bottom-color:#6366f14d}.header-icon-lang:hover .lang-dropdown{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}.lang-dropdown-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fffc;font-size:var(--font-size-sm);white-space:nowrap}.lang-dropdown-item:hover{background:#6366f126;color:#fff}.lang-dropdown-item.active{background:#6366f11a;color:var(--primary)}.lang-dropdown-item.active:after{content:"✓";margin-left:auto;font-size:12px;color:var(--primary)}.lang-flag{font-size:11px;font-weight:600;line-height:1;min-width:24px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-radius:3px;color:#ffffffe6;letter-spacing:.5px}body.light-mode .lang-dropdown{background:#fffffffa;border-color:#6366f126}body.light-mode .lang-dropdown:before{border-bottom-color:#6366f133}body.light-mode .lang-dropdown-item{color:#475569}body.light-mode .lang-dropdown-item:hover{background:#6366f114;color:var(--primary)}body.light-mode .lang-dropdown-item.active{background:#6366f10d}.header-icon-notify{position:relative}.header-icon-notify:after{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:15px}.notify-dropdown{position:absolute;top:calc(100% + 8px);right:-60px;width:320px;background:linear-gradient(180deg,#14142dfa,#0f0f23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(99,102,241,.2);opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:1000;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(99,102,241,.1);box-shadow:0 10px 40px #0006,0 0 20px #6366f11a;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.header-icon-notify:hover .notify-dropdown{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.notify-dropdown-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.notify-dropdown-title{font-size:var(--font-size-base);font-weight:600;color:#fff}.notify-dropdown-action{font-size:var(--font-size-xs);color:var(--primary);cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.notify-dropdown-action:hover{color:var(--secondary)}.notify-dropdown-list{max-height:300px;overflow-y:auto}.notify-dropdown-list::-webkit-scrollbar{width:3px}.notify-dropdown-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.notify-item{display:-webkit-flex;display:flex;gap:12px;padding:14px 18px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border-left:3px solid transparent}.notify-item:hover{background:#6366f114}.notify-item.unread{background:#6366f10d;border-left-color:var(--primary)}.notify-item-status{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;gap:4px;min-width:40px;padding-top:2px}.notify-item-status i{font-size:8px}.notify-item-status span{font-size:10px;white-space:nowrap}.notify-item.unread .notify-item-status{color:#ef4444}.notify-item:not(.unread) .notify-item-status{color:#22c55e}.notify-item-content{-webkit-flex:1;flex:1;min-width:0}.notify-item-title{font-size:var(--font-size-sm);color:#ffffffe6;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notify-item:hover .notify-item-title{color:#fff}.notify-item-time{font-size:var(--font-size-xs);color:#fff6}.notify-dropdown-footer{padding:12px 18px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.notify-dropdown-footer span{font-size:var(--font-size-sm);color:var(--primary);cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.notify-dropdown-footer span:hover{color:var(--secondary)}body.light-mode .notify-dropdown{background:#fffffffa;border-color:#6366f126}body.light-mode .notify-dropdown-title{color:#1e293b}body.light-mode .notify-dropdown-header{border-bottom-color:#0000000f}body.light-mode .notify-item.unread{background:#6366f10a}body.light-mode .notify-item:hover{background:#6366f10f}body.light-mode .notify-item-title{color:#334155}body.light-mode .notify-item:hover .notify-item-title{color:#1e293b}body.light-mode .notify-item-time{color:#94a3b8}body.light-mode .notify-dropdown-footer{border-top-color:#0000000f}.header-icon-theme{position:relative}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:-80px;width:280px;background:linear-gradient(180deg,#14142dfa,#0f0f23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(99,102,241,.2);padding:16px;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:1000;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(99,102,241,.1);box-shadow:0 10px 40px #0006,0 0 20px #6366f11a;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.theme-dropdown:after{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.header-icon-theme:hover .theme-dropdown{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.theme-dropdown .theme-section{margin-bottom:16px}.theme-dropdown .theme-section:last-child{margin-bottom:0}.theme-dropdown .theme-section-title{font-size:12px;font-weight:600;color:#fff9;margin-bottom:10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:6px}.theme-dropdown .theme-section-title:before{content:"";width:3px;height:10px;background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:2px}.theme-dropdown .mode-switch{display:-webkit-flex;display:flex;gap:8px}.theme-dropdown .mode-btn{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:10px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid transparent;background:#ffffff0d}.theme-dropdown .mode-btn:hover{background:#6366f11a;border-color:#6366f14d}.theme-dropdown .mode-btn.active{background:#6366f126;border-color:var(--primary)}.theme-dropdown .mode-btn-icon{font-size:16px}.theme-dropdown .mode-btn-text{font-size:13px;font-weight:500;color:#ffffffb3}.theme-dropdown .mode-btn.active .mode-btn-text{color:#fff}.theme-dropdown .color-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-dropdown .color-item{width:100%;aspect-ratio:1;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border:2px solid transparent}.theme-dropdown .color-item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-dropdown .color-item.active{border-color:#fffc}.theme-dropdown .color-item.active:after{content:"✓";font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.theme-dropdown .color-purple{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.theme-dropdown .color-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.theme-dropdown .color-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.theme-dropdown .color-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.theme-dropdown .color-green{background:linear-gradient(135deg,#10b981,#059669)}.theme-dropdown .color-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.theme-dropdown .color-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.theme-dropdown .color-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.theme-dropdown .color-fuchsia{background:linear-gradient(135deg,#d946ef,#c026d3)}.theme-dropdown .color-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.theme-dropdown .color-slate{background:linear-gradient(135deg,#64748b,#475569)}.theme-dropdown .color-gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.theme-dropdown .color-zinc{background:linear-gradient(135deg,#18181b,#27272a)}.theme-dropdown .color-stone{background:linear-gradient(135deg,#78716c,#57534e)}.theme-dropdown .color-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}body.light-mode .theme-dropdown{background:#fffffffa;border-color:#6366f126}body.light-mode .theme-dropdown .theme-section-title{color:#64748b}body.light-mode .theme-dropdown .mode-btn{background:#00000008}body.light-mode .theme-dropdown .mode-btn:hover{background:#6366f114}body.light-mode .theme-dropdown .mode-btn.active{background:#6366f11a}body.light-mode .theme-dropdown .mode-btn-text{color:#64748b}body.light-mode .theme-dropdown .mode-btn.active .mode-btn-text{color:var(--primary)}@media (max-width: 1024px){.header{left:var(--sidebar-collapsed-width, 70px);height:60px;padding:0 20px}.header-left{margin-left:12px}.header-nav-item{padding:8px 12px;font-size:var(--font-size-sm)}.header-nav-item span,.header-btn span{display:none}.header-btn{padding:10px;width:40px;height:40px;-webkit-justify-content:center;justify-content:center}.header-btn i{margin:0}.header-user-info,.header-user-arrow{display:none}.header-user{padding:5px}.header-actions{gap:8px}.header-icons{gap:4px}.header-right{gap:12px}}@media (max-width: 768px){.header{left:0;height:56px;padding:0 16px;padding-top:var(--safe-area-top, 0px)}.header-left{margin-left:0;gap:8px}.header-nav,.header-actions{display:none}.header-divider:first-of-type{display:none}.header-icons{gap:4px}.header-icon{width:40px;height:40px}.header-user:hover .user-dropdown{opacity:0;visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}.header-user:hover .header-user-arrow{-webkit-transform:none;transform:none}.user-dropdown-overlay{display:block}}body>.user-dropdown{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-height:85vh!important;border-radius:20px 20px 0 0!important;padding-bottom:var(--safe-area-bottom, 0px)!important;-webkit-transform:translateY(100%)!important;transform:translateY(100%)!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:10001!important;opacity:0!important;visibility:hidden!important}body>.user-dropdown:before{display:none!important}body>.user-dropdown.show{opacity:1!important;visibility:visible!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}body>.user-dropdown .user-dropdown-header{border-radius:20px 20px 0 0;padding:16px 20px 20px;position:relative}body>.user-dropdown .user-dropdown-close{display:-webkit-flex!important;display:flex!important;width:32px;height:32px;font-size:16px}body>.user-dropdown .user-dropdown-menu{padding:10px 0 20px}body>.user-dropdown .user-dropdown-item{padding:16px 20px}.user-dropdown-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-dropdown-overlay.show{opacity:1;visibility:visible}@media (max-width: 375px){.header{padding:0 12px}.header-icon{width:36px;height:36px}.header-avatar{width:32px;height:32px}}@media (max-height: 500px) and (orientation: landscape){.header{height:50px}.user-dropdown{max-height:90vh}}@media (max-width: 768px){.header-icon-lang:hover .lang-dropdown,.header-icon-notify:hover .notify-dropdown,.header-icon-theme:hover .theme-dropdown{opacity:0;visibility:hidden}.notify-dropdown{position:fixed!important;top:80px!important;bottom:auto!important;left:50%!important;right:auto!important;-webkit-transform:translateX(-50%) scale(.9)!important;transform:translate(-50%) scale(.9)!important;width:calc(100vw - 32px)!important;max-width:360px!important;max-height:calc(100vh - 100px)!important;height:auto!important;border-radius:20px!important;z-index:10001!important;overflow:hidden!important}.notify-dropdown.show{opacity:1!important;visibility:visible!important;-webkit-transform:translateX(-50%) scale(1)!important;transform:translate(-50%) scale(1)!important}.notify-dropdown .notify-dropdown-header{border-radius:20px 20px 0 0!important;display:flex!important}.notify-dropdown .notify-dropdown-list{max-height:calc(100vh - 220px)!important;height:auto!important;overflow-y:auto!important}.notify-dropdown .notify-item{display:flex!important}.lang-dropdown{position:fixed!important;top:80px!important;bottom:auto!important;left:50%!important;-webkit-transform:translateX(-50%) scale(.9)!important;transform:translate(-50%) scale(.9)!important;min-width:200px!important;max-height:calc(100vh - 100px)!important;border-radius:16px!important;z-index:10001!important;overflow-y:auto!important}.lang-dropdown.show{opacity:1!important;visibility:visible!important;-webkit-transform:translateX(-50%) scale(1)!important;transform:translate(-50%) scale(1)!important}.theme-dropdown{position:fixed!important;top:80px!important;bottom:auto!important;left:50%!important;right:auto!important;-webkit-transform:translateX(-50%) scale(.9)!important;transform:translate(-50%) scale(.9)!important;width:calc(100vw - 32px)!important;max-width:320px!important;max-height:calc(100vh - 100px)!important;border-radius:20px!important;z-index:10001!important;overflow-y:auto!important}.theme-dropdown.show{opacity:1!important;visibility:visible!important;-webkit-transform:translateX(-50%) scale(1)!important;transform:translate(-50%) scale(1)!important}.header-icon-lang.active:before,.header-icon-notify.active:before,.header-icon-theme.active:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000}}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width, 260px);min-width:var(--sidebar-collapsed-width, 70px);max-width:400px;height:100vh;height:-webkit-fill-available;background:linear-gradient(180deg,#0f0f23f2,#0a0a19fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(99,102,241,.2);padding:0;padding-left:var(--safe-area-left, 0px);z-index:100;-webkit-transition:width .3s ease,transform .3s ease;transition:width .3s ease,transform .3s ease;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;will-change:transform,width;overflow:visible}.sidebar-inner{-webkit-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;padding-top:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar-inner::-webkit-scrollbar{width:1px}.sidebar-inner::-webkit-scrollbar-track{background:transparent;margin:10px 0}.sidebar-inner::-webkit-scrollbar-thumb{background:#6366f166;border-radius:2px}.sidebar-inner::-webkit-scrollbar-thumb:hover{background:#6366f199}.sidebar-inner{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.sidebar.collapsed .sidebar-inner{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar.collapsed .sidebar-inner::-webkit-scrollbar{display:none;width:0}.sidebar-bottom{-webkit-flex-shrink:0;flex-shrink:0;padding:0 14px 20px;padding-bottom:calc(20px + var(--safe-area-bottom, 0px))}.sidebar-divider{height:1px;margin:0 20px 16px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.sidebar.collapsed{width:var(--sidebar-collapsed-width, 70px)!important}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-title,.sidebar.collapsed .nav-arrow{opacity:0;visibility:hidden;width:0;display:none}.sidebar.collapsed .logo{padding:15px;height:var(--header-height, 70px);-webkit-justify-content:center;justify-content:center;border-bottom:1px solid rgba(99,102,241,.1)}.sidebar.collapsed .logo-icon{-webkit-flex-shrink:0;flex-shrink:0}.sidebar.collapsed .nav-item{-webkit-justify-content:center;justify-content:center;padding:0;margin:8px auto;position:relative;width:44px;height:44px;border-radius:12px;overflow:visible}.sidebar.collapsed .nav-section{padding:0 13px}.sidebar.collapsed .nav-title{display:none!important;height:0;margin:0;padding:0;overflow:hidden}.sidebar.collapsed .nav-icon{width:44px;height:44px;min-width:44px;font-size:18px;border-radius:12px;background:#ffffff0d;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar.collapsed .nav-item:hover .nav-icon{background:#6366f126}.sidebar.collapsed .nav-item.active .nav-icon{background:linear-gradient(135deg,#6366f133,#06b6d41a)}.sidebar.collapsed .nav-item:before{display:none}.sidebar.collapsed .nav-item:after{display:none}.sidebar-scroll-btn{display:none;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:44px;height:28px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:8px;cursor:pointer;z-index:103;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;font-size:12px;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 4px 15px rgba(99,102,241,.4);box-shadow:0 4px 15px #6366f166;-webkit-tap-highlight-color:transparent}.sidebar-scroll-btn:hover{-webkit-transform:translateX(-50%) scale(1.1);transform:translate(-50%) scale(1.1)}@media (hover: none){.sidebar-scroll-btn:hover{-webkit-transform:translateX(-50%);transform:translate(-50%)}.sidebar-scroll-btn:active{-webkit-transform:translateX(-50%) scale(.95);transform:translate(-50%) scale(.95)}}.sidebar-scroll-btn.up{top:78px}.sidebar-scroll-btn.down{bottom:85px}.sidebar.collapsed .sidebar-scroll-btn{display:-webkit-flex;display:flex}.sidebar-scroll-btn.hidden{display:none!important}.space-icon-collapsed{display:none;width:44px;height:44px;margin:0 auto;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:12px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.space-icon-collapsed:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.sidebar.collapsed .space-icon-collapsed{display:-webkit-flex;display:flex}.space-tooltip{position:fixed;padding:14px 18px;background:linear-gradient(135deg,#1e1e3cfa,#14142dfa);border:1px solid rgba(99,102,241,.4);border-radius:12px;font-size:var(--font-size-sm);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:9999;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.4);box-shadow:0 4px 20px #0006;pointer-events:none;min-width:160px}.space-tooltip.show{opacity:1;visibility:visible;pointer-events:auto}.space-tooltip:before{content:"";position:absolute;left:-10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:6px solid transparent;border-right-color:#6366f166}.space-tooltip-title{font-weight:600;margin-bottom:10px;color:#fff}.space-tooltip-progress{height:4px;background:#fff3;border-radius:2px;margin-bottom:8px;overflow:hidden}.space-tooltip-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}.space-tooltip-info{font-size:var(--font-size-xs);color:#ffffffb3}.nav-tooltip{position:fixed;padding:8px 14px 8px 24px;background:linear-gradient(135deg,#1e1e3cfa,#14142dfa);border:1px solid rgba(99,102,241,.4);border-radius:8px;font-size:var(--font-size-sm);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:9999;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.4);box-shadow:0 4px 20px #0006;pointer-events:none;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav-tooltip.show{opacity:1;visibility:visible;pointer-events:auto}.nav-tooltip:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-color:transparent}.nav-tooltip:before{content:"";position:absolute;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border:4px solid transparent;border-right-color:#ffffff80}@media (hover: none){.nav-tooltip,.space-tooltip{display:none}}.sidebar-resizer{position:absolute;right:0;top:0;width:6px;height:100%;cursor:ew-resize;background:transparent;-webkit-transition:background .2s ease;transition:background .2s ease;z-index:101}.sidebar-resizer:hover,.sidebar-resizer.active{background:linear-gradient(180deg,var(--primary),var(--secondary))}.sidebar-resizer:before{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4px;height:40px;background:#fff3;border-radius:2px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.sidebar-resizer:hover:before{opacity:1}.sidebar.collapsed .sidebar-resizer{pointer-events:none}.sidebar.collapsed .sidebar-resizer:hover,.sidebar.collapsed .sidebar-resizer.active{background:transparent}.sidebar.collapsed .sidebar-resizer:hover:before{opacity:0}.sidebar-toggle{position:absolute;right:-44px;top:19px;width:32px;height:32px;background:#14142df2;border:1px solid rgba(99,102,241,.3);border-radius:8px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;z-index:200;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.3);box-shadow:0 4px 15px #0000004d;font-size:12px;color:#ffffffb3;-webkit-tap-highlight-color:transparent}.sidebar-toggle:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-color:transparent;color:#fff}@media (hover: hover){.sidebar-toggle:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}}.sidebar-toggle:after{content:"";width:6px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;-webkit-transform:rotate(45deg) translateX(1px);transform:rotate(45deg) translate(1px);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.sidebar.collapsed .sidebar-toggle:after{-webkit-transform:rotate(-135deg) translateX(1px);transform:rotate(-135deg) translate(1px)}body.resizing{cursor:ew-resize!important;-webkit-user-select:none;user-select:none}body.resizing .sidebar,body.resizing .header,body.resizing .main-content{-webkit-transition:none!important;transition:none!important}.logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:12px;padding:15px 24px;height:var(--header-height, 70px);border-bottom:1px solid rgba(99,102,241,.1);overflow:visible;position:relative;-webkit-flex-shrink:0;flex-shrink:0;background:inherit;z-index:2}.logo:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),transparent);opacity:.5}.logo-icon{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:18px;color:#fff;-webkit-box-shadow:0 0 15px rgba(99,102,241,.4);box-shadow:0 0 15px #6366f166;-webkit-flex-shrink:0;flex-shrink:0}@-webkit-keyframes logoGlow{0%,to{-webkit-box-shadow:0 0 15px rgba(99,102,241,.4);box-shadow:0 0 15px #6366f166}50%{-webkit-box-shadow:0 0 25px rgba(99,102,241,.6);box-shadow:0 0 25px #6366f199}}@keyframes logoGlow{0%,to{-webkit-box-shadow:0 0 15px rgba(99,102,241,.4);box-shadow:0 0 15px #6366f166}50%{-webkit-box-shadow:0 0 25px rgba(99,102,241,.6);box-shadow:0 0 25px #6366f199}}.logo-text{font-family:Inter,Noto Sans SC,sans-serif;font-size:24px;font-weight:800;color:var(--primary);white-space:nowrap;-webkit-transition:opacity .3s ease,width .3s ease,color .3s ease;transition:opacity .3s ease,width .3s ease,color .3s ease;letter-spacing:-.5px}.nav-section{padding:16px 14px}.nav-title{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;color:#ffffffd9;padding:8px 12px;margin-bottom:8px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-tap-highlight-color:transparent;border-radius:8px}.nav-title:hover{color:#fff;background:#ffffff0d}.nav-title-toggle{width:20px;height:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:12px;color:#ffffff80;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:4px;background:#ffffff0d}.nav-title:hover .nav-title-toggle{color:var(--primary);background:rgba(var(--primary-rgb),.15)}.nav-title-toggle.collapsed{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.nav-section.collapsed .nav-items{display:none}.nav-section.collapsed .nav-title{margin-bottom:0}.nav-section.collapsed{padding-bottom:0}.nav-items{-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar.collapsed .nav-title-toggle{display:none}.sidebar.collapsed .nav-section.collapsed .nav-items{display:block}.sidebar.collapsed .nav-section.collapsed{padding-bottom:0}.nav-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.nav-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,var(--secondary) 100%);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.nav-item:hover{background:#6366f11a}.nav-item:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.nav-item:active{background:#6366f133}.nav-item.active{background:linear-gradient(90deg,rgba(99,102,241,.2) 0%,transparent 100%)}.nav-item.active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.nav-icon{width:20px;height:20px;min-width:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:var(--font-size-base);-webkit-flex-shrink:0;flex-shrink:0}.nav-text{font-size:var(--font-size-sm);color:#fffc;white-space:nowrap;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;max-width:140px}.nav-item.active .nav-text{color:#fff;font-weight:500}.nav-arrow{margin-left:auto;font-size:var(--font-size-xs);color:#fff6;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.nav-item:hover .nav-arrow{-webkit-transform:translateX(4px);transform:translate(4px)}.space-card{margin:0;padding:18px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:14px;position:relative;overflow:hidden}.space-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.space-card-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:16px}.space-card-title{font-size:var(--font-size-base);font-weight:600;color:#fff}.space-card-action{font-size:var(--font-size-sm);color:#fffc;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.space-card-action:hover{color:#fff}.space-card-progress{height:6px;background:#fff3;border-radius:3px;margin-bottom:12px;overflow:hidden}.space-card-progress-bar{height:100%;background:#fff;border-radius:3px;-webkit-transition:width .3s ease;transition:width .3s ease}.space-card-info{font-size:var(--font-size-sm);color:#ffffffe6}.sidebar.collapsed .sidebar-bottom{display:block;padding:0 13px 20px}.sidebar.collapsed .sidebar-divider{margin:0 10px 16px}.sidebar.collapsed .space-card{display:none}@media (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed-width, 70px)}.sidebar .logo-text,.sidebar .nav-text,.sidebar .nav-title,.sidebar .nav-arrow{opacity:0;visibility:hidden;width:0;display:none}.sidebar .logo{padding:15px;-webkit-justify-content:center;justify-content:center}.sidebar .nav-item{-webkit-justify-content:center;justify-content:center;padding:0;margin:8px auto;width:44px;height:44px;border-radius:12px}.sidebar .nav-section{padding:0 13px}.sidebar .nav-icon{width:44px;height:44px;min-width:44px;font-size:18px;border-radius:12px;background:#ffffff0d}.sidebar-toggle,.sidebar-resizer,.space-card{display:none}.space-icon-collapsed,.sidebar-scroll-btn{display:-webkit-flex;display:flex}.sidebar-scroll-btn.hidden{display:none!important}}@media (max-width: 768px){.sidebar{-webkit-transform:translateX(-100%);transform:translate(-100%);width:280px;max-width:85vw}.sidebar.mobile-open{-webkit-transform:translateX(0);transform:translate(0)}.sidebar.mobile-open .logo-text,.sidebar.mobile-open .nav-text,.sidebar.mobile-open .nav-arrow{opacity:1;visibility:visible;width:auto;display:block}.sidebar.mobile-open .nav-title{opacity:1;visibility:visible;width:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center}.sidebar.mobile-open .nav-title span:first-child{-webkit-flex:1;flex:1;min-width:0}.sidebar.mobile-open .nav-title-toggle{-webkit-flex-shrink:0;flex-shrink:0;margin-left:auto}.sidebar.mobile-open .nav-arrow{display:-webkit-flex;display:flex}.sidebar.mobile-open .logo{padding:15px 24px;-webkit-justify-content:flex-start;justify-content:flex-start}.sidebar.mobile-open .nav-item{-webkit-justify-content:flex-start;justify-content:flex-start;padding:12px 14px;margin:0;width:auto;height:auto}.sidebar.mobile-open .nav-section{padding:16px 14px}.sidebar.mobile-open .nav-icon{width:20px;height:20px;min-width:20px;font-size:var(--font-size-base);background:transparent}.sidebar.mobile-open .space-card{display:block}.sidebar.mobile-open .space-icon-collapsed{display:none}.sidebar.mobile-open .sidebar-close{display:-webkit-flex;display:flex}.sidebar-toggle,.sidebar-resizer{display:none}.sidebar-close{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px;height:32px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fffc;font-size:16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:10}.sidebar-close:active{background:#fff3}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-overlay.show{opacity:1;visibility:visible}}.sidebar-close{display:none}@media (max-width: 375px){.sidebar{width:260px}.logo-icon{width:36px;height:36px;min-width:36px;font-size:16px}.nav-item{padding:10px 12px}}@media (max-height: 500px) and (orientation: landscape){.sidebar{max-height:100vh}.sidebar-bottom{padding-bottom:10px}.nav-section,.nav-item{padding:8px 14px}}.theme-panel{position:fixed;top:80px;right:30px;width:300px;background:linear-gradient(135deg,#14142dfa,#0f0f23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(99,102,241,.2);padding:20px;z-index:200;opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 30px rgba(99,102,241,.1);box-shadow:0 15px 40px #0006,0 0 30px #6366f11a}.theme-panel.active,.theme-panel:hover{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.theme-panel:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),transparent);border-radius:2px}.theme-panel-close{display:none}.theme-section{margin-bottom:18px}.theme-section:last-child{margin-bottom:0}.theme-section-title{font-size:12px;font-weight:600;color:#ffffffb3;margin-bottom:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.theme-section-title:before{content:"";width:3px;height:12px;background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:2px}.mode-switch{display:-webkit-flex;display:flex;gap:10px}.mode-btn{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid transparent;background:#ffffff0d;position:relative;overflow:hidden}.mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);-webkit-transition:left .5s ease;transition:left .5s ease}.mode-btn:hover:before{left:100%}.mode-btn:hover{background:#6366f11a;border-color:#6366f14d}.mode-btn.active{background:linear-gradient(135deg,#6366f126,#06b6d414);border-color:var(--primary);-webkit-box-shadow:0 0 15px rgba(99,102,241,.15);box-shadow:0 0 15px #6366f126}.mode-btn-icon{font-size:16px;-webkit-transition:transform .3s ease;transition:transform .3s ease}.mode-btn:hover .mode-btn-icon{-webkit-transform:scale(1.15);transform:scale(1.15)}.mode-btn-text{font-size:13px;font-weight:500;color:#ffffffb3}.mode-btn.active .mode-btn-text{color:#fff}.color-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.color-item{aspect-ratio:1;border-radius:10px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border:2px solid transparent}.color-item:hover{-webkit-transform:scale(1.12);transform:scale(1.12);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.25);box-shadow:0 6px 20px #00000040}.color-item.active{border-color:#ffffffe6;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 15px currentColor;box-shadow:0 0 15px currentColor}.color-item.active:after{content:"✓";font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.color-item:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;background:inherit;-webkit-filter:blur(6px);filter:blur(6px);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:-1}.color-item:hover:before{opacity:.4}.color-purple{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.color-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.color-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.color-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.color-green{background:linear-gradient(135deg,#10b981,#059669)}.color-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.color-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.color-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.color-fuchsia{background:linear-gradient(135deg,#d946ef,#c026d3)}.color-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.color-slate{background:linear-gradient(135deg,#64748b,#475569)}.color-gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.color-zinc{background:linear-gradient(135deg,#18181b,#27272a)}.color-stone{background:linear-gradient(135deg,#78716c,#57534e)}.color-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}body.light-mode{background:#f8fafc;color:#1e293b}body.light-mode .bg-animation{background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#f1f5f9)}body.light-mode .header{background:linear-gradient(90deg,#fffffffa,#f8fafcfa);border-bottom-color:#6366f11a}body.light-mode .header-nav-item{color:#475569}body.light-mode .header-nav-item:hover{color:var(--primary);background:rgba(var(--primary-rgb),.08)}body.light-mode .header-nav-item.active{color:var(--primary);background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--secondary-rgb),.08))}body.light-mode .header-nav-item.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}body.light-mode .header-btn{background:#00000008;border-color:#0000001a;color:#475569}body.light-mode .header-btn:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.2);color:var(--primary)}body.light-mode .header-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}body.light-mode .header-icon{background:#00000008;color:#64748b}body.light-mode .header-icon:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}body.light-mode .header-divider{background:linear-gradient(180deg,transparent,rgba(0,0,0,.1),transparent)}body.light-mode .header-user{background:#00000008}body.light-mode .header-user:hover{background:#6366f114}body.light-mode .header-user-name{color:#1e293b}body.light-mode .header-user-role{color:#64748b}body.light-mode .header-user-arrow{color:#94a3b8}body.light-mode .user-dropdown{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-color:#6366f126;box-shadow:0 20px 50px #00000026}body.light-mode .user-dropdown-item{color:#475569}body.light-mode .user-dropdown-item:hover{background:#6366f114;color:var(--primary)}body.light-mode .user-dropdown-item i{color:#94a3b8}body.light-mode .user-dropdown-divider{background:#00000014}body.light-mode .header-icon-tooltip{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#6366f133;color:#1e293b;box-shadow:0 4px 20px #00000026}body.light-mode .header-icon-tooltip:before{border-bottom-color:#6366f133}body.light-mode .sidebar{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-right-color:#6366f11a}body.light-mode .sidebar-inner{scrollbar-color:rgba(99,102,241,.3) transparent}body.light-mode .sidebar-inner::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f166,#06b6d466)}body.light-mode .sidebar-inner::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f199,#06b6d499)}body.light-mode .logo-text{color:var(--primary)}body.light-mode .nav-tooltip{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);color:#1e293b;border-color:#6366f133;box-shadow:0 4px 20px #00000026,0 0 15px #6366f11a}body.light-mode .nav-tooltip:before{border-right-color:#6366f166}body.light-mode .nav-tooltip:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}body.light-mode .nav-tooltip:hover:before{border-right-color:#fffc}body.light-mode .nav-title{color:#1e293b;background:#00000005}body.light-mode .nav-title:hover{color:#0f172a;background:rgba(var(--primary-rgb),.08)}body.light-mode .nav-title-toggle{color:#64748b;background:#0000000d}body.light-mode .nav-title:hover .nav-title-toggle{color:var(--primary);background:rgba(var(--primary-rgb),.15)}body.light-mode .nav-text{color:#1e293bcc}body.light-mode .nav-item.active .nav-text{color:#1e293b}body.light-mode .nav-item:hover{background:#6366f114}body.light-mode .nav-item.active{background:linear-gradient(90deg,rgba(99,102,241,.12) 0%,transparent 100%)}body.light-mode .nav-arrow{color:#1e293b80}body.light-mode .nav-item:hover .nav-arrow{color:var(--primary)}body.light-mode .sidebar-divider{background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.2) 50%,transparent 100%)}body.light-mode .space-card{box-shadow:0 4px 20px #6366f14d}body.light-mode .sidebar-toggle{background:#fffffff2;border-color:#6366f14d;color:#6366f1cc;box-shadow:0 4px 15px #0000001a}body.light-mode .sidebar-toggle:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 15px #6366f14d}body.light-mode .sidebar-scroll-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 15px #6366f14d}body.light-mode .sidebar-scroll-btn:hover{box-shadow:0 6px 20px #6366f166}body.light-mode .sidebar-close{background:#0000000d;color:#475569}body.light-mode .sidebar-close:active{background:#0000001a}body.light-mode .sidebar.collapsed .nav-icon{background:#00000008}body.light-mode .sidebar.collapsed .nav-item:hover .nav-icon{background:#6366f11a}body.light-mode .sidebar.collapsed .nav-item.active .nav-icon{background:linear-gradient(135deg,#6366f126,#06b6d414)}body.light-mode .space-tooltip{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#6366f133;color:#1e293b;box-shadow:0 4px 20px #00000026}body.light-mode .space-tooltip:before{border-right-color:#6366f133}body.light-mode .space-tooltip-title{color:#1e293b}body.light-mode .space-tooltip-info{color:#64748b}body.light-mode .theme-panel{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#6366f126;box-shadow:0 20px 60px #00000026,0 0 40px #6366f10d}body.light-mode .theme-panel-close{background:#0000000f;color:#00000080}body.light-mode .theme-panel-close:hover{background:#ef444426;color:#ef4444}body.light-mode .theme-section-title{color:#1e293b}body.light-mode .mode-btn{background:#00000008;border-color:#00000014}body.light-mode .mode-btn:hover{background:#6366f114;border-color:#6366f133}body.light-mode .mode-btn.active{background:linear-gradient(135deg,#6366f126,#06b6d414);border-color:var(--primary)}body.light-mode .mode-btn-text{color:#475569}body.light-mode .mode-btn.active .mode-btn-text{color:#1e293b}@media (hover: none) and (pointer: coarse){button,a,.nav-item,.header-icon,.header-btn,.btn,.tab-btn,.filter-tab,.tool-card,.option-item{min-height:44px}.tool-card:hover,.feature-card:hover,.stat-card:hover,.info-card:hover{transform:none!important}.tool-card:active,.feature-card:active,.btn:active{transform:scale(.98)!important;opacity:.9}}@media (max-width: 1024px) and (min-width: 769px){.dashboard-page,.keyword-mining-page,.tools-api-page,.user-page,.all-tools-page,.ai-writing-page{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px}.dashboard-grid,.info-cards-grid{grid-template-columns:1fr!important;gap:20px}.tools-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px}.favorite-tool-item{width:calc((100% - 48px)/4)!important}.settings-grid{grid-template-columns:repeat(2,1fr)!important}.create-container{grid-template-columns:1fr!important}.material-section{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px}.generation-summary{grid-column:span 2!important}}@media (max-width: 768px) and (min-width: 601px){.favorite-tool-item{width:calc((100% - 32px) / 3)!important;padding:12px}.favorite-tool-item .tool-icon{width:38px;height:38px;font-size:16px}}@media (max-width: 600px){.dashboard-page,.keyword-mining-page,.tools-api-page,.user-page,.all-tools-page,.ai-writing-page{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.welcome-section{flex-direction:column!important;text-align:center;gap:20px;padding:20px 16px}.welcome-search{max-width:100%!important;margin:0!important}.welcome-date{display:none}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px}.stat-card{padding:16px}.stat-value{font-size:22px!important}.stat-icon{width:40px;height:40px;font-size:16px}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:16px}.page-title{font-size:20px!important}.page-actions{width:100%;flex-wrap:wrap}.page-actions .btn{flex:1;min-width:120px;justify-content:center}.page-header-banner{flex-direction:column!important;text-align:center;gap:20px;padding:20px 16px}.banner-content{flex-direction:column!important}.banner-icon{width:56px;height:56px;font-size:24px}.banner-text h1{font-size:20px!important}.banner-text p{font-size:13px}.banner-stats{flex-wrap:wrap!important;justify-content:center;gap:12px}.banner-stats .stat-item{border-left:none!important;padding:10px 16px;background:#ffffff1a;border-radius:10px;min-width:auto;flex:1 1 calc(50% - 6px);max-width:calc(50% - 6px)}.banner-stats .stat-value{font-size:20px!important}.favorite-tools-section{padding:16px}.favorite-tools-track{justify-content:flex-start!important;gap:12px!important}.favorite-tool-item{width:calc(50% - 6px)!important;min-width:unset!important;padding:12px;flex-direction:row!important;text-align:left}.favorite-tool-item .tool-icon{width:40px;height:40px;font-size:18px;margin-bottom:0;flex-shrink:0}.favorite-tool-item .tool-name{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-grid{grid-template-columns:1fr!important;gap:16px}.dashboard-card{padding:16px}.quick-tools{grid-template-columns:repeat(3,1fr)!important;gap:10px}.quick-tool{padding:14px 8px}.quick-tool .tool-icon{width:40px;height:40px;font-size:16px}.quick-tool .tool-name{font-size:12px}.activity-item{padding:12px;gap:12px}.activity-icon{width:36px;height:36px;font-size:14px}.activity-title{font-size:13px}.member-card{grid-column:span 1!important;grid-row:auto!important}.cards-grid{grid-template-columns:1fr!important;gap:12px}.feature-card{padding:16px;min-height:120px}.card-icon{width:44px;height:44px;margin-bottom:12px}.card-title{font-size:15px}.card-arrow{width:36px;height:36px;top:14px;right:12px}.tools-grid{grid-template-columns:1fr!important;gap:12px}.tool-card{padding:16px;min-height:auto}.tool-icon{width:44px;height:44px;font-size:18px}.tool-name{font-size:14px}.tool-actions{flex-direction:column}.user-profile-card{grid-template-columns:1fr!important;gap:20px;padding:20px}.user-avatar-section{justify-content:center}.avatar-wrapper{width:100px;height:100px}.user-avatar{width:80px;height:80px;font-size:28px}.user-info-main{text-align:center}.user-info-row{flex-direction:column;gap:12px}.user-contact{padding-left:0;border-left:none;border-top:1px solid rgba(var(--primary-rgb),.2);padding-top:20px}.info-cards-grid{grid-template-columns:1fr!important;gap:16px}.info-card{padding:20px}.finance-row{flex-direction:column;gap:12px;align-items:flex-start}.finance-value{font-size:20px}.distribution-row{flex-direction:column;align-items:stretch}.distribution-row-split{flex-direction:column}.distribution-input{width:100%}.distribution-actions{flex-direction:column}.tools-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}.tool-card{padding:16px 12px}.tool-icon{width:48px;height:48px;font-size:20px}.filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px;padding:12px}.search-box{min-width:auto!important;max-width:none!important}.filter-group{flex-direction:column!important;align-items:stretch!important}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.filter-tabs::-webkit-scrollbar{display:none}.filter-select{width:100%;margin-left:0!important}.settings-grid{grid-template-columns:1fr!important;gap:12px}.material-section{grid-template-columns:1fr!important}.generation-summary{grid-column:span 1!important}.summary-items,.intro-grid{grid-template-columns:1fr!important}.tips-header{flex-direction:column;align-items:flex-start;gap:8px}.toggle-row{flex-wrap:wrap;gap:12px}.toggle-info{flex:1;min-width:200px}.action-bar{flex-direction:column!important;gap:12px;padding:16px;position:relative;bottom:0}.action-left,.action-right{width:100%;justify-content:center;flex-wrap:wrap}.action-right{flex-direction:column-reverse}.back-to-list-btn,.action-right .btn-lg{width:100%;justify-content:center}.api-overview-card .api-stats{grid-template-columns:1fr!important}.api-header{flex-direction:column!important;gap:16px}.api-header-actions{width:100%;flex-wrap:wrap}.api-key-box{flex-direction:column!important;align-items:flex-start!important;gap:8px;min-width:auto!important;width:100%}.api-key-value{min-width:auto!important;width:100%}.btn-manage-key{width:100%;justify-content:center}.api-item-header,.api-item-footer{flex-direction:column!important;align-items:flex-start!important}.api-item-actions{width:100%}.api-item-actions .btn-ghost,.api-item-actions .btn-outline{flex:1;justify-content:center}.code-section-header{flex-direction:column!important;align-items:flex-start!important}.code-lang-tabs{overflow-x:auto;width:100%}.pagination{flex-wrap:wrap;gap:6px}.pagination-btn,.page-btn{min-width:36px;height:36px;padding:0 10px;font-size:12px}.modal{width:95%!important;max-width:none;margin:10px}.modal-progress{max-width:95%}.cursor-glow,.scanline{display:none!important}.particles{opacity:.3}}@media (max-width: 480px){.dashboard-page,.keyword-mining-page,.tools-api-page,.user-page,.all-tools-page,.ai-writing-page{padding:10px}.stats-grid{grid-template-columns:1fr!important;gap:10px}.stat-card{padding:14px}.stat-value{font-size:20px!important}.favorite-tool-item{width:calc(50% - 6px)!important;padding:10px;flex-direction:row!important}.favorite-tool-item .tool-icon{width:36px;height:36px;font-size:16px}.quick-tools{grid-template-columns:repeat(2,1fr)!important}.tools-grid{grid-template-columns:1fr!important}.banner-stats .stat-item{flex:1 1 100%;max-width:100%}.form-card .card-header{padding:12px 14px}.form-card .card-body{padding:14px}.keyword-textarea{min-height:150px;padding:12px}.option-item{padding:10px 14px}.option-name{font-size:12px}.option-desc{font-size:10px}.material-header{padding:12px 14px}.material-icon{width:36px;height:36px;font-size:16px}.material-title h3{font-size:14px}.material-desc{font-size:11px}.intro-item{padding:12px}.intro-icon{width:32px;height:32px;font-size:14px}.intro-text h5{font-size:12px}.intro-text p{font-size:11px}.btn{padding:10px 16px;font-size:13px}.btn-lg{padding:12px 20px;font-size:14px}}@media (max-height: 500px) and (orientation: landscape){.dashboard-page,.keyword-mining-page,.tools-api-page,.user-page,.all-tools-page,.ai-writing-page{padding-top:60px}.welcome-section{padding:16px}.stats-grid{grid-template-columns:repeat(4,1fr)!important}.cards-grid{grid-template-columns:repeat(2,1fr)!important}.tools-grid{grid-template-columns:repeat(3,1fr)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particle,.grid-lines,.scanline,.cursor-glow{display:none!important}}@media (prefers-contrast: high){.btn,.card,.form-card,.material-card{border-width:2px}.btn-primary{background:var(--primary)}}@media print{.sidebar,.header,.action-bar,.cursor-glow,.particles,.scanline{display:none!important}.main-content,.dashboard-page,.keyword-mining-page,.tools-api-page,.user-page,.all-tools-page,.ai-writing-page{margin:0!important;padding:20px!important}}