:root{color-scheme:dark;--bg:#080a0f;--panel:#11141b;--panel2:#171b24;--line:#2a303a;--text:#f4f5f8;--muted:#a6afbd;--accent:#ff4057;--ok:#56d58c;--bad:#ff7181;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(255,64,87,.10),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 3vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,10,15,.94);backdrop-filter:blur(14px);z-index:5}.brand{font-weight:900;text-decoration:none}.topbar nav{display:flex;gap:1rem}.topbar nav a{color:var(--muted);text-decoration:none}.layout{width:min(1500px,calc(100% - 2rem));margin:2rem auto;display:grid;grid-template-columns:240px 1fr;gap:1.5rem}.sidebar,.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(17,20,27,.95)}.sidebar{padding:1.4rem;align-self:start;position:sticky;top:5.5rem}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.14em;margin:0 0 .5rem}.tabs{display:grid;gap:.5rem}.tabs button{border:0;background:transparent;color:var(--muted);text-align:left;padding:.85rem 1rem;border-radius:10px;font:inherit;font-weight:800;cursor:pointer}.tabs button.is-active{background:rgba(255,64,87,.14);color:var(--text)}.view{display:none;gap:1.5rem}.view.is-active{display:grid}.panel{padding:1.5rem}.panel-intro{color:var(--muted)}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:1.2rem}.stat strong{display:block;font-size:2rem}.stat span{color:var(--muted)}.status-row,.item-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.item-main{flex:1;min-width:0}.item-main h3{margin:.2rem 0}.item-main p,.item-main small{color:var(--muted);display:block}.item-thumb{width:86px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.ok,.success{color:var(--ok)}.bad,.error{color:var(--bad)}.button{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:.75rem 1rem;border-radius:10px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.button.primary{background:var(--accent);border-color:transparent}.button.danger{color:var(--bad);border-color:rgba(255,113,129,.35)}.button:disabled{opacity:.6;cursor:wait}.item-actions,.dialog-actions,.form-actions,.image-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{display:grid;gap:.5rem;color:var(--muted);font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);background:#0b0e14;color:var(--text);border-radius:10px;padding:.8rem;font:inherit}.form-grid textarea{min-height:140px}.checkbox{display:flex!important;align-items:center;gap:.65rem;align-self:end;min-height:46px}.checkbox input{width:auto!important}.input-action{display:grid;grid-template-columns:1fr auto;gap:.6rem}.upload-form{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.upload-form input{padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#0b0e14}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.image-card{border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden;padding-bottom:1rem}.image-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.image-card>div{padding:.7rem 1rem 0}.image-card strong,.image-card small{display:block;overflow-wrap:anywhere}.image-card small{color:var(--muted);margin-top:.3rem}.empty-state{color:var(--muted);padding:1rem 0}dialog{width:min(900px,calc(100% - 2rem));border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:0}dialog::backdrop{background:rgba(0,0,0,.75)}.dialog-form{padding:1.5rem}.icon-button{border:0;background:transparent;color:var(--text);font-size:2rem;cursor:pointer}.dialog-actions{justify-content:flex-end;margin-top:1rem}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{position:static}.stats{grid-template-columns:1fr 1fr}.image-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.stats,.image-grid{grid-template-columns:1fr}.item-card{align-items:stretch;flex-direction:column}.item-thumb{width:100%;height:auto;aspect-ratio:16/9}.input-action{grid-template-columns:1fr}}