:root{--navy:#0b1f3a;--navy2:#132d52;--orange:#ff6a13;--orange2:#e95a05;--ink:#1b2433;--muted:#5d6b80;--line:#e3e8ef;--bg:#f6f8fb;--green:#1f9d55;--red:#c62828}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;font-size:15px}
a{color:var(--navy2)}
h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;letter-spacing:.3px;margin:0 0 .4em;color:var(--navy)}
h1{font-size:34px;text-transform:uppercase}h2{font-size:24px}
.wrap{max-width:1150px;margin:0 auto;padding:0 22px}
header.staff{background:var(--navy);color:#fff;border-bottom:4px solid var(--orange)}
.staff .bar{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:9px;font-family:"Barlow Condensed";font-weight:800;font-size:21px;text-transform:uppercase;color:#fff;text-decoration:none}
.logo span{color:var(--orange)}.logo em{font-style:normal;font-size:13px;background:rgba(255,255,255,.14);padding:2px 8px;border-radius:6px;letter-spacing:.6px}
.snav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.snav a{color:#c9d6e8;text-decoration:none;font-weight:600;font-size:14px;padding:8px 9px;border-radius:8px}
.snav a:hover{color:#fff;background:rgba(255,255,255,.08)}.snav a.on{color:#fff;background:rgba(255,255,255,.14)}
.snav .count{background:var(--orange);color:#fff;border-radius:10px;font-size:11px;padding:1px 7px;margin-left:4px}
.who{display:flex;align-items:center;gap:12px;font-size:13px;color:#c9d6e8}
.who a,.who button{color:#fff;background:none;border:0;font:inherit;cursor:pointer;padding:0;text-decoration:underline}
main{padding:30px 0 60px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.head p{margin:0;color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px}
.card.narrow{max-width:430px;margin:40px auto}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:inherit;display:block}
.stat b{display:block;font-family:"Barlow Condensed";font-size:40px;color:var(--navy);line-height:1}
.stat span{color:var(--muted);font-size:14px}.stat.hot{border-color:var(--orange);box-shadow:0 0 0 2px #ffe3d1}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;cursor:pointer;font:600 14px Inter,sans-serif;padding:9px 15px;border-radius:9px;text-decoration:none;white-space:nowrap}
.btn-o{background:var(--orange);color:#fff}.btn-o:hover{background:var(--orange2)}
.btn-g{background:#fff;color:var(--navy);border-color:var(--line)}.btn-g:hover{border-color:var(--navy)}
.btn-r{background:#fff;color:var(--red);border-color:#f3c7c7}.btn-r:hover{background:var(--red);color:#fff}
.btn-green{background:var(--green);color:#fff}
.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:13px 22px;font-size:15px}
.inline{display:inline}
table.list{width:100%;border-collapse:collapse;background:#fff}
table.list th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
table.list td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
table.list tr:last-child td{border-bottom:0}
table.list td.actions{text-align:right;white-space:nowrap}
.table-card{padding:0;overflow-x:auto}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:20px;background:#eef2f7;color:var(--muted);white-space:nowrap}
.pill.live{background:#e3f5ea;color:var(--green)}.pill.hidden{background:#fdecec;color:var(--red)}.pill.sample{background:#fff1e6;color:var(--orange2)}
.pill.pending{background:#fff1e6;color:var(--orange2)}.pill.approved{background:#e3f5ea;color:var(--green)}.pill.rejected{background:#fdecec;color:var(--red)}
.muted{color:var(--muted)}.small{font-size:13px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tabs a{padding:7px 13px;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:13px;color:var(--muted)}
.tabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolbar form.search{display:flex;gap:8px}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:15px Inter,sans-serif;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid #ffd3b8;border-color:var(--orange)}
input[type=color]{width:64px;height:40px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#fff}
.search input{min-width:260px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:5px}
.field.full{grid-column:1/-1}
.field .help{font-size:12.5px;color:var(--muted);margin-top:4px}
.field .err,.errorlist{color:var(--red);font-size:13px;margin:4px 0 0;padding:0;list-style:none}
.field.check label{display:flex;align-items:center;gap:8px;font-weight:600}
.field.check input{width:18px;height:18px;accent-color:var(--orange)}
.checks{display:flex;gap:20px;flex-wrap:wrap}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}
.messages{list-style:none;padding:0;margin:0 0 18px}
.messages li{padding:12px 16px;border-radius:10px;background:#e3f5ea;color:#14532d;border:1px solid #bfe6cd;margin-bottom:8px}
.messages li.error{background:#fdecec;color:#7f1d1d;border-color:#f3c7c7}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kv small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.kv b{word-break:break-word}
.swatch{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:middle;margin-right:6px}
.empty{padding:34px;text-align:center;color:var(--muted)}
.notice{background:#fff7ef;border:1px solid #ffd9bf;border-radius:12px;padding:14px 18px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
@media(max-width:800px){.grid4{grid-template-columns:1fr 1fr}.grid2,.fields,.kv{grid-template-columns:1fr}.search input{min-width:0}.toolbar form.search{width:100%}.hide-sm{display:none}h1{font-size:28px}}