:root{--navy:#0b1f3a;--blue:#1565c0;--teal:#12b5a6;--amber:#f5a524;--bg:#f3f6fb;--ink:#14202f;--muted:#5d6b7e;--line:#dbe2ec;--bad:#b3261e;--good:#2e7d32}
*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--blue)}code{background:#e9eef6;padding:.05em .35em;border-radius:4px;font-size:.9em}h1,h2,h3{line-height:1.2;margin:0}h2{font-size:1.15rem;margin-bottom:.8rem}h3{font-size:1.05rem}
.adm{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
aside{background:var(--navy);color:#cfdbea;padding:1.2rem .9rem;position:sticky;top:0;height:100vh;overflow:auto}
aside a{display:flex;justify-content:space-between;align-items:center;color:#cfdbea;text-decoration:none;padding:.5rem .7rem;border-radius:8px}aside a:hover{background:rgba(255,255,255,.08)}aside a[aria-current]{background:var(--blue);color:#fff}
.abrand{display:block!important;font:700 1.7rem/1 "Barlow Condensed",system-ui,sans-serif;color:#fff!important;letter-spacing:.06em;margin-bottom:.8rem;padding:.3rem .7rem!important}.abrand small{display:block;font:500 .72rem system-ui;letter-spacing:.12em;color:#8fa6c2;text-transform:none;margin-top:.2rem}
.grp{font-size:.74rem;color:#7f95b3;margin:1.1rem .7rem .3rem;font-weight:600}.badge{background:var(--amber);color:#2b1c00;border-radius:99px;font-size:.75rem;font-weight:700;padding:0 .5rem}
main{padding:1.6rem 2rem 4rem;min-width:0;max-width:1180px}
.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem}.topbar h1{font-size:1.7rem;flex:1;min-width:200px}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.menu-btn{display:none}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.3rem;margin-bottom:1.3rem;box-shadow:0 1px 3px rgba(11,31,58,.04)}.card.narrow{max-width:640px}fieldset.card{margin-inline:0}legend{font-weight:700;padding:0 .4rem;font-size:1.05rem}
.stack{display:grid;gap:1rem}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem 1.4rem}.fgrid>label:has(textarea),.fgrid>label:has([name=body]){grid-column:1/-1}
label,.field{display:grid;gap:.3rem;font-weight:600;align-content:start}label.chk{display:flex;align-items:center;gap:.6rem;font-weight:500}label.chk input{width:auto}.lbl{font-weight:600}label i{color:var(--bad);font-style:normal}
label small,.field small{font-weight:400;color:var(--muted)}
input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea{font:inherit;padding:.55rem .65rem;border:1px solid #a9b5c5;border-radius:8px;width:100%;background:#fff;font-weight:400}input[type=color]{width:70px;height:40px;padding:2px;border:1px solid #a9b5c5;border-radius:8px;background:#fff}textarea{resize:vertical}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #9cc7f5;outline-offset:1px}
.btn{display:inline-block;background:var(--blue);color:#fff;border:2px solid var(--blue);padding:.5rem 1.1rem;border-radius:8px;font:600 .95rem system-ui;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(.92)}
.btn.ghost{background:#fff;color:var(--blue)}.btn.danger{background:#fff;color:var(--bad);border-color:#e3b4b0}.btn.danger:hover{background:var(--bad);color:#fff;filter:none}.btn.sm{padding:.25rem .7rem;font-size:.85rem}
.ibtn{border:1px solid var(--line);background:#fff;border-radius:6px;width:30px;height:30px;cursor:pointer;font-size:1rem}.ibtn:hover{background:var(--bg)}
.inl{display:inline-flex;gap:.35rem;align-items:center;margin:0}.inl input{width:auto;min-width:200px}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}.row h2{margin:0}
.addsec select{width:auto;min-width:220px}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.82rem;color:var(--muted);font-weight:600;background:#f7f9fc}
.act{display:flex;gap:.4rem;white-space:nowrap;align-items:center}.thumbcell{width:70px}.thumbcell img{width:60px;height:40px;object-fit:cover;border-radius:6px;display:block}
.pill{display:inline-block;background:#e8edf4;color:var(--muted);border-radius:99px;font-size:.78rem;font-weight:600;padding:.1rem .6rem}.pill.good{background:#e1f3e4;color:var(--good)}
.muted{color:var(--muted)}.small{font-size:.85rem}
.notice{padding:.75rem 1rem;border-left:5px solid;border-radius:6px;margin:0 0 1.2rem;background:#fff}.notice.good{background:#e6f4ea;border-color:var(--good)}.notice.bad{background:#fdecea;border-color:var(--bad)}
.tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tabs a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:.3rem 1rem;text-decoration:none;font-weight:600;color:var(--ink)}.tabs a:hover{border-color:var(--blue);color:var(--blue)}
.sticky{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 35%);padding:1.5rem 0 .5rem;margin:0}
.imgpick{display:flex;gap:1rem;align-items:center}.imgpick .thumb{width:120px;height:72px;border:1px dashed #a9b5c5;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:repeating-conic-gradient(#f0f3f8 0 25%,#fff 0 50%) 0 0/16px 16px;flex:none}.imgpick .thumb img{max-width:100%;max-height:100%;object-fit:contain}
.btns{display:flex;gap:.4rem;flex-wrap:wrap}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.mcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem}.mthumb{aspect-ratio:16/10;background:repeating-conic-gradient(#f0f3f8 0 25%,#fff 0 50%) 0 0/16px 16px;border-radius:8px;display:grid;place-items:center;overflow:hidden;margin-bottom:.7rem}.mthumb img{max-width:100%;max-height:100%;object-fit:contain}
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.icard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem;text-align:center}.iprev{display:grid;place-items:center;height:64px;color:var(--blue)}.iprev .ic{width:44px;height:44px}.icard .row{justify-content:center;margin-top:.6rem}
.stat4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.3rem}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;text-decoration:none;color:var(--muted);transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,31,58,.08)}.stat b{display:block;font-size:2rem;color:var(--blue);line-height:1.1}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.links{list-style:none;padding:0;margin:0}.links li a{display:block;padding:.6rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--muted)}.links b{display:block;color:var(--ink)}
.enq.read{opacity:.65}.enq h3 small{font-weight:400}.enqline{border-bottom:1px solid var(--line);padding-bottom:.6rem}.enqline.read{opacity:.6}
.quickadd{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}
.logincard{background:#fff;max-width:400px;margin:8vh auto;padding:2rem;border-radius:14px;display:grid;gap:1rem;box-shadow:0 20px 50px rgba(11,31,58,.15)}.loginbody{background:linear-gradient(135deg,#0b1f3a,#12366a)}.logincard .abrand{color:var(--blue)!important;padding:0!important}.logincard .abrand small{color:var(--muted)}
/* image picker modal */
.pm{position:fixed;inset:0;background:rgba(7,18,36,.6);display:grid;place-items:center;z-index:100;padding:1rem}.pm[hidden]{display:none}
.pm-box{background:#fff;border-radius:14px;width:min(920px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.pm-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pm-body{padding:1rem 1.2rem;overflow:auto}.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}
.pm-item{border:2px solid transparent;border-radius:10px;padding:.3rem;background:#f5f7fb;cursor:pointer;text-align:left;font:inherit}.pm-item:hover,.pm-item:focus-visible{border-color:var(--blue)}.pm-item img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:6px;display:block}.pm-item span{display:block;font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem}
.pm-msg{color:var(--bad);margin:0 0 .6rem}
@media(max-width:900px){.adm{grid-template-columns:1fr}aside{position:fixed;left:0;top:0;width:250px;transform:translateX(-100%);transition:transform .25s;z-index:50}aside.open{transform:none}.menu-btn{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.4rem .8rem;font:inherit}main{padding:1rem}.grid2{grid-template-columns:1fr}.imgpick{flex-wrap:wrap}}