@import url(common.css);
header.top{background:var(--accent2);color:#fff;display:flex;align-items:center;gap:16px;padding:0 16px;height:48px}
header.top .brand{font-weight:600}header.top .sp{flex:1}header.top input{background:#4a4541;border:0;color:#fff;padding:6px 10px;border-radius:4px;width:280px}
.layout{display:flex;min-height:calc(100vh - 74px)}
nav.side{width:230px;background:var(--panel);border-right:1px solid var(--line);padding:12px 0}
nav.side a{display:block;padding:8px 20px;color:var(--ink)}nav.side a.on{background:#f1e4e1;border-left:3px solid var(--accent);font-weight:600}
nav.side h4{margin:14px 20px 4px;font-size:11px;color:var(--mute);text-transform:uppercase}
main{flex:1;padding:22px 28px;max-width:1200px}
h1{margin:0 0 4px;font-size:22px}.crumb{color:var(--mute);font-size:12px;margin-bottom:12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.kv{display:grid;grid-template-columns:200px 1fr;gap:6px 12px}.kv dt{color:var(--mute)}.kv dd{margin:0}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs a{padding:8px 14px;color:var(--ink)}.tabs a.on{border-bottom:3px solid var(--accent);font-weight:600}
label{display:block;margin:12px 0 4px;font-weight:600}input.f,select.f{width:100%;max-width:420px;padding:7px 9px;border:1px solid var(--line);border-radius:4px}
.actions{display:flex;gap:8px;margin:12px 0}