*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07091a;--bg-deep: #050614;--bg-elevated: rgba(20, 24, 48, .72);--panel: rgba(24, 28, 52, .55);--panel-hover: rgba(34, 40, 70, .72);--border: rgba(120, 140, 220, .14);--border-hi: rgba(140, 170, 255, .32);--text: #eef2ff;--text-dim: #a5adc9;--muted: #6b7290;--primary: #4F8BFF;--primary-hi: #6FA3FF;--primary-dim: rgba(79, 139, 255, .16);--violet: #8B5CF6;--cyan: #22D3EE;--pink: #F472B6;--danger: #f87171;--success: #4ade80;--warn: #fbbf24;--radius: clamp(10px, .8vw, 14px);--radius-lg: clamp(14px, 1.2vw, 20px);--shadow: 0 10px 40px rgba(0, 0, 0, .45);--shadow-glow: 0 8px 36px rgba(79, 139, 255, .22);--ease: cubic-bezier(.22, .61, .36, 1);--t-fast: .12s;--t: .2s;--t-slow: .35s;--fs-xs: clamp(10px, .7vw + .4rem, 12px);--fs-sm: clamp(12px, .45vw + .6rem, 13px);--fs-base: clamp(13px, .45vw + .7rem, 15px);--fs-md: clamp(14px, .5vw + .75rem, 16px);--fs-lg: clamp(15px, .6vw + .85rem, 18px);--fs-xl: clamp(17px, .9vw + .95rem, 22px);--fs-2xl: clamp(20px, 1.4vw + 1rem, 32px);--fs-3xl: clamp(24px, 2.2vw + 1.1rem, 40px);--sp-1: clamp(4px, .3vw, 6px);--sp-2: clamp(6px, .5vw, 10px);--sp-3: clamp(10px, .8vw, 14px);--sp-4: clamp(14px, 1.1vw, 20px);--sp-5: clamp(18px, 1.5vw, 28px);--sp-6: clamp(22px, 2vw, 36px);--sp-7: clamp(28px, 2.8vw, 48px);--mx: 50vw;--my: 50vh}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:var(--fs-base);color:var(--text);background:var(--bg-deep);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{position:relative;z-index:1}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--text)}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(79,139,255,.1),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(139,92,246,.1),transparent 60%),var(--bg-deep)}.bg-fx__aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85;will-change:transform;mix-blend-mode:screen}.bg-fx__aurora--a{width:60vmax;height:60vmax;background:radial-gradient(circle,rgba(79,139,255,.85) 0%,transparent 60%);top:-20vmax;left:-15vmax;animation:aurora-a 22s var(--ease) infinite alternate}.bg-fx__aurora--b{width:50vmax;height:50vmax;background:radial-gradient(circle,rgba(139,92,246,.75) 0%,transparent 60%);bottom:-15vmax;right:-10vmax;animation:aurora-b 26s var(--ease) infinite alternate}.bg-fx__aurora--c{width:45vmax;height:45vmax;background:radial-gradient(circle,rgba(34,211,238,.65) 0%,transparent 60%);top:40%;left:50%;animation:aurora-c 30s var(--ease) infinite alternate}@keyframes aurora-a{0%{transform:translate(0) rotate(0)}to{transform:translate(10vw,6vh) rotate(70deg)}}@keyframes aurora-b{0%{transform:translate(0) rotate(0)}to{transform:translate(-8vw,-10vh) rotate(-50deg)}}@keyframes aurora-c{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-40%,-55%) scale(1.4)}}.bg-fx__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(160,180,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(160,180,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 80%)}.bg-fx__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1;mix-blend-mode:screen}.bg-fx__cursor{position:absolute;width:700px;height:700px;left:var(--mx, 50vw);top:var(--my, 50vh);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(79,139,255,.3) 0%,transparent 55%);filter:blur(10px);pointer-events:none;transition:opacity .4s var(--ease);mix-blend-mode:screen}.bg-fx__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 50%,transparent 50%,rgba(5,6,20,.55) 100%);pointer-events:none}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes border-shine{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-fx__aurora,.bg-fx__cursor,.bg-fx__canvas{display:none}}.splash{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-dim);animation:fade-in var(--t) var(--ease);position:relative;z-index:1}.login{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login__box{position:relative;background:linear-gradient(160deg,#1e2446b3,#121630b3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(28px,4vw,48px) clamp(22px,3vw,42px);width:clamp(280px,80vw,480px);max-width:100%;box-shadow:var(--shadow),0 0 60px #4f8bff26;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);animation:scale-in var(--t-slow) var(--ease);overflow:hidden}.login__box:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#4f8bff99,#8b5cf64d,#22d3ee66);background-size:200% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-shine 6s linear infinite;pointer-events:none}.login__logo{display:block;width:72px;height:72px;margin:0 auto var(--sp-4);object-fit:contain;position:relative;z-index:1}.login__box h1{font-size:var(--fs-2xl);font-weight:600;margin-bottom:8px;letter-spacing:-.4px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}.login__hint{color:var(--text-dim);margin-bottom:var(--sp-5);font-size:var(--fs-sm);line-height:1.55}.login__label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.6px;font-weight:500}.login__field{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease);background:#080a1c80}.login__field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim),0 0 24px #4f8bff40}.login__field input{flex:1;border:none;padding:13px 15px;font-size:14px;outline:none;background:transparent;color:var(--text)}.login__suffix{padding:13px 15px;background:#ffffff08;color:var(--text-dim);font-size:13px;border-left:1px solid var(--border)}.login__submit{width:100%;margin-top:22px;padding:14px;font-size:14px;font-weight:600}.login__divider{display:flex;align-items:center;gap:12px;margin:26px 0 18px;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--border)}.login__demo-toggle{width:100%;background:transparent;border:1px dashed var(--border);border-radius:10px;padding:12px;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all var(--t) var(--ease);font-weight:500}.login__demo-toggle:hover{border-color:var(--primary);color:var(--primary-hi);background:#4f8bff0d}.login__demo-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);animation:fade-in var(--t-slow) var(--ease)}.login__demo-hint{color:var(--text-dim);font-size:12px;margin-bottom:14px;line-height:1.5}.sidebar--demo{border-right-color:#fbbf2459}.demo-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;font-size:11px;font-weight:600;color:var(--warn);background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:6px;letter-spacing:.3px}.app{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:clamp(200px,18vw,260px);flex-shrink:0;background:linear-gradient(180deg,#121630c7,#0c0e24c7);border-right:1px solid var(--border);display:flex;flex-direction:column;animation:fade-in var(--t) var(--ease);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);position:sticky;top:0;height:100vh}.sidebar__head{padding:var(--sp-5) var(--sp-4) var(--sp-4);border-bottom:1px solid var(--border)}.sidebar__brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.sidebar__brand-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.sidebar__logo{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,var(--primary-hi) 50%,var(--violet) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:border-shine 8s linear infinite}.sidebar__sub{font-size:var(--fs-xs);color:var(--text-dim);margin-top:4px}.sidebar__menu{flex:1;padding:var(--sp-3) 0;overflow-y:auto}.sidebar__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:transparent;border:none;cursor:pointer;font-size:var(--fs-base);color:var(--text-dim);text-align:left;position:relative;transition:color var(--t) var(--ease),background var(--t) var(--ease),padding-left var(--t) var(--ease)}.sidebar__item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--primary) 0%,var(--violet) 100%);transform:scaleY(0);transition:transform var(--t) var(--ease)}.sidebar__item:hover{background:#4f8bff0f;color:var(--text);padding-left:26px}.sidebar__item.is-active{background:linear-gradient(90deg,#4f8bff2e,#8b5cf60d);color:var(--text);font-weight:500}.sidebar__item.is-active:before{transform:scaleY(1);box-shadow:0 0 12px var(--primary)}.sidebar__icon{display:inline-block;width:18px;text-align:center;font-size:var(--fs-md)}.sidebar__foot{padding:var(--sp-4);border-top:1px solid var(--border)}.sidebar__logout{width:100%;padding:var(--sp-3);border-radius:10px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:var(--fs-sm);color:var(--text-dim);transition:all var(--t) var(--ease)}.sidebar__logout:hover{color:var(--danger);border-color:var(--danger);background:#ef44440f}.main{flex:1;padding:var(--sp-6) var(--sp-7);overflow-y:auto;background:transparent;min-width:0}.section{max-width:min(1400px,100%);margin:0 auto;animation:fade-in-up var(--t-slow) var(--ease) forwards;opacity:1}.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);gap:var(--sp-3);flex-wrap:wrap}.section__head h1{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.6px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{--lx: 50%;--ly: 50%;position:relative;padding:var(--sp-3) var(--sp-4);border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-size:var(--fs-sm);font-weight:500;transition:all var(--t) var(--ease);white-space:nowrap;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(180px circle at var(--lx) var(--ly),rgba(255,255,255,.08),transparent 60%);opacity:0;transition:opacity var(--t) var(--ease);pointer-events:none;z-index:-1}.btn:hover{background:var(--panel-hover);border-color:var(--border-hi);transform:translateY(-1px)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--violet) 100%);border-color:transparent;color:#fff;box-shadow:0 1px #ffffff2e inset,0 6px 24px #4f8bff59}.btn-primary:before{background:radial-gradient(180px circle at var(--lx) var(--ly),rgba(255,255,255,.25),transparent 60%)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hi) 0%,#a78bfa 100%);box-shadow:0 1px #ffffff38 inset,0 10px 36px #4f8bff8c;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-danger{background:transparent;border-color:var(--border);color:var(--danger)}.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 6px 24px #ef44444d}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}.btn{will-change:transform}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--sp-4)}.ch-card,.stat,.tpl-card,.staff-row,.settings-block,.ch-distribution,.bar-chart,.table,.empty{--lx: 50%;--ly: 50%;position:relative;background:linear-gradient(160deg,#1c2240a6,#121630a6);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.ch-card{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);transition:border-color var(--t) var(--ease),transform var(--t) var(--ease),box-shadow var(--t) var(--ease);animation:fade-in-up var(--t-slow) var(--ease) both;overflow:hidden}.ch-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(360px circle at var(--lx) var(--ly),rgba(79,139,255,.18),transparent 50%);opacity:0;transition:opacity var(--t-slow) var(--ease);pointer-events:none;border-radius:inherit}.ch-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#4f8bff00,#4f8bff66,#8b5cf600);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t-slow) var(--ease);pointer-events:none}.ch-card:nth-child(1){animation-delay:.02s}.ch-card:nth-child(2){animation-delay:.06s}.ch-card:nth-child(3){animation-delay:.1s}.ch-card:nth-child(4){animation-delay:.14s}.ch-card:nth-child(5){animation-delay:.18s}.ch-card:nth-child(6){animation-delay:.22s}.ch-card:hover{border-color:var(--border-hi);transform:translateY(-4px);box-shadow:var(--shadow),0 0 32px #4f8bff33}.ch-card:hover:before,.ch-card:hover:after{opacity:1}.ch-card.is-expired{border-color:#ef444459}.ch-card>*{position:relative;z-index:1}.ch-card__head{display:flex;justify-content:space-between;align-items:center}.ch-badge{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--violet) 100%);box-shadow:0 6px 18px #4f8bff66;animation:float-y 6s var(--ease) infinite}.ch-card__type{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ch-card__title{font-size:var(--fs-md);font-weight:600;line-height:1.3;letter-spacing:-.1px}.ch-card__id{font-size:var(--fs-sm);color:var(--text-dim);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.ch-card__paused{display:inline-block;font-size:11px;background:#6b72802e;color:var(--text-dim);padding:3px 9px;border-radius:6px;font-weight:500;align-self:flex-start}.ch-card__meta{font-size:12px;color:var(--text-dim)}.ch-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.ch-card__actions .btn{flex:1}.ch-status{font-size:11px;padding:4px 11px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ch-status--trial{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.ch-status--active{background:#22d3ee26;color:var(--cyan);border:1px solid rgba(34,211,238,.3)}.ch-status--expired{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.ch-status--active:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px;vertical-align:middle;animation:pulse-dot 1.8s ease-in-out infinite;box-shadow:0 0 8px currentColor}.empty{padding:56px 24px;text-align:center;color:var(--text-dim);border-style:dashed;animation:fade-in var(--t-slow) var(--ease)}.alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:13px;position:relative;animation:fade-in-up var(--t) var(--ease);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.alert-success{background:#22d3ee1a;color:var(--cyan);border:1px solid rgba(34,211,238,.3)}.alert-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.alert__close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:inherit;opacity:.6;transition:opacity var(--t) var(--ease)}.alert__close:hover{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050614b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in var(--t) var(--ease);padding:clamp(12px,2vh,28px);height:100vh;height:100dvh;overflow:hidden}.modal{position:relative;background:linear-gradient(160deg,#1e2446d9,#121630d9);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:var(--sp-5);width:clamp(280px,60vw,540px);max-width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-shadow:var(--shadow),0 0 50px #4f8bff2e;animation:scale-in var(--t) var(--ease);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.modal h2{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--sp-4);letter-spacing:-.3px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.form-group{margin-bottom:var(--sp-4)}.form-group label{display:block;font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--sp-3) var(--sp-3);border:1px solid var(--border);border-radius:10px;font-size:var(--fs-md);outline:none;background:#080a1c80;color:var(--text);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim),0 0 24px #4f8bff33}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.plans{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.plan{display:flex;align-items:center;gap:14px;border:1px solid var(--border);background:#14183066;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all var(--t) var(--ease)}.plan:hover{border-color:var(--border-hi);background:#2228468c;transform:translate(2px)}.plan.is-selected{border-color:var(--primary);background:linear-gradient(135deg,#4f8bff2e,#8b5cf61a);box-shadow:0 0 0 1px var(--primary) inset,0 6px 20px #4f8bff33}.plan input[type=radio]{accent-color:var(--primary)}.plan__title{font-weight:600;font-size:14px}.plan__price{font-size:12px;color:var(--text-dim);margin-top:2px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--sp-3);margin-bottom:var(--sp-5)}.stat{padding:var(--sp-4) var(--sp-5);transition:all var(--t) var(--ease);animation:fade-in-up var(--t-slow) var(--ease) both;overflow:hidden;position:relative}.stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(300px circle at var(--lx) var(--ly),rgba(79,139,255,.12),transparent 50%);opacity:0;transition:opacity var(--t-slow) var(--ease);pointer-events:none;border-radius:inherit}.stat:nth-child(1){animation-delay:.02s}.stat:nth-child(2){animation-delay:.06s}.stat:nth-child(3){animation-delay:.1s}.stat:nth-child(4){animation-delay:.14s}.stat:hover{border-color:var(--border-hi);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.stat:hover:after{opacity:1}.stat>*{position:relative;z-index:1}.stat__label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-weight:500}.stat__value{font-size:var(--fs-2xl);font-weight:700;margin-top:8px;letter-spacing:-.6px;background:linear-gradient(135deg,#fff 0%,var(--primary-hi) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:var(--fs-sm);animation:fade-in-up var(--t-slow) var(--ease)}.table th,.table td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--border)}.table th{background:#4f8bff0d;font-weight:600;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--t) var(--ease)}.table tbody tr:hover{background:#4f8bff0d}.status{font-size:11px;padding:3px 10px;border-radius:999px;font-weight:600;letter-spacing:.3px}.status--succeeded{background:#22d3ee26;color:var(--cyan)}.status--pending{background:#f59e0b26;color:#fbbf24}.status--failed{background:#ef444426;color:#f87171}.status--cancelled{background:#6b728026;color:var(--text-dim)}.status-active{background:#22d3ee26;color:var(--cyan);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.tpl-list{display:grid;grid-template-columns:1fr;gap:12px}.tpl-card{padding:var(--sp-3) var(--sp-4);transition:all var(--t) var(--ease);animation:fade-in-up var(--t-slow) var(--ease)}.tpl-card:hover{border-color:var(--border-hi);transform:translate(3px)}.tpl-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.tpl-card__title{font-weight:600;font-size:14px}.tpl-card__actions{display:flex;gap:6px}.tpl-card__body{color:var(--text-dim);font-size:13px;white-space:pre-wrap;line-height:1.6}.section-subtitle{font-size:11px;color:var(--text-dim);margin-bottom:14px;text-transform:uppercase;letter-spacing:.6px;font-weight:500}.staff-list{display:flex;flex-direction:column;gap:10px}.staff-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:all var(--t) var(--ease);animation:fade-in-up var(--t-slow) var(--ease)}.staff-row:hover{border-color:var(--border-hi);transform:translate(3px)}.nlv-admin{display:inline-block;font-size:10px;background:linear-gradient(135deg,var(--warn) 0%,var(--pink) 100%);color:#1a1330;padding:2px 8px;border-radius:5px;margin-left:6px;vertical-align:middle;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.bar-chart{display:flex;align-items:flex-end;gap:clamp(3px,.4vw,8px);height:clamp(160px,22vw,260px);padding:var(--sp-4);animation:fade-in-up var(--t-slow) var(--ease)}.bar-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;height:100%;cursor:default}.bar-chart__bar{width:100%;background:linear-gradient(180deg,var(--cyan) 0%,var(--primary) 50%,var(--violet) 100%);border-radius:6px 6px 0 0;min-height:2px;transition:opacity var(--t) var(--ease),transform var(--t) var(--ease),filter var(--t) var(--ease);transform-origin:bottom;animation:bar-grow .7s var(--ease) both;box-shadow:0 0 12px #4f8bff4d}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-chart__col:hover .bar-chart__bar{filter:brightness(1.2);transform:scaleY(1.04)}.bar-chart__day{font-size:10px;color:var(--text-dim);margin-top:8px}.ch-distribution{padding:22px 26px;display:flex;flex-direction:column;gap:14px;animation:fade-in-up var(--t-slow) var(--ease)}.ch-dist-row{display:grid;grid-template-columns:minmax(110px,clamp(120px,18vw,200px)) 1fr clamp(36px,4vw,56px);gap:var(--sp-3);align-items:center}.ch-dist-row__label{display:flex;align-items:center;gap:10px;font-size:13px}.ch-dist-row__bar{background:#ffffff0a;border-radius:6px;height:20px;overflow:hidden}.ch-dist-row__fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--primary) 0%,var(--violet) 100%);animation:bar-grow-x .8s var(--ease) both;transform-origin:left;box-shadow:0 0 12px #4f8bff66}@keyframes bar-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ch-dist-row__count{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.settings-block{padding:var(--sp-5) var(--sp-5);margin-bottom:var(--sp-4);animation:fade-in-up var(--t-slow) var(--ease);transition:border-color var(--t) var(--ease)}.settings-block:hover{border-color:var(--border-hi)}.settings-block h3{font-size:var(--fs-md);font-weight:600;margin-bottom:var(--sp-4);letter-spacing:-.1px}.settings-block.danger{border-color:#ef44444d;background:linear-gradient(160deg,#3c141e80,#280e1880)}.settings-block.danger h3{color:var(--danger)}.checkbox-row{display:flex;align-items:center;gap:12px;padding:8px 0;cursor:pointer;font-size:14px;color:var(--text-dim);transition:color var(--t) var(--ease)}.checkbox-row:hover{color:var(--text)}.checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.modal-hint{color:var(--text-dim);font-size:var(--fs-sm);line-height:1.6;margin-bottom:16px}.modal-personal-flow{min-height:min(360px,60vh);display:flex;flex-direction:column}.modal-personal-flow>form,.modal-personal-flow>div{flex:1;display:flex;flex-direction:column}.modal-personal-flow .modal-footer{margin-top:auto}.modal-actions-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}.modal-success{color:var(--cyan);font-size:14px;padding:14px 0;font-weight:500}.qr-step{text-align:center}.qr-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(10px,1.5vw,16px);border-radius:14px;background:#fffffff5;box-shadow:0 8px 30px #00000080,0 0 0 1px var(--border-hi);animation:scale-in var(--t) var(--ease);max-width:100%}.qr-img{width:min(240px,50vh,100%);height:auto;aspect-ratio:1 / 1;display:block}.qr-loading{padding:clamp(40px,8vh,80px) 20px;color:var(--text-dim);font-size:var(--fs-sm)}.qr-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#1f2937;font-weight:500}.qr-status__dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse-dot 1.4s ease-in-out infinite;box-shadow:0 0 8px var(--primary)}.qr-link-details{margin:16px 0 4px;font-size:12px;color:var(--text-dim)}.qr-link-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 0}.qr-link-details summary::-webkit-details-marker{color:var(--primary)}.qr-link-code{display:block;margin-top:8px;padding:10px 12px;background:#080a1c99;border:1px solid var(--border);border-radius:8px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:11px;color:var(--primary-hi);word-break:break-all;text-align:left}.radio-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;color:var(--text-dim);transition:color var(--t) var(--ease),background var(--t) var(--ease)}.radio-row:hover{color:var(--text);background:#4f8bff0d}.radio-row input[type=radio]{accent-color:var(--primary)}.user-picker{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:8px;background:#080a1c66}.user-picker__row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);transition:background var(--t) var(--ease)}.user-picker__row:hover{background:#4f8bff0f}.user-picker__row input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;cursor:pointer}.section-lead{color:var(--text-dim);font-size:14px;margin-bottom:24px;line-height:1.55;padding:12px 16px;background:linear-gradient(135deg,#4f8bff14,#8b5cf60a);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;display:block;opacity:1;animation:fade-in var(--t-slow) var(--ease) forwards}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--sp-5)}.staff-col__title{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-bottom:12px}.staff-row__main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.staff-row__badge{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:var(--primary);box-shadow:0 4px 12px #0000004d;flex-shrink:0}.staff-row__text{min-width:0;flex:1}.staff-row__name{font-weight:500;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-row__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-dim);margin-top:4px}.staff-row__chip{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:4px;background:#4f8bff1f;color:var(--primary-hi);font-weight:600}.staff-row__access{font-size:12px;color:var(--text-dim)}.staff-row--skeleton{height:58px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:800px 100%;animation:shimmer 1.6s linear infinite;border:1px solid var(--border)}.help-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border-hi);background:radial-gradient(600px circle at var(--lx, 50%) var(--ly, 50%),rgba(79,139,255,.18),transparent 60%),linear-gradient(135deg,#4f8bff26,#8b5cf61f);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);overflow:hidden;animation:fade-in-up var(--t-slow) var(--ease)}.help-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#4f8bff80,#8b5cf64d,#22d3ee66);background-size:200% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-shine 8s linear infinite;pointer-events:none}.help-hero__text h2{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.3px;margin-bottom:4px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.help-hero__text p{color:var(--text-dim);font-size:var(--fs-base)}.help-hero__actions{display:flex;gap:var(--sp-2);flex-shrink:0;flex-wrap:wrap}.help-hero__actions .btn{text-decoration:none}.help-accordion{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.help-item{--lx: 50%;--ly: 50%;position:relative;background:linear-gradient(160deg,#1c224099,#12163099);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--t) var(--ease),background var(--t) var(--ease);animation:fade-in-up var(--t-slow) var(--ease) both;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.help-accordion .help-item:nth-child(1){animation-delay:.02s}.help-accordion .help-item:nth-child(2){animation-delay:.04s}.help-accordion .help-item:nth-child(3){animation-delay:.06s}.help-accordion .help-item:nth-child(4){animation-delay:.08s}.help-accordion .help-item:nth-child(5){animation-delay:.1s}.help-accordion .help-item:nth-child(6){animation-delay:.12s}.help-accordion .help-item:nth-child(7){animation-delay:.14s}.help-accordion .help-item:nth-child(8){animation-delay:.16s}.help-accordion .help-item:nth-child(9){animation-delay:.18s}.help-accordion .help-item:nth-child(10){animation-delay:.2s}.help-item:hover{border-color:var(--border-hi)}.help-item.is-open{border-color:var(--primary);box-shadow:0 6px 28px #4f8bff2e}.help-item__head{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:transparent;border:none;cursor:pointer;text-align:left;font-size:var(--fs-md);font-weight:500;color:var(--text);transition:background var(--t) var(--ease)}.help-item__head:hover{background:#4f8bff0d}.help-item__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--violet) 100%);color:#fff;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 4px 14px #4f8bff4d}.help-item__title{flex:1;letter-spacing:-.1px}.help-item__chevron{color:var(--text-dim);font-size:14px;transition:transform var(--t) var(--ease),color var(--t) var(--ease)}.help-item.is-open .help-item__chevron{transform:rotate(180deg);color:var(--primary)}.help-item__body{padding:4px var(--sp-4) var(--sp-4) calc(var(--sp-4) + 40px);color:var(--text-dim);font-size:var(--fs-base);line-height:1.65;animation:fade-in var(--t) var(--ease)}.help-item__body b{color:var(--text);font-weight:600}.help-item__body code{background:#4f8bff1f;color:var(--primary-hi);padding:2px 7px;border-radius:5px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:12px;border:1px solid rgba(79,139,255,.2)}.help-h4{font-size:13px;font-weight:600;color:var(--text);margin:14px 0 8px;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-hi)}.help-h4:first-child{margin-top:0}.help-list{list-style:none;padding-left:0;margin:0;counter-reset:helpli}.help-list li{position:relative;padding-left:22px;margin-bottom:8px}.help-list li:before{content:"";position:absolute;left:6px;top:.6em;width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary)}.help-list--num{counter-reset:helpli}.help-list--num>li{padding-left:32px;counter-increment:helpli}.help-list--num>li:before{content:counter(helpli);background:linear-gradient(135deg,var(--primary) 0%,var(--violet) 100%);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;left:0;top:.15em;box-shadow:0 4px 10px #4f8bff66}.help-list ul{list-style:none;padding-left:14px;margin-top:6px}.help-list ul li:before{background:var(--text-dim);box-shadow:none;width:4px;height:4px}.help-warn{margin-top:14px;padding:12px 14px;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:#fbbf24;font-size:13px}.help-faq{display:flex;flex-direction:column;gap:6px}.help-faq details{border:1px solid var(--border);border-radius:10px;background:#080a1c66;overflow:hidden;transition:border-color var(--t) var(--ease)}.help-faq details:hover{border-color:var(--border-hi)}.help-faq details[open]{border-color:var(--primary);background:#4f8bff0d}.help-faq summary{padding:12px 16px;cursor:pointer;font-weight:500;font-size:14px;color:var(--text);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color var(--t) var(--ease)}.help-faq summary::-webkit-details-marker{display:none}.help-faq summary:after{content:"+";color:var(--primary);font-size:18px;font-weight:300;transition:transform var(--t) var(--ease)}.help-faq details[open] summary:after{transform:rotate(45deg)}.help-faq details p{padding:0 16px 14px;color:var(--text-dim);font-size:13px;line-height:1.6}.help-foot{padding:24px 28px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg,#1c224073,#12163073);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in-up var(--t-slow) var(--ease)}.help-foot h3{font-size:13px;color:var(--text-dim);margin-bottom:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:500}.help-links{display:flex;flex-wrap:wrap;gap:8px 18px}.help-links a{color:var(--primary-hi);font-size:14px;text-decoration:none;border-bottom:1px dashed transparent;transition:border-color var(--t) var(--ease),color var(--t) var(--ease)}.help-links a:hover{color:var(--cyan);border-bottom-color:var(--cyan)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary) 0%,var(--violet) 100%);border-radius:8px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-hi) 0%,#a78bfa 100%)}::selection{background:#4f8bff66;color:#fff}@media (max-width: 1024px){html,body{overflow-x:hidden}.app{display:flex!important;flex-direction:column!important;min-height:100vh}.sidebar{width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;position:sticky!important;top:0!important;left:0!important;border-right:none!important;border-bottom:1px solid var(--border);display:flex!important;flex-direction:row!important;align-items:stretch!important;z-index:20;padding:0;background:linear-gradient(180deg,#121630f2,#0c0e24f2);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.sidebar__head{border-bottom:none;border-right:1px solid var(--border);padding:12px 16px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;min-width:0}.sidebar__logo{font-size:15px;line-height:1.2}.sidebar__sub{font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__menu{flex:1 1 auto;display:flex!important;flex-direction:row!important;padding:8px 6px;overflow-x:auto;overflow-y:hidden;gap:2px;scrollbar-width:none;min-width:0;align-items:center;-webkit-overflow-scrolling:touch}.sidebar__menu::-webkit-scrollbar{display:none}.sidebar__item{flex:0 0 auto;width:auto!important;padding:9px 14px!important;border-radius:9px;font-size:13px;gap:7px;white-space:nowrap}.sidebar__item:before{display:none}.sidebar__item:hover{padding-left:14px!important;background:#4f8bff14}.sidebar__item.is-active{background:linear-gradient(135deg,var(--primary-dim) 0%,rgba(139,92,246,.1) 100%);box-shadow:0 0 0 1px var(--border-hi)}.sidebar__icon{font-size:14px}.sidebar__foot{padding:10px 14px;border-top:none;border-left:1px solid var(--border);flex-shrink:0;display:flex;align-items:center}.sidebar__logout{padding:8px 14px;font-size:12px;white-space:nowrap}.main{padding:24px 20px;width:100%;flex:1 1 auto}.section{max-width:100%}.section__head h1{font-size:24px}.section__head{margin-bottom:22px;flex-wrap:wrap;gap:10px}.staff-grid{grid-template-columns:1fr;gap:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.stats-row{gap:12px}.help-hero{flex-direction:column;align-items:flex-start;padding:22px}.help-hero__actions{width:100%}.help-hero__actions .btn{flex:1;text-align:center}}@media (max-width: 600px){.sidebar{padding:0}.sidebar__head{padding:10px 12px;border-right:1px solid var(--border)}.sidebar__sub{display:none}.sidebar__logo{font-size:14px}.sidebar__menu{padding:6px 4px}.sidebar__item{padding:8px 11px;font-size:12px;gap:6px}.sidebar__item span:last-child{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__foot{padding:6px 10px}.sidebar__logout{padding:7px 10px;font-size:11px}.main{padding:20px 14px}.section__head h1{font-size:20px;letter-spacing:-.3px}.grid{grid-template-columns:1fr;gap:12px}.ch-card{padding:18px}.ch-card__title{font-size:15px}.stats-row{gap:10px}.stat{padding:16px 18px;min-width:unset}.stat__value{font-size:22px}.table{font-size:12px}.table th,.table td{padding:11px 12px}.bar-chart{height:180px;padding:16px;gap:3px}.bar-chart__day{font-size:9px}.ch-dist-row{grid-template-columns:130px 1fr 36px;gap:10px}.ch-dist-row__label{font-size:12px}.tpl-card{padding:14px 16px}.tpl-card__head{flex-wrap:wrap;gap:8px}.settings-block{padding:18px 20px}.settings-block h3{font-size:14px}.help-hero{padding:18px;gap:14px}.help-hero__text h2{font-size:17px}.help-hero__text p{font-size:13px}.help-hero__actions{flex-direction:column;gap:8px}.help-hero__actions .btn{width:100%;padding:11px 14px}.help-item__head{padding:13px 14px;gap:10px}.help-item__icon{width:28px;height:28px;font-size:13px;border-radius:7px}.help-item__title{font-size:14px}.help-item__body{padding:2px 16px 18px 52px;font-size:13px}.help-foot{padding:18px 20px}.help-links{flex-direction:column;gap:8px}.modal-overlay{padding:0;align-items:flex-end}.modal{width:100%;max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:22px 18px;animation:slide-up-mobile var(--t-slow) var(--ease)}.modal h2{font-size:17px;margin-bottom:16px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%;padding:12px}.qr-img{width:200px;height:200px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px 14px}.staff-row{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}.staff-row .btn{width:100%}.staff-row__badge{width:32px;height:32px;font-size:13px}.login__box{padding:32px 24px;width:100%}.login__box h1{font-size:22px}.section{max-width:100%}}@keyframes slide-up-mobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.bg-fx__aurora{opacity:.4;filter:blur(60px)}.bg-fx__canvas,.bg-fx__cursor{display:none}.bg-fx__grid{background-size:36px 36px}}