:root{--bg: #0b050d;--bg-gradient: radial-gradient(circle at 50% -20%, #290d28 0%, #0b050d 75%);--surface-1: #140b17;--surface-2: #1e1022;--surface-3: #27142c;--surface-input: #180d1b;--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 101, 0, .45);--border-focus: #ff6500;--header-bg: rgba(20, 11, 23, .88);--brand-start: #ff6500;--brand-end: #701b6e;--brand: linear-gradient(135deg, var(--brand-start) 0%, var(--brand-end) 100%);--brand-glow: rgba(255, 101, 0, .32);--brand-soft: rgba(255, 101, 0, .12);--diamond: #ff8533;--diamond-glow: rgba(255, 133, 51, .28);--text: #fbf8fc;--text-dim: #a494a8;--text-mute: #726276;--text-on-brand: #ffffff;--danger: #ff4343;--danger-soft: rgba(255, 67, 67, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--warning-ink: #1a1008;--success: #10b981;--success-soft: rgba(16, 185, 129, .14);--info: #3b82f6;--info-soft: rgba(59, 130, 246, .14);--tier-1: linear-gradient(135deg, #4a1a5e 0%, #6b2378 100%);--tier-2: linear-gradient(135deg, #6b2378 0%, #8e2a72 100%);--tier-3: linear-gradient(135deg, #8e2a72 0%, #b03363 100%);--tier-4: linear-gradient(135deg, #b03363 0%, #cf4548 100%);--tier-5: linear-gradient(135deg, #cf4548 0%, #e85c24 100%);--tier-6: linear-gradient(135deg, #e85c24 0%, #ff8c1a 100%);--tier-solid-1: 74, 26, 94;--tier-solid-2: 107, 35, 120;--tier-solid-3: 142, 42, 114;--tier-solid-4: 176, 51, 99;--tier-solid-5: 207, 69, 72;--tier-solid-6: 232, 92, 36;--banner-glow: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, .22), transparent 62%);--banner-fade: linear-gradient(to top, rgba(8, 4, 10, .72) 0%, rgba(8, 4, 10, .15) 55%, transparent 100%);--shadow-card: 0 12px 28px -10px rgba(0, 0, 0, .7);--shadow-modal: 0 24px 60px -12px rgba(0, 0, 0, .8);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-full: 9999px;--transition-fast: .18s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--content-max: 42rem;--gutter: 16px;color-scheme:dark}:root[data-theme=light]{--bg: #fbf8fb;--bg-gradient: radial-gradient(circle at 50% -25%, #f6e7f3 0%, #fbf8fb 62%);--surface-1: #ffffff;--surface-2: #f6f1f6;--surface-3: #ece3ed;--surface-input: #ffffff;--border: #e7dbe9;--border-hi: #ff8c3d;--header-bg: rgba(255, 255, 255, .86);--brand-glow: rgba(255, 101, 0, .2);--brand-soft: rgba(255, 101, 0, .1);--diamond: #c2410c;--diamond-glow: rgba(194, 65, 12, .18);--text: #190e1d;--text-dim: #574360;--text-mute: #6f6278;--danger: #c81e1e;--danger-soft: #fdeaea;--warning: #9a4a07;--warning-soft: #fdf0e0;--warning-ink: #ffffff;--success: #046c4e;--success-soft: #e6f5ee;--info: #1d4ed8;--info-soft: #e8edfc;--shadow-card: 0 1px 2px rgba(43, 20, 48, .06), 0 10px 24px -12px rgba(43, 20, 48, .18);--shadow-modal: 0 2px 6px rgba(43, 20, 48, .08), 0 28px 60px -18px rgba(43, 20, 48, .28);--banner-fade: linear-gradient(to top, rgba(8, 4, 10, .6) 0%, rgba(8, 4, 10, .08) 58%, transparent 100%);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;background-color:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color var(--transition-fast),color var(--transition-fast)}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-center{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--gutter)}.btn{height:44px;padding:0 18px;border:none;border-radius:var(--r-md);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:filter var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--block{width:100%}.btn--primary{background:var(--brand);color:var(--text-on-brand);box-shadow:0 4px 14px var(--brand-glow)}.btn--primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 6px 18px var(--brand-glow)}.btn--primary:active:not(:disabled){filter:brightness(.95)}.btn--ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.btn--ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn--danger{background:var(--danger-soft);border:1px solid transparent;color:var(--danger)}.btn--danger:hover:not(:disabled){border-color:var(--danger)}.btn-icon{width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--surface-3);color:var(--text);border-color:var(--border-hi)}.btn-icon svg{width:18px;height:18px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-card)}:root[data-theme=light] .card{border-color:#ff650047;border-top:3px solid var(--brand-start)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card__title{font-size:15px;font-weight:700;letter-spacing:-.01em}.card__label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.chip--success{background:var(--success-soft);color:var(--success)}.chip--warning{background:var(--warning-soft);color:var(--warning)}.chip--danger{background:var(--danger-soft);color:var(--danger)}.chip--info{background:var(--info-soft);color:var(--info)}.chip--brand{background:var(--brand-soft);color:var(--diamond)}.chip--muted{background:var(--surface-2);color:var(--text-mute)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12.5px;font-weight:600;color:var(--text-dim)}.field__wrap{position:relative;display:flex;align-items:center}.field__input{width:100%;height:46px;padding:0 14px;background:var(--surface-input);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field__input::placeholder{color:var(--text-mute)}.field__input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-soft)}.field__input--mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:17px;letter-spacing:.04em}.field__input--hasAction{padding-right:46px}.field__action{position:absolute;right:6px;width:34px;height:34px;border:none;background:transparent;color:var(--text-mute);border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.field__action:hover{color:var(--text);background:var(--surface-2)}.field__hint{font-size:11.5px;color:var(--text-mute)}.field__error{font-size:11.5px;color:var(--danger)}.alert{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--r-md);font-size:13px;line-height:1.45}.alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.alert--danger{background:var(--danger-soft);color:var(--danger);border-left:3px solid var(--danger)}.alert--warning{background:var(--warning-soft);color:var(--warning);border-left:3px solid var(--warning)}.alert--success{background:var(--success-soft);color:var(--success);border-left:3px solid var(--success)}.alert--info{background:var(--brand-soft);color:var(--diamond);border-left:3px solid var(--brand-start)}.modal-backdrop{--modal-gap: 16px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#060308b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--modal-gap);animation:modal-in .16s ease}.modal{display:flex;flex-direction:column;width:100%;min-width:0;max-width:460px;max-height:calc(100vh - 2 * var(--modal-gap));max-height:calc(100dvh - 2 * var(--modal-gap));overflow:hidden;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);animation:modal-rise .18s cubic-bezier(.16,1,.3,1)}.modal--wide{max-width:620px}.modal__head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--surface-1)}.modal__title{min-width:0;font-size:16px;font-weight:700;overflow-wrap:anywhere}.modal__head .btn-icon{flex-shrink:0}.modal__body{min-height:0;padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain}.modal__body>*{flex-shrink:0}.modal__foot{display:flex;flex-shrink:0;gap:10px;padding:0 18px 18px}.modal__foot .btn{flex:1}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){.modal{max-width:380px}.modal--wide{max-width:100%}.modal__head{gap:8px;padding:10px 14px}.modal__title{font-size:14px;line-height:1.35}.modal__body{gap:12px;padding:14px;font-size:12px}.modal__foot{gap:8px;padding:0 14px 14px}.modal .btn{padding-inline:12px;font-size:12px}.modal .field{gap:5px}.modal .field__label{font-size:12px}.modal .field__input{height:42px;padding-inline:11px;font-size:16px}.modal .field__input--mono{letter-spacing:.02em}.modal .field__input--hasAction{padding-right:44px}.modal .field__hint,.modal .field__error{font-size:11px;line-height:1.4}.modal .alert{gap:8px;padding:9px 11px;font-size:12px}}.empty{padding:44px 20px;text-align:center;background:var(--surface-1);border:1px dashed var(--border);border-radius:var(--r-lg)}.empty__icon{width:44px;height:44px;margin:0 auto 14px;color:var(--text-mute)}.empty__title{font-size:16px;font-weight:600;margin-bottom:5px}.empty__desc{font-size:13px;color:var(--text-dim);max-width:340px;margin:0 auto}.spinner{border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand-start);animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:pulse 1.2s ease-in-out infinite;border-top-color:var(--border);background:var(--brand-soft)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.pwd-rules{list-style:none;display:flex;flex-direction:column;gap:5px;margin-top:-6px}.pwd-rules li{font-size:11.5px;color:var(--text-mute);display:flex;align-items:center;gap:7px}.pwd-rules li:before{content:"○";font-size:11px;line-height:1}.pwd-rules li.is-ok{color:var(--success)}.pwd-rules li.is-ok:before{content:"✓";font-weight:700}.topbar{position:sticky;top:0;z-index:40;background:var(--header-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}.topbar__actions{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand__mark{border-radius:var(--r-md);background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--brand-glow);flex-shrink:0}.brand__text{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:400px){.brand__text{display:none}}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:24px var(--gutter);position:relative}.login__theme{position:absolute;top:16px;right:16px}.login__card{width:100%;max-width:400px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 24px 24px;box-shadow:var(--shadow-card)}.login__brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:26px}.login__name{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-top:10px}.login__sub{font-size:12.5px;color:var(--text-dim)}.login__title{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:18px}.login__fields{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.login__alert{margin-bottom:16px}.login__foot{margin-top:20px;text-align:center;font-size:11.5px;color:var(--text-mute)}@media(max-width:400px){.login__card{padding:26px 18px 20px}}