:root{color-scheme:dark;--bg: #0A121D;--bg-2: #0E1826;--panel: #111F30;--panel-2: #152639;--line: #1E3247;--line-2: #2A4763;--text: #FFFFFF;--dim: #8FA9BE;--accent: #34AFE3;--accent-dim: #1F7FAB;--accent-ink: #04141F;--ok: #57d97c;--warn: #f3b54a;--danger: #ff6e61;--radius: 3px;--font-display: "Geologica", sans-serif;--font-body: "Geologica", sans-serif;--font-mono: "Geologica", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 85% -10%,rgba(52,175,227,.07),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(38,132,255,.06),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5}::selection{background:var(--accent);color:var(--accent-ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-right:1px solid var(--line);padding:20px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.wordmark{padding:0 20px 18px;border-bottom:1px solid var(--line)}.wordmark .brand{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--text)}.wordmark .brand em{color:var(--accent);font-style:normal}.wordmark .sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);margin-top:4px}.nav{display:flex;flex-direction:column;padding:14px 10px;gap:2px;flex:1}.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--dim);font-weight:500;letter-spacing:.02em;border-left:2px solid transparent;transition:all .15s ease}.nav a:hover{color:var(--text);background:#34afe30d;text-decoration:none}.nav a.active{color:var(--accent);background:#34afe314;border-left-color:var(--accent)}.nav .nav-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--line-2);padding:14px 12px 4px}.sidebar-user{border-top:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-user .who{font-family:var(--font-mono);font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis}.sidebar-user .who b{color:var(--text);display:block}.main{padding:26px 32px 60px;max-width:1280px;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:.02em;margin:0}.page-head .crumb{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:6px}.panel{background:linear-gradient(180deg,var(--panel),rgba(13,34,51,.6));border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.panel+.panel{margin-top:16px}.panel h2{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.6}.stat .num{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text)}.stat .lbl{font-size:12px;color:var(--dim);letter-spacing:.04em;margin-top:2px}.stat.ok .num{color:var(--ok)}.stat.warn .num{color:var(--warn)}.stat.muted .num{color:var(--dim)}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:13px;font-weight:600;background:var(--panel-2);color:var(--text);border:1px solid var(--line-2);border-radius:var(--radius);padding:7px 14px;cursor:pointer;letter-spacing:.02em;transition:all .15s ease;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:#5bc2ec;color:var(--accent-ink)}.btn.danger{color:var(--danger);border-color:#ff6e6166;background:transparent}.btn.danger:hover:not(:disabled){background:#ff6e6114;border-color:var(--danger);color:var(--danger)}.btn.ghost{background:transparent;border-color:transparent;color:var(--dim)}.btn.ghost:hover:not(:disabled){color:var(--accent);border-color:transparent}.btn.sm{padding:4px 10px;font-size:12px}label.fld{display:block;margin-bottom:12px}label.fld>span{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:5px}input[type=text],input[type=password],input[type=number],input[type=url],textarea,select{width:100%;background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:8px 11px;font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .15s ease}textarea{font-family:var(--font-mono);font-size:13px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238FA9BE' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}select option{background:var(--bg-2);color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--accent-dim)}input::placeholder,textarea::placeholder{color:#5f7e96}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.grow{flex:1;min-width:0}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding:8px 10px;border-bottom:1px solid var(--line-2);position:sticky;top:0;background:var(--panel);z-index:1}.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:hover td{background:#34afe308}.tbl .mono,.mono{font-family:var(--font-mono);font-size:12.5px}.tbl .num{text-align:right;font-family:var(--font-mono);white-space:nowrap}.thumb{width:36px;height:36px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);display:block}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:2px 8px;border:1px solid}.badge.approved{color:var(--ok);border-color:#57d97c59;background:#57d97c12}.badge.draft{color:var(--warn);border-color:#f3b54a59;background:#f3b54a12}.badge.none{color:var(--dim);border-color:var(--line-2);background:transparent}.badge.failed{color:var(--danger);border-color:#ff6e6166;background:#ff6e6112}.badge.success{color:var(--ok);border-color:#57d97c59;background:#57d97c12}.badge.stale{color:var(--danger);border-color:#ff6e6166}.chip{display:inline-block;font-family:var(--font-mono);font-size:11px;background:#34afe314;color:var(--accent);border:1px solid rgba(52,175,227,.25);border-radius:2px;padding:1px 7px;margin:1px 3px 1px 0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080ec7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:7vh 16px;overflow-y:auto;animation:fadeIn .15s ease}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);width:100%;max-width:560px;padding:22px 24px;animation:riseIn .18s ease}.modal.wide{max-width:860px}.modal h3{margin:0 0 16px;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.02em}@keyframes fadeIn{0%{opacity:0}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}}.toasts{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:var(--panel-2);border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 16px;min-width:260px;max-width:420px;font-size:13px;animation:riseIn .2s ease}.toast.error{border-left-color:var(--danger)}.toast.ok{border-left-color:var(--ok)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 480px at 70% 20%,rgba(52,175,227,.1),transparent 55%),radial-gradient(700px 420px at 20% 85%,rgba(38,132,255,.08),transparent 55%),var(--bg)}.login-card{width:360px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);padding:34px 32px;animation:riseIn .3s ease}.login-card .brand{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.04em;margin-bottom:2px}.login-card .brand em{color:var(--accent);font-style:normal}.login-card .sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:26px}.counter{display:flex;gap:14px;font-family:var(--font-mono);font-size:12px;margin-top:6px}.counter b{font-weight:600}.counter .over{color:var(--danger)}.counter .good{color:var(--ok)}.counter .dim{color:var(--dim)}.progress{height:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:3px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .4s ease}.dim{color:var(--dim)}.danger-text{color:var(--danger)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.mt{margin-top:14px}.mb{margin-bottom:14px}.empty{text-align:center;color:var(--dim);padding:44px 20px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em}.spinner{width:16px;height:16px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}code.k{font-family:var(--font-mono);font-size:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:2px;padding:1px 6px}.feed-url{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:13px;background:var(--bg-2);border:1px dashed var(--line-2);border-radius:var(--radius);padding:10px 14px}.pic-strip{display:flex;gap:6px;flex-wrap:wrap}.pic-strip img{width:52px;height:52px;object-fit:cover;border-radius:2px;border:1px solid var(--line)}.slider{display:flex;flex-direction:column;gap:8px}.slider-main{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);height:320px;overflow:hidden}.slider-main img{max-width:100%;max-height:100%;object-fit:contain}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0a121db3;color:var(--text);border:1px solid var(--line-2);border-radius:var(--radius);width:34px;height:48px;cursor:pointer;font-size:16px;transition:all .15s ease}.slider-arrow:hover{color:var(--accent);border-color:var(--accent-dim)}.slider-arrow.left{left:10px}.slider-arrow.right{right:10px}.slider-thumbs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.slider-thumbs img{width:52px;height:52px;object-fit:cover;flex-shrink:0;border-radius:2px;border:1px solid var(--line);cursor:pointer;opacity:.55;transition:opacity .15s ease}.slider-thumbs img:hover{opacity:.9}.slider-thumbs img.active{border-color:var(--accent);opacity:1}.mono,.num,.counter,.stat .num,code.k,.feed-url{font-variant-numeric:tabular-nums}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.manage-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mobile-header{display:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:150}@media(min-width:769px){.sidebar-overlay{display:none}}@media(max-width:768px){.shell{grid-template-columns:1fr}.mobile-header{display:flex;align-items:center;gap:14px;position:fixed;top:0;left:0;right:0;height:50px;background:var(--bg-2);border-bottom:1px solid var(--line);padding:0 16px;z-index:100}.mobile-header .brand{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--text)}.mobile-header .brand em{color:var(--accent);font-style:normal}.mobile-menu-btn{background:none;border:none;color:var(--text);cursor:pointer;font-size:22px;padding:2px 8px;border-radius:var(--radius);line-height:1;flex-shrink:0}.mobile-menu-btn:hover{background:#34afe31a}.sidebar{position:fixed;left:-240px;top:0;height:100vh;z-index:200;transition:left .25s ease}.sidebar.open{left:0;box-shadow:4px 0 24px #0009}.main{padding:66px 20px 40px}.review-grid,.manage-products-grid{grid-template-columns:1fr}.modal.wide{max-width:calc(100vw - 32px)}.settings-num-row{flex-wrap:wrap}.settings-num-row>.fld{width:auto!important;flex:1 1 130px}.login-card{width:min(360px,calc(100% - 32px))}}@media(max-width:480px){.main{padding:60px 12px 36px}.tbl-products{display:block}.tbl-products thead{display:none}.tbl-products tbody{display:block}.tbl-products tbody tr{display:grid;grid-template-columns:64px 1fr;padding:14px 12px;border-bottom:2px solid var(--line-2);gap:0 10px}.tbl-products tbody tr>td:nth-child(1){display:none}.tbl-products tbody tr>td:nth-child(2){grid-column:1;grid-row:1;display:flex;justify-content:center;align-items:flex-start;padding-top:2px}.tbl-products tbody tr>td:nth-child(2) .thumb{width:56px;height:56px}.tbl-products tbody tr>td:nth-child(3){grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-bottom:10px}.tbl-products tbody tr>td:nth-child(4),.tbl-products tbody tr>td:nth-child(5),.tbl-products tbody tr>td:nth-child(6),.tbl-products tbody tr>td:nth-child(7){grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-top:1px solid var(--line)}.tbl-products tbody tr>td:nth-child(4):before,.tbl-products tbody tr>td:nth-child(5):before,.tbl-products tbody tr>td:nth-child(6):before,.tbl-products tbody tr>td:nth-child(7):before{content:attr(data-label);color:var(--dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;flex-shrink:0}.tbl-products tbody tr>td:nth-child(8){grid-column:1 / -1;display:flex;gap:8px;padding:10px 0 0;border-top:2px solid var(--line-2)}.tbl-products tbody tr>td:nth-child(8) .btn{flex:1;justify-content:center;padding:11px 16px;font-size:14px}.tbl:not(.tbl-products){display:block}.tbl:not(.tbl-products) thead{display:none}.tbl:not(.tbl-products) tbody{display:block}.tbl:not(.tbl-products) tbody tr{display:block;padding:10px 14px;border-bottom:2px solid var(--line-2)}.tbl:not(.tbl-products) tbody td{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border:none;gap:8px}.tbl:not(.tbl-products) tbody td:before{content:attr(data-label);color:var(--dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.tbl:not(.tbl-products) tbody td[data-label=""]{justify-content:flex-end}.tbl td select{width:100%!important}.filters-row{flex-direction:column;align-items:stretch}.filters-row input,.filters-row select{max-width:100%!important;width:100%!important}.filters-row label.row{flex-wrap:nowrap}.toasts{left:10px;right:10px;bottom:10px}.toast{min-width:0}}