:root{--color-black: #000000;--color-white: #ffffff;--color-neutral-950: #0d0d0d;--color-neutral-850: #121212;--color-neutral-750: #1d1d1d;--color-neutral-700: #212121;--color-neutral-650: #2b2b2b;--color-neutral-600: #303030;--color-neutral-500: #666666;--color-neutral-400: #999999;--color-neutral-300: #c4c4c4;--color-neutral-200: #e6e6e6;--color-periwinkle: #9199ff;--color-coral: #f99d9f;--color-mauve: #e49cbb;--color-blush: #fadfe0;--color-info: #0099ff;--color-success: #1bb568;--color-warning: #eaaa08;--color-danger: #ff4405;--gradient-brand: linear-gradient(180deg, #f99d9f 0%, #9199ff 100%);--gradient-brand-soft: linear-gradient( 135deg, rgba(249, 157, 159, .28) 0%, rgba(145, 153, 255, .28) 100% );--gradient-card: linear-gradient(137deg, #121212 0%, #000000 100%);--bg-page: var(--color-black);--bg-sidebar: var(--color-neutral-950);--bg-card: var(--gradient-card);--bg-elevated: var(--color-neutral-750);--bg-hover: var(--color-neutral-700);--bg-input: var(--color-neutral-750);--border-subtle: #141414;--border-default: var(--color-neutral-600);--border-focus: var(--color-periwinkle);--text-primary: var(--color-white);--text-secondary: var(--color-neutral-300);--text-muted: var(--color-neutral-400);--text-disabled: var(--color-neutral-500);--text-inverse: var(--color-black);--text-accent: var(--color-periwinkle);--btn-primary-bg: var(--color-white);--btn-primary-text: var(--color-black);--btn-primary-hover: var(--color-neutral-200);--btn-secondary-bg: var(--color-neutral-750);--btn-secondary-text: var(--color-white);--accent-primary: var(--color-periwinkle);--accent-secondary: var(--color-coral);--focus-ring: rgba(145, 153, 255, .45);--glow-brand: 0 0 80px rgba(145, 153, 255, .35), 0 0 120px rgba(249, 157, 159, .25);--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 100px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 44px;--space-8: 64px;--sidebar-width: 260px;--sidebar-collapsed: 84px;--header-height: 72px;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Inter", system-ui, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-normal: .25s}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input{outline:none}.app-glow{position:fixed;top:-140px;left:50%;width:420px;height:280px;transform:translate(-50%);background:var(--gradient-brand);filter:blur(100px);opacity:.4;pointer-events:none;z-index:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 22px;border-radius:var(--radius-pill);font-weight:500;text-decoration:none;color:inherit;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-subtle)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.btn--ghost{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn--danger{background:transparent;border:1px solid rgba(255,68,5,.45);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:#ff44051f}.btn--block{width:100%}.btn--sm{padding:6px 12px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field__label{color:var(--text-muted);font-size:var(--text-xs)}.field__input{width:100%;min-height:48px;padding:12px 16px;border-radius:var(--radius-pill);background:var(--bg-input);border:1px solid var(--border-default);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.field__input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.field__input::placeholder{color:var(--text-disabled)}.form-error{margin:0 0 var(--space-4);padding:12px 14px;border-radius:var(--radius-md);background:#ff44051f;border:1px solid rgba(255,68,5,.35);color:#ffb4a0;font-size:var(--text-sm)}.auth-page{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);z-index:1}.auth-card{width:min(420px,100%);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}@media(max-width:480px){.auth-page{padding:var(--space-4);align-items:stretch;place-items:stretch}.auth-card{padding:var(--space-5);border-radius:var(--radius-md)}.app-glow{width:280px;height:200px;opacity:.28}}.auth-card__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.auth-card__logo{width:32px;height:32px;border-radius:9px;background:var(--gradient-brand);box-shadow:var(--glow-brand)}.auth-card__title{margin:0 0 6px;font-size:var(--text-xl);font-weight:600;letter-spacing:-.03em}.auth-card__subtitle{margin:0 0 var(--space-5);color:var(--text-muted)}.auth-card__footer{margin-top:var(--space-5);text-align:center;color:var(--text-muted)}.auth-card__footer a{color:var(--accent-primary)}.auth-card__footer a:hover{text-decoration:underline}.form-success{margin:0 0 var(--space-4);padding:12px 14px;border-radius:var(--radius-md);background:#1bb5681f;border:1px solid rgba(27,181,104,.35);color:#8dffc0;font-size:var(--text-sm)}.shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-rows:var(--header-height) 1fr}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-5);background:#0000008c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.header__brand{display:flex;align-items:center;gap:var(--space-3)}.header__logo{width:28px;height:28px;border-radius:8px;background:var(--gradient-brand);box-shadow:var(--glow-brand)}.header__name{font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.header__profile{position:relative}.profile-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.profile-btn:hover,.profile-btn[aria-expanded=true]{background:var(--bg-hover);color:var(--text-primary)}.profile-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;padding:6px;border-radius:var(--radius-md);background:var(--color-neutral-950);border:1px solid var(--border-default);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:2px}.profile-menu__item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.profile-menu__item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-menu__item--danger:hover{color:#ffb4a0;background:#ff44051f}.shell__body{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:calc(100vh - var(--header-height));transition:grid-template-columns var(--duration-normal) var(--ease-out)}.shell__body.is-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));padding:var(--space-4);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-4)}.sidebar__toggle{align-self:flex-end;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sidebar__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.nav__spacer{flex:0 0 auto;height:56px;margin-top:var(--space-4)}.nav__item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav__item:hover{background:var(--bg-hover);color:var(--text-secondary)}.nav__item.is-active{background:#9199ff1f;color:var(--text-primary)}.nav__item.is-active .nav__icon{color:var(--accent-primary)}.nav__icon{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center}.nav__icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav__label{white-space:nowrap;overflow:hidden}.shell__body.is-collapsed .nav__label,.shell__body.is-collapsed .nav__item{justify-content:center}.shell__body.is-collapsed .nav__item{padding-inline:0}.shell__body.is-collapsed .nav__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.content{padding:var(--space-6);min-width:0}.board-empty{min-height:360px;border-radius:var(--radius-lg);border:1px dashed var(--border-default);background:#ffffff05;display:grid;place-items:center;text-align:center;padding:var(--space-6)}.board-empty h1{margin:0 0 var(--space-2);font-size:var(--text-xl);letter-spacing:-.03em}.board-empty p{margin:0;color:var(--text-muted);max-width:360px}.page-stub{max-width:640px}.page-stub h1{margin:0 0 var(--space-2);font-size:var(--text-xl);letter-spacing:-.03em}.page-stub p{margin:0;color:var(--text-muted)}@media(max-width:860px){.shell__body,.shell__body.is-collapsed{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle);padding:var(--space-3)}.nav{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-1);padding-bottom:2px}.nav__spacer{display:none}.nav__item{flex:0 0 auto}.shell__body.is-collapsed .nav__label{position:static;width:auto;height:auto;clip:auto;overflow:visible}.shell__body.is-collapsed .nav__item{justify-content:flex-start;padding:10px 12px}.sidebar__toggle{display:none}.content{padding:var(--space-4)}.header{padding:0 var(--space-4)}}@media(max-width:640px){.content{padding:var(--space-3)}.panel{padding:var(--space-4)}.cabinet-page__head h1{font-size:var(--text-lg)}.connection-actions .btn{width:100%}.plan-card__price{font-size:var(--text-xl)}.data-table{font-size:12px}}.cabinet-page{width:100%;max-width:100%;margin-inline:auto}.cabinet-page__head h1{margin:0 0 var(--space-2);font-size:var(--text-xl);letter-spacing:-.03em}.cabinet-page__head p{margin:0 0 var(--space-5);color:var(--text-muted)}.notice-banner{margin:0 0 var(--space-5);padding:14px 16px;border-radius:var(--radius-md);background:#9199ff1f;border:1px solid rgba(145,153,255,.35);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.notice-banner strong{color:var(--text-primary)}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.panel__title{margin:0;font-size:var(--text-base);font-weight:600}.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-pill);background:#ffffff0f;color:var(--text-secondary);font-size:var(--text-xs)}.chip--up{color:var(--color-success);background:#1bb5681f}.chip--sale{color:#ffd8a8;background:#ff8c4229;border:1px solid rgba(255,140,66,.35)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--space-3);margin:0}.meta-grid dt{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:4px}.meta-grid dd{margin:0;font-weight:500}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-4);margin-top:var(--space-5)}.plan-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.plan-card--muted{opacity:.85}.plan-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.plan-card h2{margin:0;font-size:var(--text-lg);letter-spacing:-.02em}.plan-card__desc{margin:0;color:var(--text-muted);flex:1}.plan-card__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.plan-card__price{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.04em}.plan-card__price-old{font-size:var(--text-base);color:var(--text-muted);text-decoration:line-through}.plan-card__days{color:var(--text-secondary);font-size:var(--text-sm)}.connection-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.steps-list{margin:0;padding-left:1.2rem;color:var(--text-secondary);line-height:1.6}.steps-list li+li{margin-top:var(--space-3)}.muted-note{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table th{color:var(--text-muted);font-weight:500}.table-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:var(--space-4);background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-fade-in .18s var(--ease-out)}.modal{width:min(520px,100%);max-height:min(720px,calc(100vh - 32px));background:var(--gradient-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;animation:modal-rise-in .22s var(--ease-out)}.chat-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle)}.chat-modal__head h2{margin:0;font-size:var(--text-lg);font-weight:600}.chat-modal__sub{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.chat-modal__close{flex-shrink:0;min-width:36px;padding-inline:10px}.chat-modal__body{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:radial-gradient(ellipse at top left,rgba(249,157,159,.08),transparent 45%),radial-gradient(ellipse at bottom right,rgba(145,153,255,.1),transparent 50%),var(--color-neutral-950);min-height:280px}.chat-modal__status{margin:auto;text-align:center;max-width:28ch}.chat-bubble{max-width:min(78%,360px);padding:10px 12px 8px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.chat-bubble--in{align-self:flex-start;background:var(--color-neutral-750);border:1px solid var(--border-subtle);border-bottom-left-radius:4px}.chat-bubble--out{align-self:flex-end;background:linear-gradient(135deg,#f99d9f59,#9199ff66);border:1px solid rgba(145,153,255,.35);border-bottom-right-radius:4px}.chat-bubble__text{margin:0;white-space:pre-wrap;word-break:break-word;font-size:var(--text-sm);line-height:1.45;color:var(--text-primary)}.chat-bubble__time{align-self:flex-end;font-size:11px;color:var(--text-muted)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(ellipse at top,rgba(249,157,159,.12),transparent 42%),radial-gradient(ellipse at bottom,rgba(145,153,255,.12),transparent 48%),var(--bg-page)}.chat-page__shell{width:min(420px,100%);height:min(860px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;background:var(--gradient-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.chat-page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);background:#00000059}.chat-page__peer h1{margin:0;font-size:var(--text-lg);font-weight:600;line-height:1.25}.chat-page__peer p{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.chat-page__body{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:radial-gradient(ellipse at top left,rgba(249,157,159,.08),transparent 45%),radial-gradient(ellipse at bottom right,rgba(145,153,255,.1),transparent 50%),var(--color-neutral-950)}.chat-page__status{margin:auto;text-align:center;max-width:28ch}.chat-day{display:flex;flex-direction:column;gap:var(--space-3)}.chat-day__label{align-self:center;margin:var(--space-2) 0;padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;letter-spacing:.02em}@media(max-width:480px){.chat-page{padding:0}.chat-page__shell{width:100%;height:100vh;border-radius:0;border:none}}