@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.sidebar{width:220px;flex-shrink:0;background:#0f111580;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:12px 12px 16px;position:sticky;top:54px;height:calc(100vh - 54px);overflow-y:auto;z-index:90}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}.sidebar__section{padding-top:2px}.sidebar__section-title{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color .2s,background .2s;-webkit-user-select:none;user-select:none}.sidebar__section-title:hover{color:var(--text-primary);background:#ffffff0a}.sidebar__section-title--active{color:var(--accent-blue)}.sidebar__section--active-parent .sidebar__section-title{color:var(--text-primary)}.sidebar__chevron{width:14px;height:14px;flex-shrink:0;opacity:.4;transition:transform .25s ease,opacity .2s}.sidebar__section-title:hover .sidebar__chevron{opacity:.8}.sidebar__chevron--open{transform:rotate(180deg);opacity:.6}.sidebar__menu{list-style:none;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.25,.1,.25,1),opacity .25s ease}.sidebar__menu--open{max-height:400px;opacity:1}.sidebar__menu-item{margin-bottom:2px}.sidebar__menu-link{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.sidebar__menu-link:hover{color:var(--text-primary);background:#ffffff0a}.sidebar__menu-link--active{color:#fff;background:#4a9eff1a}.sidebar__menu-link--active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:3px;background:var(--accent-gradient)}.sidebar__menu-link svg{width:16px;height:16px;flex-shrink:0;opacity:.5;transition:opacity .2s}.sidebar__menu-link:hover svg,.sidebar__menu-link--active svg{opacity:1}.sidebar__menu-text{flex:1}.sidebar__menu-badge{margin-left:auto;font-size:10px;font-weight:600;padding:1px 7px;border-radius:var(--radius-full);background:#4a9eff1a;color:var(--accent-blue)}.sidebar__sub-parent{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.sidebar__sub-parent:hover{color:var(--text-primary);background:#ffffff0a}.sidebar__sub-parent--active{color:#fff;background:#4a9eff1a}.sidebar__sub-parent svg:first-child{width:16px;height:16px;flex-shrink:0;opacity:.5;transition:opacity .2s}.sidebar__sub-parent:hover svg:first-child,.sidebar__sub-parent--active svg:first-child{opacity:1}.sidebar__sub-chevron{width:12px;height:12px;flex-shrink:0;opacity:.35;transition:transform .25s ease,opacity .2s;margin-left:auto}.sidebar__sub-parent:hover .sidebar__sub-chevron{opacity:.7}.sidebar__sub-chevron--open{transform:rotate(180deg);opacity:.5}.sidebar__sub-menu{list-style:none;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.25,.1,.25,1),opacity .25s ease}.sidebar__sub-menu--open{max-height:300px;opacity:1}.sidebar__sub-item{margin-bottom:1px}.sidebar__sub-link{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 34px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:12.5px;font-weight:400;transition:all .2s}.sidebar__sub-link:hover{color:var(--text-primary);background:#ffffff08}.sidebar__sub-link--active{color:#fff;background:#4a9eff14}.sidebar__sub-link svg{width:14px;height:14px;flex-shrink:0;opacity:.45;transition:opacity .2s}.sidebar__sub-link:hover svg,.sidebar__sub-link--active svg{opacity:1}@media (max-width: 900px){.sidebar{display:none}}.topbar{position:sticky;top:0;z-index:100;height:56px;background:#07080ad9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar__left{display:flex;align-items:center;gap:24px}.topbar__logo{display:flex;align-items:center;gap:10px;cursor:pointer}.topbar__logo-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.topbar__logo-text{font-size:15px;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar__nav{display:flex;align-items:center;gap:4px}.topbar__nav-item{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all .2s;position:relative}.topbar__nav-item:hover{color:var(--text-primary);background:#ffffff0a}.topbar__nav-item--active{color:var(--text-primary);background:#4a9eff1a}.topbar__nav-item--active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:16px;height:2px;border-radius:2px;background:var(--accent-gradient)}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__search{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:10px;padding:7px 14px;width:200px;transition:all .3s}.topbar__search:focus-within{border-color:#4a9eff4d;box-shadow:0 0 0 3px var(--glow-blue);width:240px}.topbar__search svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.topbar__search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary);font-family:inherit;width:100%}.topbar__search input::placeholder{color:var(--text-tertiary)}.topbar__kbd{font-size:10px;color:var(--text-tertiary);font-weight:500;font-family:var(--font-mono)}.topbar__actions{display:flex;align-items:center;gap:6px}.topbar__btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-subtle);background:#ffffff08;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;position:relative}.topbar__btn:hover{background:#ffffff14;border-color:var(--border-hover);color:var(--text-primary)}.topbar__btn svg{width:16px;height:16px}.topbar__dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--glow-cyan);animation:pulseDot 2s ease-in-out infinite}.topbar__avatar{width:32px;height:32px;border-radius:10px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-left:4px}.topbar__avatar:hover{transform:scale(1.05);box-shadow:0 0 20px var(--glow-purple)}.topbar__avatar-wrapper{position:relative;display:flex;align-items:center}.topbar__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#0f1115f5;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0a;padding:6px;z-index:200;animation:dropdownIn .18s ease;transform-origin:top right}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar__dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.topbar__dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.topbar__dropdown-item--danger{color:var(--accent-red)}.topbar__dropdown-item--danger:hover{background:#f43f5e1a;color:var(--accent-red)}.topbar__dropdown-icon{width:16px;height:16px;flex-shrink:0;opacity:.6}.topbar__dropdown-item:hover .topbar__dropdown-icon{opacity:.9}.topbar__dropdown-item--danger .topbar__dropdown-icon{opacity:.7}.topbar__dropdown-divider{height:1px;background:var(--border-subtle);margin:4px 8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayIn .15s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:#0f1115fa;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 16px 64px #00000080,0 0 0 1px #ffffff0a;width:90%;max-width:440px;animation:modalIn .2s ease;overflow:hidden}.modal--change-pwd{max-width:440px}.modal--confirm{max-width:380px}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal__title{font-size:16px;font-weight:600;color:var(--text-primary)}.modal__close{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-family:inherit}.modal__close:hover{background:#ffffff0f;color:var(--text-primary)}.modal__body{padding:20px 24px}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 24px 20px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label--optional{font-weight:400;color:var(--text-tertiary);font-size:12px}.form-input{width:100%;padding:12px 14px;background:#161820eb!important;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:14px;font-family:inherit;color:var(--text-primary);outline:none;transition:all .25s ease;height:42px;box-shadow:inset 0 1px #ffffff08}.form-input:hover{background:#1a1c26eb!important;border-color:#ffffff1a}.form-input:focus{border-color:var(--accent-blue);background:#1a1c26f2!important;box-shadow:0 0 0 3px var(--glow-blue),0 0 12px #3b82f614}.form-error{font-size:12px;color:var(--accent-red);font-weight:500;margin-top:6px;display:flex;align-items:center;gap:4px}.form-success{font-size:12px;color:var(--accent-green);font-weight:500;margin-top:6px;display:flex;align-items:center;gap:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;font-family:inherit;line-height:1;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 0 0 1px #ffffff0f}.btn--primary:hover:not(:disabled){box-shadow:0 0 0 1px #ffffff1a,0 4px 16px #4a9eff40;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:#ffffff0a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.06)}.btn--secondary:hover:not(:disabled){background:#ffffff14;color:var(--text-primary);border-color:#ffffff1a}.btn--danger{background:#f43f5e1f;color:var(--accent-red);border:1px solid rgba(244,63,94,.15)}.btn--danger:hover:not(:disabled){background:#f43f5e2e;border-color:#f43f5e40;box-shadow:0 4px 16px #f43f5e33;transform:translateY(-1px)}.btn--danger:active:not(:disabled){transform:translateY(0)}.confirm-text{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.confirm-icon{width:20px;height:20px;flex-shrink:0;color:var(--accent-red);opacity:.7}.main{flex:1;padding:32px 36px 60px;overflow-y:auto;max-height:calc(100vh - 56px);max-width:calc(100vw - 220px)}@media (max-width: 768px){.main{padding:24px 20px 40px;max-height:none;max-width:100vw}.topbar__nav{display:none}.topbar__search{width:120px}.topbar{padding:0 16px}}:root{--bg-deep: #0a0a0e;--bg-card: rgba(14, 16, 22, .92);--bg-input: rgba(22, 24, 32, .92);--border-subtle: rgba(255,255,255,.06);--border-glow: rgba(64,150,255,.15);--text-primary: #FFFFFF;--text-secondary: #A0A0B2;--text-tertiary: #777788;--accent-blue: #4088FF;--accent-cyan: #00D4FF;--accent-purple: #A25CFF;--accent-gradient: linear-gradient(135deg, #4088FF, #A25CFF);--glow-blue: rgba(64,150,255,.25);--error-red: #F43F5E;--focus-blue: #3b82f6;--focus-glow: rgba(59, 130, 246, .35)}html,body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);letter-spacing:-.01em}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(64,136,255,.015) 2px,rgba(64,136,255,.015) 4px)!important;pointer-events:none;z-index:1}#stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.page{position:relative;z-index:2;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px;background:transparent!important}.login-card{width:100%;max-width:420px;background:#0e1016ad!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:44px 40px 36px;position:relative;box-shadow:0 8px 48px #00000080,0 0 0 2px #4088ff26,0 0 12px 6px #4088ff2e,0 0 35px 12px #4088ff14,inset 0 1px #ffffff0d}.login-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;border:1px solid rgba(100,160,255,.08);pointer-events:none;mask:linear-gradient(180deg,black 50%,transparent 100%);-webkit-mask:linear-gradient(180deg,black 50%,transparent 100%)}.login-header{text-align:center;margin-bottom:32px;position:relative}.login-title{font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin:0}.login-title span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form{display:flex;flex-direction:column;gap:22px}.form-group{display:flex;flex-direction:column;gap:7px}.form-label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.form-input-wrap{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:14px 16px;background:#161820eb!important;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-size:14px;font-family:inherit;color:var(--text-primary);outline:none;transition:all .25s ease;height:48px;box-shadow:0 0 #3b82f600,inset 0 1px #ffffff08}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover{background:#1a1c26eb!important;border-color:#ffffff1a;box-shadow:0 0 12px #3b82f60f,inset 0 1px #ffffff0a}.form-input:focus{border-color:var(--focus-blue);background:#1a1c26f2!important;box-shadow:0 0 0 3px var(--focus-glow),0 0 20px #3b82f61f,0 0 40px #3b82f60f}.form-input--error{border-color:var(--error-red);box-shadow:0 0 0 3px #f43f5e14}.form-input--error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px #f43f5e1f}.form-input-icon{position:absolute;left:16px;color:var(--text-tertiary);display:flex;align-items:center;pointer-events:none;z-index:1}.form-input-icon svg{width:18px;height:18px}.form-input-icon+.form-input{padding-left:46px}.form-error{font-size:11px;color:var(--error-red);font-weight:500;display:flex;align-items:center;gap:4px;margin-top:2px}.captcha-row{display:flex;gap:12px;align-items:stretch}.captcha-input{flex:1;letter-spacing:.3em;text-align:center;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;height:48px;padding:14px 16px;background:#161820eb!important;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:var(--text-primary);outline:none;transition:all .25s ease;box-shadow:0 0 #3b82f600,inset 0 1px #ffffff08}.captcha-input::placeholder{color:var(--text-tertiary);letter-spacing:normal;font-family:inherit;font-weight:400}.captcha-input:hover{background:#1a1c26eb!important;border-color:#ffffff1a;box-shadow:0 0 12px #3b82f60f,inset 0 1px #ffffff0a}.captcha-input:focus{border-color:var(--focus-blue);background:#1a1c26f2!important;box-shadow:0 0 0 3px var(--focus-glow),0 0 20px #3b82f61f,0 0 40px #3b82f60f}.captcha-display{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;background:#161820eb!important;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;min-width:110px;position:relative;overflow:hidden}.captcha-display:hover{background:#1a1c26eb;border-color:#ffffff1f;box-shadow:0 0 12px #3b82f60f}.captcha-digit{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;letter-spacing:-.02em;transition:transform .2s}.captcha-display:hover .captcha-digit{animation:captcha-shake .3s ease}@keyframes captcha-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.login-btn{margin-top:4px;padding:14px;border:none;border-radius:12px;background:var(--accent-gradient);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;letter-spacing:.02em;height:48px}.login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px #4088ff40}.login-btn:hover:before{opacity:1}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{text-align:center;margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.06)}.login-footer p{font-size:12px;color:var(--text-tertiary);letter-spacing:.01em}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeUp .6s ease both}.animate-in-d1{animation-delay:.1s}.animate-in-d2{animation-delay:.2s}.animate-in-d3{animation-delay:.3s}.animate-in-d4{animation-delay:.4s}.animate-in-d5{animation-delay:.5s}@keyframes shimmer{0%{left:-150%}to{left:150%}}.login-btn .shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2.5s ease-in-out infinite}@media (max-width: 480px){.login-card{padding:36px 24px 28px;border-radius:16px}.login-title{font-size:20px}}.dashboard{animation:fadeInUp .4s ease forwards}.reveal{opacity:0;transform:translateY(16px);transition:all .5s cubic-bezier(.25,.1,.25,1)}.reveal.vis{opacity:1;transform:translateY(0)}.hero{margin-bottom:36px}.hero__greeting{font-size:13px;font-weight:500;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;letter-spacing:.02em}.hero__title{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.03em}.hero__title span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__meta{display:flex;align-items:center;gap:16px;margin-top:6px}.hero__date{font-size:14px;color:var(--text-tertiary)}.hero__status{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--accent-green)}.hero__status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px #34d39966;animation:pulseDot 2s ease-in-out infinite}.quick-actions{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.quick-action{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s}.quick-action:hover{background:#4a9eff14;border-color:#4a9eff33;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 16px var(--glow-blue)}.quick-action svg{width:16px;height:16px}.quick-action--primary{background:var(--accent-gradient);border-color:transparent;color:#fff}.quick-action--primary:hover{color:#fff;box-shadow:0 4px 20px var(--glow-blue);border-color:transparent}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:24px;transition:all .3s cubic-bezier(.25,.1,.25,1);cursor:default;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x, 20%) var(--mouse-y, 30%),rgba(74,158,255,.04),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--card-shadow)}.stat-card:hover:before{opacity:1}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-card__icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .3s;position:relative}.stat-card:hover .stat-card__icon{transform:scale(1.05)}.stat-card__icon svg{width:18px;height:18px}.stat-card__icon--blue{background:#4a9eff1f;color:var(--accent-blue)}.stat-card__icon--purple{background:#a855f71f;color:var(--accent-purple)}.stat-card__icon--orange{background:#fb923c1f;color:var(--accent-orange)}.stat-card__icon--green{background:#34d3991f;color:var(--accent-green)}.stat-card__glow{position:absolute;width:40px;height:40px;border-radius:50%;filter:blur(16px);opacity:.3;pointer-events:none}.stat-card__glow--blue{background:var(--accent-blue)}.stat-card__glow--purple{background:var(--accent-purple)}.stat-card__glow--orange{background:var(--accent-orange)}.stat-card__glow--green{background:var(--accent-green)}.stat-card__trend{font-size:11px;padding:2px 8px;border-radius:980px;font-weight:500;letter-spacing:-.01em}.stat-card__trend--up{background:#34d3991a;color:var(--accent-green)}.stat-card__trend--warn{background:#fb923c1a;color:var(--accent-orange)}.stat-card__value{font-size:30px;font-weight:700;line-height:1;letter-spacing:-.03em}.stat-card__label{font-size:13px;color:var(--text-tertiary);margin-top:4px;font-weight:400}.stat-card__footer{display:flex;align-items:center;gap:4px;margin-top:12px;font-size:11px;font-weight:500}.stat-card__footer--up{color:var(--accent-green)}.stat-card__footer--warn{color:var(--accent-orange)}.stat-card__ring{position:absolute;bottom:16px;right:16px;width:48px;height:48px}.stat-card__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.stat-card__ring circle{fill:none;stroke-width:3;stroke-linecap:round}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.25,.1,.25,1)}.card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle)}.card__header-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.card__header-dot{width:8px;height:8px;border-radius:50%}.card__header-dot--blue{background:var(--accent-blue);box-shadow:0 0 6px var(--glow-blue)}.card__header-dot--purple{background:var(--accent-purple);box-shadow:0 0 6px var(--glow-purple)}.card__header-dot--orange{background:var(--accent-orange);box-shadow:0 0 6px #fb923c4d}.card__header-link{font-size:12px;color:var(--text-tertiary);cursor:pointer;transition:color .2s;display:flex;align-items:center;gap:4px}.card__header-link:hover{color:var(--accent-blue)}.dash-table{width:100%;border-collapse:collapse}.dash-table th{text-align:left;font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:10px 20px 8px;border-bottom:1px solid var(--border-subtle)}.dash-table td{padding:10px 20px;font-size:13px;font-weight:400;border-bottom:1px solid rgba(255,255,255,.02);vertical-align:middle}.dash-table tr:last-child td{border-bottom:none}.dash-table tr{transition:background .15s}.dash-table tr:hover td{background:#ffffff05}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;color:#fff}.user-name{font-weight:500;font-size:13px}.user-desc{font-size:11px;color:var(--text-tertiary);margin-top:0}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:980px;font-size:11px;font-weight:500;letter-spacing:-.01em}.tag--blue{background:#4a9eff1a;color:var(--accent-blue)}.tag--purple{background:#a855f71a;color:var(--accent-purple)}.tag--orange{background:#fb923c1a;color:var(--accent-orange)}.tag--green{background:#34d3991a;color:var(--accent-green)}.tag--red{background:#f43f5e1a;color:#f43f5e}.status-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.status-tag__dot{width:5px;height:5px;border-radius:50%}.status-tag--on .status-tag__dot{background:var(--accent-green);box-shadow:0 0 6px #34d39966}.status-tag--on{color:var(--accent-green)}.status-tag--pending .status-tag__dot{background:var(--accent-orange);box-shadow:0 0 6px #fb923c4d}.status-tag--pending{color:var(--accent-orange)}.price-cell{font-weight:600;font-family:var(--font-mono);font-size:13px;color:var(--accent-blue)}.expiry-cell{font-family:var(--font-mono);font-size:12px;font-weight:500}.expiry-cell--warn{color:var(--accent-orange)}.expiry-cell--urgent{color:#f43f5e}.empty-cell{text-align:center;padding:24px!important;color:var(--text-tertiary)}.announce-item{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.02);cursor:pointer;transition:background .15s}.announce-item:last-child{border-bottom:none}.announce-item:hover{background:#ffffff04}.announce-item__top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.announce-item__tag{font-size:10px;font-weight:600;padding:1px 8px;border-radius:980px;letter-spacing:.02em;text-transform:uppercase}.announce-item__tag--urgent{background:#f43f5e1a;color:#f43f5e}.announce-item__tag--normal{background:#4a9eff14;color:var(--accent-blue)}.announce-item__time{font-size:11px;color:var(--text-tertiary)}.announce-item__title{font-size:14px;font-weight:600;margin-bottom:2px}.announce-item__preview{font-size:12px;color:var(--text-tertiary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announce-empty{text-align:center;padding:36px 20px;color:var(--text-tertiary)}.announce-empty__icon{font-size:28px;margin-bottom:8px;opacity:.4}.announce-empty__text{font-size:13px}@media (max-width: 1100px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.content-grid{grid-template-columns:1fr}}@media (max-width: 600px){.stats{grid-template-columns:1fr}.hero__title{font-size:24px}}.pagination{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:16px 0 4px;flex-wrap:wrap}.pagination__info{font-size:13px;color:var(--text-secondary);white-space:nowrap}.pagination__size{display:flex;align-items:center}.pagination__select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 10px;color:var(--text-secondary);font-size:12px;cursor:pointer;outline:none;transition:border-color .2s}.pagination__select:hover,.pagination__select:focus{border-color:#4a9eff59}.pagination__select option{background:#1a1d27;color:#e0e4ec}.pagination__nav{display:flex;align-items:center;gap:4px}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.pagination__btn:hover:not(:disabled){background:#ffffff0a;color:var(--text-primary);border-color:#ffffff1a}.pagination__btn:disabled{opacity:.25;cursor:not-allowed}.pagination__btn--active{background:#4a9eff1a;color:var(--accent-blue);border-color:#4a9eff33;font-weight:600}.pagination__btn svg{width:18px;height:18px}.users-page{animation:fadeInUp .4s ease forwards}.btn-action{display:inline-block;padding:4px 8px;font-size:13px;font-weight:500;border:none;background:transparent;cursor:pointer;transition:opacity .2s ease;margin-right:4px}.btn-action:hover:not(:disabled){opacity:.7}.btn-action--edit{color:#333}.btn-action--danger{color:#e74c3c}.btn-action--warning{color:#e67e22}.btn-action--success{color:#27ae60}.btn-action:disabled{cursor:not-allowed}.resources-page{animation:fadeInUp .4s ease forwards}.resource-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.resource-card__actions{display:flex;gap:8px}.expiry-page,.idle-page,.growth-page{animation:fadeInUp .4s ease forwards}.rich-editor{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary)}.rich-editor__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.rich-editor__group{display:flex;align-items:center;gap:2px;padding:0 6px;border-right:1px solid var(--border-color)}.rich-editor__group:last-child{border-right:none}.rich-editor__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .15s}.rich-editor__btn:hover{background:var(--bg-hover);color:var(--primary)}.rich-editor__btn:active{background:var(--primary-light)}.rich-editor__select{height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer}.rich-editor__select:focus{outline:none;border-color:var(--primary)}.rich-editor__color-picker{position:relative;display:flex;align-items:center}.rich-editor__color-label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:14px;font-weight:700;cursor:pointer}.rich-editor__color-label:hover{border-color:var(--primary)}.rich-editor__color-grid{display:none;position:absolute;top:100%;left:0;z-index:100;padding:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);grid-template-columns:repeat(4,24px);gap:4px}.rich-editor__color-picker:hover .rich-editor__color-grid{display:grid}.rich-editor__color-swatch{width:24px;height:24px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:all .1s}.rich-editor__color-swatch:hover{transform:scale(1.15);border-color:var(--text-primary)}.rich-editor__content{min-height:150px;max-height:300px;padding:12px 16px;overflow-y:auto;font-size:14px;line-height:1.6;color:var(--text-primary);outline:none}.rich-editor__content:empty:before{content:attr(data-placeholder);color:var(--text-hint);pointer-events:none}.rich-editor__content b,.rich-editor__content strong{font-weight:700}.rich-editor__content i,.rich-editor__content em{font-style:italic}.rich-editor__content u{text-decoration:underline}.rich-editor__content font[size]{font-size:inherit}.announcements .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.announcements .page-title{font-size:20px;font-weight:700;color:var(--text-primary)}.announcements .filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.activities .filter-bar__info{margin-left:auto;color:var(--text-secondary);font-size:13px;display:flex;align-items:center;gap:8px}.activities .table td{height:64px}.activities .table__cover{width:100px;height:56px;border-radius:4px;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin:0 auto}.activities .table__cover img{width:100px;height:56px;object-fit:cover;border-radius:4px}.activities .table__cover--empty{color:var(--text-hint);font-size:11px}.activities .table__name{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.activities .tag{height:24px;padding:0 12px;border-radius:12px;font-size:12px;line-height:24px;display:inline-block;white-space:nowrap;box-sizing:border-box;margin:0}.activities .tag--success{background:#26de811a;color:#26de81}.activities .tag--warning{background:#fff3e0;color:#e65100}.activities .tag--primary{background:#4ecdc41a;color:#4ecdc4}.activities .tag--muted{background:var(--bg-secondary);color:var(--text-hint)}.activities .tag--danger{background:#ff6b6b26;color:#ff6b6b}.activities .table__time-cell{font-size:13px;color:var(--text-hint);white-space:nowrap}.activities .actions-cell{display:flex;align-items:center;gap:8px;white-space:nowrap;height:28px}.activities .actions-cell .btn--sm{height:28px;padding:0 12px;font-size:12px;border-radius:4px;margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box}.activities .btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.activity-edit .required{color:var(--color-danger, var(--primary));margin-left:4px}.activity-edit .form-image-upload{display:flex;align-items:flex-start;gap:20px}.activity-edit .image-preview{width:200px;height:112px;border-radius:6px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-edit .image-preview img{width:100%;height:100%;object-fit:cover}.activity-edit .image-preview__empty{color:var(--text-hint);font-size:13px}.activity-edit .image-actions{display:flex;flex-direction:column;gap:10px;padding-top:4px}.activity-edit .image-tip{color:var(--text-hint);font-size:12px}.activity-edit__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.settings .page-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.settings .save-toast{background:#34d3991a;border:2px solid rgba(52,211,153,.3);color:var(--accent-green);padding:14px 20px;border-radius:var(--border-radius-md);margin-bottom:20px;font-weight:600;animation:fadeInUp .3s ease}.settings .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.settings .settings-grid h4{font-size:15px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.settings .settings-actions{margin-top:32px;padding-top:24px;border-top:2px dashed var(--border-color);display:flex;gap:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--bg-deep: #07080a;--bg-surface: #0f1115;--bg-card: rgba(19,21,25,.88);--bg-elevated: rgba(26,29,33,.9);--bg-glass: rgba(255,255,255,.03);--border-subtle: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.1);--border-accent: rgba(74,158,255,.2);--text-primary: #f0f0f2;--text-secondary: rgba(255,255,255,.65);--text-tertiary: rgba(255,255,255,.35);--text-hint: rgba(255,255,255,.2);--accent-blue: #4a9eff;--accent-cyan: #00d4ff;--accent-purple: #a855f7;--accent-violet: #8b5cf6;--accent-green: #34d399;--accent-orange: #fb923c;--accent-red: #f43f5e;--accent-pink: #f472b6;--accent-gradient: linear-gradient(135deg, #4a9eff, #a855f7);--glow-blue: rgba(74,158,255,.18);--glow-purple: rgba(168,85,247,.15);--glow-cyan: rgba(0,212,255,.12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 20px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.4);--shadow-card: 0 0 0 1px rgba(255,255,255,.06), 0 4px 24px rgba(0,0,0,.3);--shadow-elevated: 0 0 0 1px rgba(255,255,255,.08), 0 8px 40px rgba(0,0,0,.4);--transition: .3s cubic-bezier(.22, 1, .36, 1);--transition-fast: .2s ease;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--primary: var(--accent-blue);--primary-light: #6db3ff;--primary-dark: #3a8ae0;--secondary: var(--accent-cyan);--bg-main: var(--bg-deep);--bg-card-old: var(--bg-card);--bg-sidebar: var(--bg-surface);--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(74,158,255,.08);--text-light: var(--text-primary);--border-color: var(--border-subtle);--gradient-primary: var(--accent-gradient);--gradient-secondary: linear-gradient(135deg, #4a9eff, #00d4ff);--gradient-sunset: linear-gradient(135deg, #f43f5e, #fb923c);--gradient-ocean: linear-gradient(135deg, #4a9eff, #34d399);--gradient-pink: linear-gradient(135deg, #f472b6, #f43f5e);--gradient-purple: linear-gradient(135deg, #a855f7, #4a9eff);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--border-radius-full: var(--radius-full);--card-shadow: var(--shadow-card)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--font);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;line-height:1.5;overflow-x:hidden;min-height:100vh}#root{min-height:100vh}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(74,158,255,.012) 2px,rgba(74,158,255,.012) 4px);pointer-events:none;z-index:0}.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.admin-layout{display:flex;min-height:100vh;position:relative;z-index:1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.25,.1,.25,1)}.panel:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow)}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle)}.panel__title{font-size:18px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel__action{display:flex;align-items:center;gap:8px}.panel__body{padding:16px 20px}.panel__body--no-padding{padding:0}.page-title{font-size:24px;font-weight:700;margin-bottom:24px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table td,.table th{vertical-align:middle!important}.table__center{text-align:center!important;vertical-align:middle!important}.status-pill{display:inline-block;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.status-pill--nowrap{white-space:nowrap}.status-pill--active{background:#34d3991f;color:#34d399}.status-pill--inactive{background:#f43f5e1a;color:#f43f5e}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.08)}}.text-center{text-align:center}@media (max-width: 768px){.admin-layout{flex-direction:column}}