:root{--bg:#08101d;--bg-2:#0c1627;--panel:#0f1829e0;--panel-2:#131f35e6;--panel-3:#192743db;--border:#a7bdff29;--border-strong:#84a7ff47;--text:#edf4ff;--muted:#98a8c8;--primary:#4b74ff;--primary-2:#80a4ff;--mint:#27d2a0;--gold:#f5be4b;--violet:#8d7bff;--danger:#ff5d6a;--shadow:0 24px 72px #020a1b57;--radius-lg:28px;--radius-md:20px;--radius-sm:16px;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 12% 18%,#5075ff38,#0000 0 24%),radial-gradient(circle at 88% 10%,#27d2a029,#0000 0 18%),linear-gradient(#08101d 0%,#0b1423 55%,#08101d 100%);margin:0}body{min-height:100vh;overflow-x:hidden}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-page,.loading-screen{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-aurora,.admin-background,.loading-orb,.loading-ring{pointer-events:none;filter:blur(6px);position:absolute}.login-aurora,.admin-background{opacity:.34;border-radius:999px;width:32rem;height:32rem;animation:12s ease-in-out infinite floatGlow}.login-aurora-a,.admin-background-a{background:radial-gradient(circle,#4b74ffcc 0%,#4b74ff1f 58%,#0000 72%);top:-12rem;left:-8rem}.login-aurora-b,.admin-background-b{background:radial-gradient(circle,#27d2a0c7 0%,#27d2a01a 55%,#0000 72%);animation-delay:-4s;bottom:-14rem;right:-10rem}.login-card,.panel,.metric-card,.product-card,.sub-card,.hero-panel{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#121d31f2 0%,#0c1422f2 100%);position:relative}.login-card{z-index:1;border-radius:32px;gap:16px;width:min(100%,440px);padding:32px;display:grid}.brand-badge,.page-kicker,.loading-chip{color:#cfe0ff;text-transform:uppercase;letter-spacing:.08em;background:#4b74ff24;border-radius:999px;width:fit-content;padding:8px 14px;font-size:12px;font-weight:800}.login-card h1,.loading-copy h1{margin:0;font-size:clamp(2rem,4vw,2.5rem);line-height:1.02}.login-card p,.loading-copy p,.panel-head p,.hero-panel p,.sidebar-promo span{color:var(--muted);margin:0;line-height:1.7}.login-card label,.form-grid label{color:var(--muted);gap:8px;font-size:13px;display:grid}.login-card label span,.form-grid label span{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.login-card input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;min-height:52px;color:var(--text);background:#ffffff08;border:1px solid #9bb4ff29;border-radius:18px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}.form-grid select,.login-card select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;background:linear-gradient(#121d31f5 0%,#0c1422f5 100%)}.form-grid select option,.login-card select option,.form-grid select optgroup,.login-card select optgroup{color:#edf4ff;background:#13213a}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 0 0 4px #4b74ff24}.form-grid textarea{resize:vertical;min-height:120px}.primary-btn,.ghost-btn,.danger-btn,.login-card button,.toast,.nav-item,.menu-toggle{border:1px solid #0000;border-radius:16px;transition:transform .18s,opacity .2s,border-color .2s,background .2s}.primary-btn,.login-card button{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;padding:13px 18px;font-weight:800}.ghost-btn{color:var(--text);border-color:var(--border);background:#ffffff0a;padding:12px 16px;font-weight:700}.ghost-btn.subtle-danger{color:#ffccd2;border-color:#ff5d6a33}.danger-btn{color:#ffd5d9;background:#ff5d6a1f;border-color:#ff5d6a4d;padding:12px 16px;font-weight:700}.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover,.login-card button:hover,.nav-item:hover,.menu-toggle:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled,.login-card button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-screen{gap:18px}.loading-orb{background:radial-gradient(circle,#4b74fff2 0%,#4b74ff29 55%,#0000 70%);border-radius:999px;width:10rem;height:10rem;animation:2.4s ease-in-out infinite pulseGlow}.loading-ring{border:1px solid #8ea8ff29;border-radius:999px;width:14rem;height:14rem}.loading-ring-a{animation:8s linear infinite rotateRing}.loading-ring-b{width:18rem;height:18rem;animation:10s linear infinite rotateRingReverse}.loading-copy{z-index:1;text-align:center;justify-items:center;gap:12px;display:grid;position:relative}.admin-root{grid-template-columns:310px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar{z-index:30;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#09101dd1;align-content:start;gap:18px;height:100vh;padding:24px 18px;display:grid;position:sticky;top:0}.sidebar-brand{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex}.brand-mark{color:#0a1020;background:linear-gradient(135deg,#ffd86b,#fb3);border-radius:18px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:900;display:grid;box-shadow:0 16px 24px #fb33}.sidebar-brand strong{font-size:18px;display:block}.sidebar-brand span{color:var(--muted);font-size:12px}.sidebar-promo{background:linear-gradient(145deg,#4b74ff2e,#27d2a014);border:1px solid #7b9bff38;border-radius:22px;gap:6px;padding:18px;display:grid}.sidebar-promo small{color:#d8e4ff;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.sidebar-promo strong{font-size:18px}.sidebar-nav{gap:8px;display:grid}.nav-item{text-align:left;width:100%;color:var(--muted);background:0 0;align-items:center;gap:12px;padding:14px;display:flex}.nav-item__icon{color:#dbe7ff;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:14px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.nav-item__copy{gap:2px;display:grid}.nav-item__copy strong{color:var(--text);font-size:14px}.nav-item__copy small{color:var(--muted)}.nav-item.active{background:linear-gradient(135deg,#4b74ff2e,#80a4ff14);border-color:#84a7ff42;box-shadow:inset 0 0 0 1px #84a7ff2e}.nav-item.active .nav-item__icon{background:linear-gradient(135deg,#4b74ffdb,#80a4ff66)}.sidebar-backdrop{z-index:20;background:#03091394;border:0;position:fixed;inset:0}.admin-main{gap:18px;padding:24px;display:grid}.topbar{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#101b2df5,#0c1422eb);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.topbar-main{align-items:center;gap:16px;display:flex}.topbar h1{margin:4px 0 0;font-size:clamp(1.6rem,3vw,2.2rem)}.topbar p{color:var(--muted);margin:6px 0 0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.topbar-pill{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;gap:2px;padding:12px 14px;display:grid}.topbar-pill strong{font-size:13px}.topbar-pill span{color:var(--muted);font-size:12px}.menu-toggle{background:#ffffff0a;border-color:#ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:52px;height:52px;padding:0;display:none}.menu-toggle span{background:var(--text);border-radius:999px;width:18px;height:2px}.admin-content,.page-stack,.page-grid{gap:20px;display:grid}.page-enter{animation:.28s pageEnter}.hero-panel{border-radius:32px;grid-template-columns:1.5fr 1fr;gap:20px;padding:26px;display:grid}.hero-panel h2{margin:10px 0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.04}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hero-stats>div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:22px;gap:6px;padding:18px;display:grid}.hero-stats strong{font-size:28px}.hero-stats span{color:var(--muted)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metrics-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border-radius:24px;gap:8px;padding:18px;display:grid;overflow:hidden}.metric-card:after{content:"";background:#ffffff14;border-radius:999px;width:150px;height:150px;position:absolute;inset:auto -50px -60px auto}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{font-size:clamp(1.5rem,3vw,2rem)}.accent-blue{border-color:#4b74ff4d}.accent-gold{border-color:#f5be4b47}.accent-mint{border-color:#27d2a047}.accent-violet{border-color:#8d7bff47}.panel{border-radius:var(--radius-lg);padding:22px;overflow:hidden}.panel-head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px;display:flex}.panel-head h3{margin:0;font-size:20px}.panel-head p{margin-top:6px}.panel-note{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;margin-top:16px;padding:14px 16px}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.split-grid--dashboard{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}.catalog-grid{grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:20px;display:grid}.catalog-grid__list{gap:16px;display:grid}.catalog-editor{align-self:start;position:sticky;top:24px}.catalog-modal{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a18b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.catalog-modal__panel{grid-template-rows:auto minmax(0,1fr);width:min(1040px,100%);max-height:min(88vh,980px);display:grid;overflow:hidden;box-shadow:0 28px 80px #0000006b}.catalog-modal__head{border-bottom:1px solid #ffffff14;margin-bottom:0;padding-bottom:18px}.catalog-modal__body{margin-top:18px;padding-right:6px;overflow:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.row-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.list-stack{gap:12px;display:grid}.list-row{color:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.list-row small{color:var(--muted);margin-top:4px;display:block}.list-row--stack{flex-direction:column;align-items:stretch}.selectable{text-align:left;background:#ffffff08;width:100%}.selectable.active{background:linear-gradient(135deg,#4b74ff1f,#80a4ff0d);border-color:#84a7ff47}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:14px 12px;font-size:13px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.mono{font-family:Consolas,monospace;font-size:12px}.inline-pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,monospace;font-size:12px;line-height:1.55}.product-card,.sub-card{border-radius:24px}.product-card{grid-template-columns:126px minmax(0,1fr);gap:16px;padding:18px;transition:border-color .2s,transform .18s;display:grid}.product-card.active,.product-card:hover{border-color:#84a7ff47;transform:translateY(-1px)}.product-card__media,.preview-card__media{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:22px;place-items:center;display:grid;overflow:hidden}.product-card__media span,.preview-card__media span{color:var(--muted);font-weight:700}.product-card__media img,.preview-card__media img{object-fit:cover;width:100%;height:100%}.product-card__body{gap:10px;display:grid}.product-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.product-head h4{margin:0;font-size:20px}.product-head small{color:var(--muted)}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{color:#dbe6ff;background:#4b74ff1f;border:1px solid #84a7ff29;border-radius:999px;align-items:center;padding:8px 11px;font-size:12px;display:inline-flex}.sub-card{padding:18px}.variant-card{gap:14px;display:grid}.variant-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.variant-card__head strong{font-size:15px;display:block}.variant-card__head small{color:var(--muted)}.check{align-items:center;gap:10px;color:var(--text)!important;display:flex!important}.check input{width:auto;min-height:auto}.preview-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:18px;display:grid}.preview-card__copy{gap:6px;display:grid}.preview-card__copy strong{font-size:18px}.preview-card__copy small,.empty-state{color:var(--muted)}.mini-chart{gap:12px;margin-top:16px;display:grid}.mini-chart__bar{gap:8px;display:grid}.mini-chart__bar strong{font-size:14px}.mini-chart__bar small{color:var(--muted)}.mini-chart__track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.mini-chart__track span{background:linear-gradient(90deg, var(--primary), var(--mint));border-radius:999px;height:100%;display:block}.dashboard-summary-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.dashboard-summary-inline>div{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.dashboard-summary-inline small{color:var(--muted)}.dashboard-summary-inline strong{font-size:16px}.stock-preview-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;width:100%;margin-top:14px;padding:16px}.stock-preview-box__textarea{white-space:pre;min-height:220px;font-family:Consolas,monospace;line-height:1.6}.status-badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:7px 10px;font-size:11px;display:inline-flex}.status-paid{color:#d8ffe6;background:#27d2a024}.status-pending{color:#fff2c8;background:#f5be4b24}.status-expired,.status-canceled{color:#ffd3d7;background:#ff5d6a24}.source-badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-width:84px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.source-web{color:#d7ecff;background:#4b74ff29;border-color:#80a4ff47}.source-telegram{color:#d9fff2;background:#27d2a029;border-color:#27d2a047}.source-system,.source-unknown{color:#f5e6ff;background:#8d7bff29;border-color:#8d7bff47}.toast-stack{z-index:120;gap:10px;display:grid;position:fixed;bottom:18px;right:18px}.toast{color:#fff;min-width:240px;max-width:360px;box-shadow:var(--shadow);text-align:left;background:#27d2a0f0;padding:14px 16px}.toast.err{background:#ff5d6af5}@keyframes floatGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,-10px)scale(1.05)}}@keyframes pulseGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateRingReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1280px){.metrics-grid,.metrics-grid--compact,.form-grid--triple{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:1fr}.catalog-editor{position:static}.catalog-modal{padding:16px}.catalog-modal__panel{width:100%;max-height:92vh}}@media (width<=1080px){.admin-root{grid-template-columns:1fr}.sidebar{width:min(92vw,340px);transition:transform .24s;position:fixed;top:0;left:0;transform:translate(-104%)}.sidebar.open{transform:translate(0)}.menu-toggle{display:inline-flex}.topbar{padding:18px}.hero-panel,.split-grid,.split-grid--dashboard,.preview-card,.product-card{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.admin-main,.login-page{padding:16px}.topbar,.topbar-actions,.topbar-main,.hero-stats,.metrics-grid,.metrics-grid--compact,.form-grid,.form-grid--triple{grid-template-columns:1fr}.topbar{display:grid}.topbar-actions{justify-content:stretch}.topbar-actions .ghost-btn,.topbar-actions .danger-btn{flex:auto}.panel,.hero-panel,.product-card,.sub-card{padding:18px}.row-actions{flex-direction:column}.row-actions>*{width:100%}.toast-stack{bottom:14px;left:14px;right:14px}.toast{width:100%;max-width:none}}