:root{--color-bg:#0c0e11;--color-surface:#15181c;--color-surface-raised:#1c2025;--color-surface-hover:#22262c;--color-border:#262b31;--color-border-strong:#343a42;--color-text:#eef0f2;--color-text-dim:#8b929c;--color-text-faint:#5d636c;--color-accent:#ff8a3d;--color-accent-dim:#cc6a24;--color-accent-soft:#2a1f16;--color-danger:#ef5f52;--color-success:#4fbf8b;--font-sans:"Inter", -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:clamp(1.375rem, 1.2rem + .8vw, 1.75rem);--text-2xl:clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px -8px #0000008c, 0 2px 6px #0000004d;--shadow-lg:0 24px 64px -16px #000000a6, 0 8px 24px #0006;--shadow-accent:0 8px 20px -6px color-mix(in srgb, var(--color-accent) 45%, transparent);--duration-fast:.12s;--duration-normal:.22s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 12% -10%, color-mix(in srgb, var(--color-accent) 6%, transparent), transparent), var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:700}a{color:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast);font-weight:500;display:inline-flex}.btn:hover{border-color:var(--color-accent-dim);background:var(--color-surface-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 100%, white 6%), var(--color-accent));border-color:var(--color-accent);color:#1a1200;box-shadow:var(--shadow-accent);font-weight:600}.btn-primary:hover{border-color:var(--color-accent);filter:brightness(1.06);box-shadow:0 10px 26px -6px color-mix(in srgb, var(--color-accent) 55%, transparent)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.btn-danger{border-color:color-mix(in srgb, var(--color-danger) 55%, var(--color-border-strong));color:var(--color-danger);background:0 0}.btn-danger:hover{background:color-mix(in srgb, var(--color-danger) 14%, transparent);border-color:var(--color-danger)}.btn-icon{flex:none;width:38px;height:38px;padding:0}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.input,.textarea,select.input{width:100%;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);height:38px;color:var(--color-text);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.textarea{height:auto;padding:var(--space-3)}.input:focus,.textarea:focus,select.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 20%, transparent);outline:none}.input::placeholder{color:var(--color-text-faint)}.textarea{resize:vertical;font-family:var(--font-mono);font-size:var(--text-sm)}.card{background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.page{max-width:960px;padding:var(--space-8) var(--space-6) var(--space-10);margin:0 auto}.topbar{z-index:20;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:-.02em;font-weight:800;font-size:var(--text-lg)}.topbar-brand span{color:var(--color-accent)}.topbar-nav{align-items:center;gap:var(--space-2);display:flex}.topbar-nav a.btn.active{border-color:var(--color-accent-dim);background:var(--color-accent-soft);color:var(--color-accent)}.breadcrumb{align-items:center;gap:var(--space-2);color:var(--color-text-dim);font-size:var(--text-sm);margin-bottom:var(--space-6);display:flex}.breadcrumb a{color:var(--color-text-dim);text-decoration:none}.breadcrumb a:hover{color:var(--color-accent)}.badge{padding:3px var(--space-2);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-size:.6875rem;font-weight:700;line-height:1.4;display:inline-flex}.badge-telegram{color:#6fcdfb;background:#2aabee2e}.badge-max{background:var(--color-accent-soft);color:var(--color-accent)}.badge-published{background:color-mix(in srgb, var(--color-success) 16%, transparent);color:var(--color-success)}.badge-draft{background:color-mix(in srgb, var(--color-text-dim) 16%, transparent);color:var(--color-text-dim)}.error-banner{background:color-mix(in srgb, var(--color-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 45%, transparent);color:#ff9086;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm)}.error-banner.is-success{background:color-mix(in srgb, var(--color-success) 12%, transparent);border-color:color-mix(in srgb, var(--color-success) 45%, transparent);color:var(--color-success)}.grid-list{gap:var(--space-3);display:grid}.list-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:inherit;transition:border-color var(--duration-fast), transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast);text-decoration:none;display:flex}.list-row:hover{border-color:var(--color-accent-dim);box-shadow:var(--shadow-sm);transform:translate(2px)}.field{margin-bottom:var(--space-4)}.field label{font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-2);font-weight:500;display:block}.actions-row{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.spinner{color:var(--color-text-dim);font-size:var(--text-sm)}.products-toolbar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.products-toolbar .input{width:auto}.products-search{flex:220px;min-width:180px}.checkbox-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-dim);cursor:pointer;white-space:nowrap;display:flex}.category-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);margin:calc(var(--space-2) * -1);padding:var(--space-2);transition:background var(--duration-fast);justify-content:space-between;align-items:center;display:flex}.category-header:hover{background:var(--color-surface-hover)}.category-chevron{transition:transform var(--duration-fast) var(--ease-out-expo);color:var(--color-text-faint);display:inline-block}.category-chevron.open{color:var(--color-accent);transform:rotate(90deg)}.data-table-wrap{border-radius:var(--radius-sm);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.data-table thead th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);border-bottom:1px solid var(--color-border);font-weight:600}.data-table tbody td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr{transition:background var(--duration-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .cell-num{font-family:var(--font-mono)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);padding:var(--space-8) var(--space-4);z-index:100;animation:modal-fade var(--duration-normal) var(--ease-out-expo);background:#0009;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-panel{width:100%;max-width:760px;max-height:calc(100vh - var(--space-8) * 2);background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-pop var(--duration-normal) var(--ease-out-expo);flex-direction:column;display:flex}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);display:flex}.editor-layout{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.editor-preview-col{top:var(--space-6);position:sticky}@media (width<=800px){.editor-layout{grid-template-columns:1fr}.editor-preview-col{order:-1;position:static}}