:root{--bg:#fffdf4;--ink:#4b342a;--muted:#7a6a62;--line:#ead9a2;--accent:#f2b800}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Zen Maru Gothic','Hiragino Maru Gothic ProN',sans-serif;line-height:1.65}
.shell{width:min(940px,calc(100% - 28px));margin:32px auto}
.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.brand{color:var(--muted);text-decoration:none;font-weight:800}
.hidden{display:none!important}
.muted,.message{color:var(--muted)}
h1{font-size:34px;margin:8px 0}
h2{margin:0}
.toolbar,.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center}
.btn{border:0;border-radius:11px;padding:11px 15px;background:var(--ink);color:#fff;font:inherit;font-weight:900;cursor:pointer}
.sub{background:#fff;color:var(--ink);border:1px solid var(--line)}
label{display:grid;gap:6px;font-size:13px;font-weight:800}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;font:inherit}
textarea{min-height:105px;resize:vertical}
.form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.full{grid-column:1/-1}
.message{min-height:24px;font-size:13px}
nav{display:flex;gap:5px;margin:22px 0;padding:4px;background:#f2f2f6;border-radius:12px;width:max-content}
.tab{border:0;background:transparent;padding:9px 13px;border-radius:9px;font:inherit;font-weight:900;color:var(--muted);cursor:pointer}
.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #0001}
.list{display:grid;gap:8px;margin:15px 0}
.item{display:grid;grid-template-columns:50px 1fr auto;gap:11px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px}
.item img{width:50px;height:62px;object-fit:cover;border-radius:8px}
.item small{color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}
.kpi{padding:14px;border:1px solid var(--line);border-radius:13px}
.kpi small{display:block;color:var(--muted)}
.kpi strong{font-size:25px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap}
th,td{text-align:right;padding:10px;border-bottom:1px solid var(--line)}
th:first-child,td:first-child{text-align:left}
@media(max-width:650px){.shell{margin:12px auto}
.box{padding:16px}
.form{grid-template-columns:1fr}
.full{grid-column:auto}
.toolbar{align-items:flex-start;flex-direction:column}
.kpis{grid-template-columns:repeat(2,1fr)}
nav{width:100%;overflow:auto}
.tab{white-space:nowrap;flex:1}
}