:root{color-scheme:light;--ink:#162347;--muted:#58657b;--blue:#1543b1;--nav:#111e40;--line:#e2e8f1;--surface:#fff;--bg:#f4f6fb;--gold:#ffbf1b;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:11px;padding:.65rem 1rem;background:white;color:var(--ink);font-weight:650;min-height:42px}button:hover{border-color:var(--blue)}button:disabled{opacity:.55;cursor:wait}a{color:var(--blue)}:focus-visible{outline:3px solid #5376e1;outline-offset:3px}
.primary{background:var(--blue);color:white;border-color:var(--blue)}.quiet{background:transparent;color:inherit}.danger{color:#9d2433}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:850;color:var(--blue)}.muted,small{color:var(--muted)}.error{color:#991b32;background:#fdecf0;padding:12px;border-radius:10px;overflow-wrap:anywhere}.brand{color:white;font-size:.86rem;letter-spacing:.12em;font-weight:850;text-decoration:none;display:flex;align-items:center;gap:11px}.brand span{background:var(--gold);color:var(--nav);width:40px;height:40px;display:grid;place-items:center;border-radius:13px;font-size:1.4rem;letter-spacing:0;font-style:italic;font-weight:950}
.app{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:var(--nav);color:#e8eeff;display:flex;flex-direction:column;padding:26px 17px;min-height:100vh;position:sticky;top:0;align-self:start}.nav-heading{color:#a3b0d0;font-size:.67rem;letter-spacing:.15em;font-weight:800;margin:38px 12px 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{text-align:start;border-color:transparent;background:transparent;color:inherit}.sidebar nav button[aria-current=page]{background:#263c72;color:white}.sidebar nav button:hover{background:#20345e}.profile{margin-top:auto;padding:18px 6px 0;display:grid;gap:10px}.profile small{display:block;color:#b9c7e9}.profile .quiet{border-color:#526087;text-align:start}
.main{width:100%;max-width:1450px;margin:auto;padding:38px clamp(20px,4vw,58px) 60px;align-self:start}.main header{margin-bottom:26px}.main h1,.login h1{font-size:clamp(2rem,4.2vw,3.55rem);letter-spacing:-.065em;line-height:1.04;margin:8px 0 10px}.main header>p:last-child,.login-card>p:not(.eyebrow){color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap}.stack{display:grid;gap:15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px;min-width:0;overflow-wrap:anywhere}.card h2{font-size:1.15rem}.card h3{font-size:1rem}.stat{font-size:2rem;font-weight:850;letter-spacing:-.05em}.catalog{display:grid;grid-template-columns:minmax(195px,260px) minmax(0,1fr);gap:18px;align-items:start}.shops{display:grid;gap:8px;margin-top:12px}.shops button{text-align:start}.shops button[aria-pressed=true]{background:#eaf0ff;color:var(--blue);border-color:#a7b9e8}.search{width:min(100%,360px)}.pill{font-size:.78rem;background:#eaf0ff;color:#214487;border-radius:20px;padding:4px 9px;display:inline-block;font-weight:750}.pill.off{background:#f1f2f5;color:#596479}.pill.sale{background:#e2f5eb;color:#135b42}.item{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px}.thumb{width:60px;height:60px;border-radius:12px;background:#ecf0fa;object-fit:cover;display:grid;place-items:center;font-size:.7rem;color:var(--muted)}.money{font-weight:800;color:#103590}.list{display:grid;gap:9px}.result{display:grid;gap:4px}.empty{padding:27px;text-align:center;border:1px dashed #a7b6ce;border-radius:16px;color:var(--muted)}#notice:not(:empty){margin-bottom:14px;padding:11px 14px;border-radius:10px;background:#e5f4ec;color:#215a45}#notice.error{background:#fdecf0;color:#991b32}
label{display:grid;gap:5px;font-weight:650}input,select,textarea{width:100%;padding:9px 10px;min-height:42px;border:1px solid #cdd6e6;border-radius:10px;background:#fff;color:var(--ink)}textarea{min-height:80px;resize:vertical}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--blue)}.check{display:flex;align-items:center;gap:9px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}.hint{font-weight:400;font-size:.78rem;color:var(--muted)}dialog{width:min(640px,calc(100vw - 24px));max-height:90vh;border:none;border-radius:20px;padding:22px;color:var(--ink);box-shadow:0 24px 90px #15224544}dialog::backdrop{background:#0e183a80}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}#editor-form{display:grid;gap:12px}#editor-form>.primary{justify-self:end}.translation{margin:12px 0;background:#f4f6fa;border-radius:12px;padding:11px}.translation summary{cursor:pointer;font-weight:700}.translation>.form-grid{margin-top:10px}
.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:radial-gradient(circle at 80% 90%,#2256cf,#101b3a 70%);color:white;padding:clamp(25px,6vw,85px);display:flex;flex-direction:column;justify-content:space-between;gap:55px}.login-brand .eyebrow{color:var(--gold)}.login-brand h1{font-size:clamp(2.2rem,5.3vw,5.1rem)}.login-brand>div>p:last-child{color:#dae5ff}.login-main{display:grid;place-items:center;padding:30px}.login-card{background:white;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,42px);display:grid;gap:14px;width:min(100%,440px)}.login-card h2{font-size:2.15rem;letter-spacing:-.05em}.login-card .primary{margin-top:4px}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:static;min-height:auto;padding:12px 16px;gap:12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}.nav-heading{display:none}.profile{margin:0;padding:0;display:flex;justify-content:space-between}.profile small{display:none}.main{padding-top:24px}.login{grid-template-columns:1fr}.login-brand{padding:24px;gap:18px}.login-brand h1{font-size:2.5rem}}
@media(max-width:560px){.catalog,.form-grid{grid-template-columns:1fr}.item{grid-template-columns:50px minmax(0,1fr)}.item .actions{grid-column:1/-1}.thumb{width:50px;height:50px}.main{padding-inline:14px}.login-main{padding:16px}}
.service{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--bg);border-radius:12px;margin:0}audio{max-width:100%}.row>select{width:auto;max-width:100%}