:root{--bg:#080b11;--bg-2:#0c1119;--panel:#111823;--panel-2:#151d2a;--line:#ffffff14;--line-strong:#ffffff24;--text:#e9eff8;--muted:#93a1b5;--accent:#4f8cff;--accent-2:#7cc4ff;--accent-soft:#4f8cff24;--danger:#ff6b6b;--warn:#f5b95b;--ok:#34d399;--radius:14px;--radius-sm:10px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.02rem}p{margin:0}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.82rem}.text-warn{color:var(--warn)}.text-ok{color:var(--ok)}.text-danger{color:var(--danger)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0a0f17;flex-direction:column;gap:22px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:9px;padding:4px 8px;font-weight:650;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand__mark{color:var(--accent-2);display:inline-flex}.sidebar__nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-family:inherit;font-size:.93rem;transition:background .15s,color .15s}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.is-active{background:var(--accent-soft);color:#cfe0ff}.sidebar__foot{flex-direction:column;gap:10px;margin-top:auto;padding:0 8px;display:flex}.sidebar__user{color:var(--muted);text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.connection{color:var(--muted);align-items:center;gap:7px;font-size:.78rem;display:inline-flex}.connection__dot{background:var(--muted);border-radius:50%;width:7px;height:7px}.connection--live .connection__dot{background:var(--ok);box-shadow:0 0 0 3px #34d39929}.connection--polling .connection__dot{background:var(--warn)}.connection--offline .connection__dot{background:var(--danger)}.shell__main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f17e6;align-items:center;gap:12px;padding:10px 16px;display:none;position:sticky;top:0}.topbar__nav{gap:4px;display:flex;overflow-x:auto}.topbar__link{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:.85rem}.topbar__link.is-active{background:var(--accent-soft);color:#cfe0ff}.content{min-width:0;padding:26px 28px 60px}.page{flex-direction:column;gap:18px;max-width:1280px;margin:0 auto;display:flex}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page__head p{margin-top:4px}.page__actions{flex-wrap:wrap;gap:8px;display:flex}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{color:#fff;background:linear-gradient(#5b95ff,#2f6fe0)}.button--primary:hover:not(:disabled){background:linear-gradient(#6ea5ff,#3a7bf0)}.button--ghost{border-color:var(--line-strong);color:var(--text);background:#ffffff0a}.button--ghost:hover:not(:disabled){background:#ffffff14}.button--danger{color:#ffb3b3;background:#ff6b6b24;border-color:#ff6b6b66}.button--danger:hover:not(:disabled){background:#ff6b6b38}.button--small{padding:7px 12px;font-size:.84rem}.button--wide{width:100%}.link-button{color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.86rem;font-weight:600}.link-button:hover{text-decoration:underline}.link-button--danger{color:var(--danger)}.icon-button{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.icon-button:hover{background:#ffffff0f}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:3px;padding:14px 16px;display:flex}.stat span{color:var(--muted);font-size:.78rem}.stat strong{letter-spacing:-.02em;font-size:1.25rem}.stat--accent{background:linear-gradient(#4f8cff24,#4f8cff0a);border-color:#4f8cff66}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar__search{max-width:320px}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.82rem}.tab:hover{color:var(--text)}.tab.is-active{background:var(--accent-soft);color:#cfe0ff;border-color:#4f8cff80}.checkbox{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:.86rem;display:inline-flex}.checkbox input{accent-color:var(--accent)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:auto}.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th{z-index:1;border-bottom:1px solid var(--line);color:var(--muted);text-align:left;white-space:nowrap;background:#0e141d;padding:11px 14px;font-weight:500;position:sticky;top:0}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;white-space:nowrap}.row{cursor:pointer}.row:hover td{background:#ffffff06}.row-actions{justify-content:flex-end;gap:10px;display:flex}.tag{color:var(--muted);background:#ffffff12;border-radius:5px;margin-left:7px;padding:1px 6px;font-size:.7rem;display:inline-block}.cards{flex-direction:column;gap:10px;display:none}.order-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:14px;font-family:inherit;display:flex}.order-card:hover{border-color:#4f8cff66}.order-card__head,.order-card__body{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-card__body span{min-width:0}.badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.badge__dot{border-radius:50%;width:6px;height:6px}.card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:12px;padding:18px;display:flex}.card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card__head h2{font-size:.95rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field--full{grid-column:1/-1}.field__label{color:var(--text);font-size:.82rem;font-weight:500}.field__hint{color:var(--muted);min-height:1em;font-size:.75rem}.field__error{color:var(--danger)}.field--error .input{border-color:#ff6b6b8c}.input{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#0b111a;border-radius:8px;padding:9px 11px;font-family:inherit;font-size:.9rem}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f8cff29}textarea.input{resize:vertical;min-height:70px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}.input--code{letter-spacing:.4em;text-align:center;padding:12px;font-size:1.4rem}.inline{align-items:center;gap:8px;display:flex}.color-input{border:1px solid var(--line-strong);background:#0b111a;border-radius:8px;width:42px;height:38px;padding:2px}.triple{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.82rem}.chip.is-selected{border-color:var(--accent);background:var(--accent-soft);color:#cfe0ff}.option-list{flex-direction:column;gap:7px;display:flex}.detail__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail__title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:14px;display:grid}.detail__col{flex-direction:column;gap:14px;min-width:0;display:flex}.contacts-block{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contacts-block>div{flex-direction:column;gap:2px;min-width:0;display:flex}.contacts-block .field--full{grid-column:1/-1}.model-block{grid-template-columns:180px minmax(0,1fr);gap:14px;display:grid}.model-preview{aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0b111a;justify-content:center;align-items:center;display:flex;overflow:hidden}.model-preview img{object-fit:contain;width:100%;height:100%}.model-preview__empty{color:var(--muted);font-size:.8rem}.model-info{flex-direction:column;gap:10px;min-width:0;display:flex}.model-actions{flex-wrap:wrap;gap:8px;display:flex}.kv{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:.86rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.kv--2{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}.price-block{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.price-line{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.86rem;display:flex}.price-line--strong{border-top:1px solid var(--line);color:var(--text);padding-top:8px;font-size:.95rem;font-weight:600}.price-line--strong span:nth-child(2){margin-left:auto}.payment-summary{gap:28px;display:flex}.payment-summary>div{flex-direction:column;gap:2px;display:flex}.payments{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.payments li{border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.payments li>div{flex-direction:column;gap:1px;display:flex}.status-flow{flex-wrap:wrap;gap:8px;display:flex}.events{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.events li{align-items:flex-start;gap:10px;display:flex}.events li>div{flex-direction:column;gap:1px;min-width:0;display:flex}.events__dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.swatch{vertical-align:middle;border:1px solid #ffffff40;border-radius:50%;width:13px;height:13px;display:inline-block}.swatch-row{gap:4px;display:inline-flex}.alert{border-radius:var(--radius-sm);border:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:.86rem;display:flex}.alert--error{color:#ffb3b3;background:#ff6b6b14;border-color:#ff6b6b59}.alert--info{background:#4f8cff14;border-color:#7cc4ff4d}.spinner{color:var(--muted);align-items:center;gap:9px;padding:24px 0;font-size:.88rem;display:flex}.spinner__dot{border:2px solid #7cc4ff4d;border-top-color:var(--accent-2);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{border-radius:var(--radius);border:1px dashed var(--line-strong);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 20px;display:flex}.empty p{color:var(--muted);max-width:32em;font-size:.9rem}.toast{z-index:60;border:1px solid var(--line-strong);color:var(--text);background:#16202e;border-radius:999px;padding:10px 18px;font-size:.88rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04070bb3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);background:var(--panel-2);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:88vh;display:flex;box-shadow:0 30px 80px #0009}.modal--wide{max-width:760px}.modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal__head h2{font-size:1.05rem}.modal__body{padding:18px;overflow:auto}.modal__foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.auth{background:radial-gradient(700px 420px at 15% 0%, #4f8cff33, transparent 60%), radial-gradient(600px 400px at 90% 100%, #7cc4ff1a, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth__card{border:1px solid var(--line-strong);background:var(--panel);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:28px;display:flex;box-shadow:0 30px 80px #0000008c}.auth__brand{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px;display:flex}.auth__brand .brand__mark{color:var(--accent-2)}.auth__links{justify-content:space-between;gap:12px;display:flex}.auth__config{color:var(--muted);align-self:center;font-size:.8rem;font-weight:500}.auth__toast{z-index:60;max-width:420px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.detail__grid{grid-template-columns:1fr}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{display:flex}.content{padding:18px 16px 48px}.table-wrap{display:none}.cards{display:flex}.model-block{grid-template-columns:1fr}.model-preview{max-width:280px}}@media (max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.kv--2{grid-template-columns:auto minmax(0,1fr)}.contacts-block{grid-template-columns:1fr}.toolbar__search{width:100%;max-width:none}}