*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0d0d0d;--s1:#161616;--s2:#1e1e1e;--s3:#252525;
  --b1:#2a2a2a;--b2:#3a3a3a;
  --t1:#f0f0f0;--t2:#a0a0a0;--t3:#555;
  --red:#E24B4A;--redl:#ff6b6b;--redd:#2a1212;
  --teal:#1D9E75;--teld:#0d2a1f;
  --amb:#EF9F27;--ambd:#2a1e06;
  --blue:#378ADD;--blud:#0d1e33;
  --pur:#c4b5fd;--purd:#1a1433;
  --r:10px;--rs:6px;
}
body.light{
  --bg:#f4f5f7;--s1:#ffffff;--s2:#f8f9fb;--s3:#eef0f3;
  --b1:#e1e4e8;--b2:#d1d5db;
  --t1:#1a1a1a;--t2:#4a5568;--t3:#9ca3af;
  --red:#dc2626;--redl:#b91c1c;--redd:#fee2e2;
  --teal:#0e9f6e;--teld:#d1fae5;
  --amb:#d97706;--ambd:#fef3c7;
  --blue:#2563eb;--blud:#dbeafe;
  --pur:#7c3aed;--purd:#ede9fe;
}
body.light .hl2{background:#ede9fe;color:#5b21b6}
body.light #sl{background:radial-gradient(ellipse at 50% 0%,#fee2e2,var(--bg) 65%)}
body.light .gbtn{background:#1f2937;color:#fff;border:1px solid #1f2937}
body.light .gbtn:hover{background:#111827}
body.light .tasgn.hod{color:#5b21b6;background:#ede9fe}
body.light .tasgn.mem{color:#1d4ed8;background:#dbeafe}
body.light .tck.done{background:var(--teal);border-color:var(--teal)}
body.light .urbdg,body.light .uav,body.light .uav2,body.light .aav,body.light .dav,body.light .rcbdg,body.light .bpill,body.light .sbdg{filter:brightness(1)}
html,body{height:100%}
body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--t1);font-size:13px;line-height:1.5;overflow:hidden}
.scr{display:none}.scr.on{display:flex;flex-direction:column;height:100vh}

/* config gate */
#sc{align-items:center;justify-content:center;padding:40px 20px;background:var(--bg)}
.cbox{max-width:480px;background:var(--s1);border:.5px solid var(--b2);border-radius:var(--r);padding:24px;text-align:center}
.cbox h2{font-size:18px;color:var(--t1);margin-bottom:8px}
.cbox p{font-size:12px;color:var(--t2);margin-bottom:10px;line-height:1.6}
.cbox code{background:var(--s2);padding:2px 6px;border-radius:4px;color:var(--amb);font-size:11px}

/* LOGIN */
#sl{align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(ellipse at 50% 0%,#2a0808,var(--bg) 65%)}
.lbox{text-align:center;max-width:400px;width:100%}
.ltag{font-size:10px;color:var(--t3);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
.lh{font-size:22px;font-weight:600;margin-bottom:6px;color:var(--t1)}
.ls{font-size:12px;color:var(--t3);margin-bottom:24px;line-height:1.6}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;background:#fff;color:#1f1f1f;border:none;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:transform .1s}
.gbtn:hover{transform:translateY(-1px)}
.lerr{margin-top:12px;padding:8px 12px;background:var(--redd);color:var(--red);border:.5px solid var(--red);border-radius:var(--rs);font-size:12px;display:none}
.lerr.on{display:block}
.lnote{font-size:11px;color:var(--t3);margin-top:14px}

.demo-divider{display:flex;align-items:center;gap:9px;margin:18px 0 12px;color:var(--t3);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.4px}
.demo-divider::before,.demo-divider::after{content:"";flex:1;height:.5px;background:var(--b1)}
.demo-panel{display:flex;flex-direction:column;gap:6px;text-align:left}
.demo-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border:.5px solid var(--b2);border-radius:var(--rs);background:var(--s1);color:var(--t1);cursor:pointer;text-align:left;transition:all .15s;width:100%;font-family:inherit}
.demo-btn:hover{background:var(--s2);border-color:var(--red)}
.demo-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.demo-meta{flex:1;min-width:0}
.demo-name{font-size:12px;font-weight:600;color:var(--t1)}
.demo-role{font-size:10px;color:var(--t3)}
.demo-arrow{color:var(--t3);font-size:13px;font-weight:700;flex-shrink:0;opacity:.6}
.demo-email-row{display:flex;gap:6px;margin-top:10px}
.demo-email-row input{flex:1;padding:8px 10px;border:.5px solid var(--b2);border-radius:var(--rs);font-size:12px;background:var(--s1);color:var(--t1);outline:none}
.demo-email-row input:focus{border-color:var(--red)}
.demo-email-row button{padding:8px 14px;background:var(--red);color:#fff;border:none;border-radius:var(--rs);font-size:12px;font-weight:700;cursor:pointer}

.themetoggle{padding:4px 9px;border:.5px solid var(--b2);border-radius:var(--rs);background:none;font-size:13px;cursor:pointer;color:var(--t2);line-height:1}
.themetoggle:hover{border-color:var(--amb);color:var(--amb)}

.demo-banner{background:var(--ambd);border:.5px solid #3a2800;color:var(--amb);padding:5px 11px;border-radius:20px;font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.demo-banner::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amb)}

.fbadge{font-size:9px;padding:1px 6px;border-radius:5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.fbadge.daily{background:#0d1e33;color:#93c5fd}
.fbadge.weekly{background:#0d2a1f;color:#1D9E75}
.fbadge.monthly{background:#2a1e06;color:#EF9F27}
.fbadge.quarterly{background:#1a1433;color:#c4b5fd}
.fbadge.halfyearly{background:#2a1212;color:#ff6b6b}
.fbadge.annually{background:#2a0d2a;color:#e879f9}

.adminblk{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--r);padding:14px 16px;margin-bottom:12px}
.adminblk h3{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:4px}
.adminblk .desc{font-size:11px;color:var(--t3);margin-bottom:10px;line-height:1.5}
.adminblk .actions{display:flex;gap:7px;flex-wrap:wrap}
.adminblk .actions button{padding:7px 13px;border-radius:var(--rs);font-size:12px;font-weight:600;cursor:pointer;border:.5px solid;transition:all .15s}
.btn-danger{background:var(--redd);color:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}
.btn-good{background:var(--teld);color:var(--teal);border-color:var(--teal)}.btn-good:hover{background:var(--teal);color:#fff}
.btn-info{background:var(--blud);color:var(--blue);border-color:var(--blue)}.btn-info:hover{background:var(--blue);color:#fff}
.btn-warn{background:var(--ambd);color:var(--amb);border-color:var(--amb)}.btn-warn:hover{background:var(--amb);color:#fff}
.pending-msg{padding:14px;background:var(--ambd);color:var(--amb);border:.5px solid #3a2800;border-radius:var(--rs);font-size:12px;margin-top:14px;line-height:1.5}

/* APP */
#sa{background:var(--bg)}
.hdr{background:var(--s1);border-bottom:1px solid var(--b2);padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:50px;flex-shrink:0;gap:10px}
.hl{display:flex;align-items:center;gap:10px;flex-shrink:0}
.hsep{width:1px;height:24px;background:var(--b2)}
.htitle{font-size:13px;font-weight:600;color:var(--t1)}.hsub{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.4px}
.bpill{padding:3px 9px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.searchbar{flex:1;max-width:300px;display:flex;align-items:center;gap:7px;background:var(--s2);border:.5px solid var(--b2);border-radius:20px;padding:0 12px;transition:border-color .15s}
.searchbar:focus-within{border-color:var(--pur)}
.si{background:none;border:none;outline:none;color:var(--t1);font-size:12px;padding:6px 0;width:100%}
.si::placeholder{color:var(--t3)}
.aipill{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--purd);color:var(--pur);border:.5px solid var(--pur);flex-shrink:0}
.aipill.off{background:var(--s3);color:var(--t3);border-color:var(--b2)}
.hr{display:flex;align-items:center;gap:7px;flex-shrink:0}
.uchip{display:flex;align-items:center;gap:6px;background:var(--s2);padding:3px 9px 3px 3px;border-radius:20px;border:.5px solid var(--b2)}
.uav2{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.unm{font-size:11px;font-weight:500;color:var(--t1)}
.urbdg{font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600;white-space:nowrap}
.sout{padding:4px 10px;border:.5px solid var(--b2);border-radius:var(--rs);background:none;font-size:11px;cursor:pointer;color:var(--t2)}
.sout:hover{border-color:var(--red);color:var(--red)}

.sdropwrap{flex:1;max-width:300px;position:relative}
.sdrop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--s2);border:.5px solid var(--b2);border-radius:var(--r);overflow:hidden;max-height:400px;overflow-y:auto}
.sdrop-thinking{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:12px;color:var(--t2)}
.sdrop-dot{width:6px;height:6px;border-radius:50%;background:var(--pur);animation:pulse 1s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.sdrop-ai{background:var(--purd);border-bottom:.5px solid var(--b2);padding:10px 14px;font-size:12px;color:var(--t1);line-height:1.5}
.sdrop-ailbl{font-size:9px;font-weight:700;color:var(--pur);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}
.sdrop-row{display:flex;align-items:flex-start;gap:9px;padding:9px 14px;border-bottom:.5px solid var(--b1);cursor:pointer;transition:background .1s}
.sdrop-row:last-child{border-bottom:none}
.sdrop-row:hover{background:var(--s3)}
.sdrop-title{font-size:12px;font-weight:500;color:var(--t1)}
.sdrop-meta{display:flex;gap:6px;margin-top:2px;flex-wrap:wrap;align-items:center}
.hl2{background:#2d1f4a;color:#c4b5fd;border-radius:2px;padding:0 2px}
.sdrop-clear{padding:7px 14px;font-size:10px;color:var(--t3);cursor:pointer}
.sdrop-clear:hover{color:var(--t1)}

.layout{display:flex;flex:1;overflow:hidden}
.sb{width:188px;background:var(--s1);border-right:1px solid var(--b2);overflow-y:auto;flex-shrink:0}
.sbn{padding:10px 7px}
.sblbl{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--t3);text-transform:uppercase;padding:0 7px;margin-bottom:5px}
.ni{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:var(--rs);cursor:pointer;margin-bottom:1px;transition:background .1s}
.ni:hover{background:var(--s2)}.ni.on{background:var(--s2);border-left:2px solid var(--red);padding-left:5px}
.nd{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.nl{flex:1;font-size:12px;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nc{font-size:10px;color:var(--t3);flex-shrink:0}
.nmb{height:2px;background:var(--b1);border-radius:1px;margin-top:2px;overflow:hidden}
.nmbf{height:100%;border-radius:1px}
.ndiv{height:.5px;background:var(--b1);margin:7px 6px}

.mcol{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.topbar{background:var(--s1);border-bottom:1px solid var(--b2);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.tbt{min-width:0;flex:1}
.ttitle{font-size:16px;font-weight:600;color:var(--t1);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsub{font-size:11px;color:var(--t3);margin-top:1px}
.tbacts{display:flex;gap:6px;flex-shrink:0}
.addbtn{padding:7px 14px;background:var(--red);color:#fff;border:none;border-radius:var(--rs);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}
.addbtn:hover{background:var(--redl)}
.rptbtn{padding:7px 14px;background:none;color:var(--t2);border:.5px solid var(--b2);border-radius:var(--rs);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}
.rptbtn:hover{border-color:var(--teal);color:var(--teal)}
.body{overflow-y:auto;padding:14px 16px;flex:1}
.toast{background:var(--s1);border-top:1px solid var(--b2);padding:7px 16px;font-size:11px;color:var(--t2);min-height:32px;flex-shrink:0}
.ok{color:#4ade80;font-weight:600}.warn{color:#fb923c;font-weight:600}

.stg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.sc{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--rs);padding:11px 13px}
.slbl{font-size:9px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}
.sv{font-size:20px;font-weight:700}
.pcard{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--r);padding:12px 15px;margin-bottom:12px}
.plbl{font-size:9px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}
.ptr{height:8px;background:var(--b1);border-radius:4px;overflow:hidden}
.pfl{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--red),#ff8c42);transition:width .5s}
.ppct{font-size:12px;font-weight:700;color:var(--redl);margin-top:4px}

.dc{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--r);margin-bottom:9px;overflow:hidden}
.dh{padding:10px 13px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:background .1s}
.dh:hover{background:var(--s2)}
.dav{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.di{flex:1;min-width:0}.dn{font-size:13px;font-weight:600;color:var(--t1)}.dhod{font-size:10px;color:var(--t3)}
.dpw{width:110px;flex-shrink:0}
.dpb{height:4px;background:var(--b1);border-radius:2px;overflow:hidden;margin-bottom:2px}
.dpf{height:100%;border-radius:2px}
.dpt{font-size:10px;color:var(--t3);text-align:right}
.sbdg{padding:2px 7px;border-radius:9px;font-size:10px;font-weight:600}
.chv{color:var(--t3);font-size:10px;transition:transform .2s;flex-shrink:0}
.chv.op{transform:rotate(180deg)}
.tl{padding:0 13px 6px}
.tr{display:flex;align-items:flex-start;gap:7px;padding:8px 0;border-bottom:.5px solid var(--b1)}
.tr:last-child{border-bottom:none}
.tck{width:15px;height:15px;border-radius:3px;border:1.5px solid var(--b2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .15s}
.tck.done{background:var(--teal);border-color:var(--teal)}.tck.done::after{content:"✓";color:#fff;font-size:9px;font-weight:700}
.tck.can{cursor:pointer}.tck.cant{opacity:.25}
.tpri{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:5px}
.tpri.high{background:#E24B4A}.tpri.med{background:#EF9F27}.tpri.low{background:#1D9E75}
.tbody{flex:1;min-width:0}
.ttx{font-size:12px;color:var(--t1)}.ttx.done{color:var(--t3);text-decoration:line-through}
.tmeta{display:flex;gap:5px;margin-top:2px;flex-wrap:wrap;align-items:center}
.tasgn{font-size:10px;padding:1px 6px;border-radius:6px;font-weight:600}
.tasgn.hod{color:#c4b5fd;background:#1e1433}.tasgn.mem{color:#93c5fd;background:#0d1e2e}
.tnotes{font-size:10px;color:var(--t3);font-style:italic}
.tdue{font-size:10px;color:var(--t3)}
.tdue.overdue{color:var(--red);font-weight:600}
.tby{font-size:10px;color:var(--t3)}
.tact{display:flex;gap:4px;align-items:center;flex-shrink:0}
.apd{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--b2);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:var(--t3);transition:all .15s;flex-shrink:0}
.apd.can{cursor:pointer}.apd.can:hover{background:var(--s3)}
.apd.ton{background:var(--blud);border-color:var(--blue);color:#93c5fd}
.apd.aon{background:var(--purd);border-color:var(--pur);color:#c4b5fd}
.tedit{width:20px;height:20px;border-radius:4px;border:.5px solid var(--b2);display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer;color:var(--t3);background:none;transition:all .15s;flex-shrink:0}
.tedit:hover{border-color:var(--amb);color:var(--amb);background:var(--ambd)}
.sob{background:var(--s2);border-top:.5px solid var(--b2);padding:7px 13px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--t3)}
.sob strong{color:var(--t1);font-weight:600}
.sobbtn{padding:3px 8px;border-radius:var(--rs);font-size:11px;font-weight:600;cursor:pointer;border:.5px solid;background:var(--teld);color:var(--teal);border-color:var(--teal)}
.sobbtn:hover{background:var(--teal);color:#fff}

.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.rcard{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--r);padding:14px 15px}
.rcard.locked{border-color:#3a2a00;background:#141200}
.rcname{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.rcbdg{font-size:10px;padding:2px 8px;border-radius:7px;font-weight:600;display:inline-block;margin-bottom:9px}
.permlist{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.permrow{display:flex;align-items:center;gap:6px;font-size:11px}
.permdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.permdot.on{background:#4ade80}.permdot.off{background:var(--b2)}
.rcacts{display:flex;gap:5px;padding-top:9px;border-top:.5px solid var(--b1);flex-wrap:wrap}
.bsm{padding:3px 9px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;border:.5px solid var(--b2);background:none;color:var(--t2)}
.bsm:hover{color:var(--t1);background:var(--s2)}
.bsm.pri{background:var(--red);color:#fff;border-color:var(--red)}.bsm.pri:hover{background:var(--redl)}
.bsm.danger{color:var(--red);border-color:var(--redd)}.bsm.danger:hover{background:var(--red);color:#fff}
.locked-notice{font-size:10px;color:var(--amb);margin-top:8px;padding-top:8px;border-top:.5px solid #3a2800}
.ptgl{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--rs);padding:2px 12px}
.ptrow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:.5px solid var(--b1)}
.ptrow:last-child{border-bottom:none}
.ptlbl{font-size:12px;color:var(--t1)}.ptsub{font-size:10px;color:var(--t3)}
.toggle{width:32px;height:18px;border-radius:9px;background:var(--b2);cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}
.toggle.on{background:var(--teal)}.toggle::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .2s}
.toggle.on::after{left:17px}
.cpicker{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.csw{width:26px;height:26px;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:all .15s}
.csw.sel{border-color:#fff}
.bpreview{display:inline-flex;align-items:center;gap:6px;margin-top:6px}

.astg{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}
.asc{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--rs);padding:12px 13px;text-align:center}
.ascv{font-size:24px;font-weight:700;margin-bottom:3px}
.ascl{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;font-weight:600}
.utbl{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.uthd{display:grid;grid-template-columns:1.8fr 2fr 1.3fr 1fr 120px;padding:8px 14px;border-bottom:.5px solid var(--b2);background:var(--s2)}
.uthdcl{font-size:9px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px}
.urow{display:grid;grid-template-columns:1.8fr 2fr 1.3fr 1fr 120px;padding:9px 14px;border-bottom:.5px solid var(--b1);align-items:center;transition:background .1s}
.urow:last-child{border-bottom:none}.urow:hover{background:var(--s2)}
.ucl{font-size:12px;color:var(--t1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ucl.m{color:var(--t3);font-size:11px}
.uact{display:flex;gap:4px;flex-wrap:wrap}
.bedit{padding:2px 8px;border-radius:var(--rs);font-size:10px;font-weight:600;cursor:pointer;border:.5px solid var(--b2);background:none;color:var(--t2)}
.bedit:hover{border-color:var(--blue);color:#93c5fd}
.bdel{padding:2px 8px;border-radius:var(--rs);font-size:10px;font-weight:600;cursor:pointer;border:.5px solid var(--b1);background:none;color:var(--t3)}
.bdel:hover{border-color:var(--red);color:var(--red);background:var(--redd)}
.bswtch{display:flex;gap:5px}
.btab{padding:4px 12px;border-radius:20px;border:.5px solid var(--b2);background:var(--s1);color:var(--t2);cursor:pointer;font-size:11px;font-weight:500;transition:all .15s}
.btab.on{background:var(--red);color:#fff;border-color:var(--red)}
.loglist{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--r);overflow:hidden}
.logrow{display:flex;gap:12px;padding:8px 14px;border-bottom:.5px solid var(--b1);font-size:12px;align-items:flex-start}
.logrow:last-child{border-bottom:none}
.logt{color:var(--t3);font-family:monospace;font-size:10px;flex-shrink:0;margin-top:2px}
.logm{color:var(--t1);flex:1}.loga{color:var(--t3);font-size:10px;margin-top:2px}
.sechead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px}
.sectl{font-size:14px;font-weight:600;color:var(--t1)}
.secsub{font-size:11px;color:var(--t3);margin-top:2px}
.ibox{font-size:11px;color:var(--amb);background:var(--ambd);padding:7px 10px;border-radius:var(--rs);margin-bottom:11px;border:.5px solid #3a2800}
.empty{padding:24px;text-align:center;color:var(--t3);font-size:12px}

.mov{position:fixed;inset:0;background:rgba(0,0,0,.78);padding:24px 16px;display:flex;align-items:center;justify-content:center;z-index:200}
.mbox{background:var(--s2);border-radius:12px;padding:20px;width:100%;max-width:440px;border:.5px solid var(--b2);max-height:88vh;overflow-y:auto}
.mh{font-size:15px;font-weight:600;margin-bottom:14px;color:var(--t1)}
.fg{margin-bottom:11px}
.fl{font-size:10px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;display:block}
.fi,.fsel,.fta{width:100%;padding:8px 10px;border:.5px solid var(--b2);border-radius:var(--rs);font-size:12px;background:var(--s1);color:var(--t1);outline:none}
.fi:focus,.fsel:focus,.fta:focus{border-color:var(--red)}
.fta{resize:vertical;min-height:54px}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.macts{display:flex;gap:7px;justify-content:flex-end;margin-top:14px}
.macts-split{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:8px}
.mcanc{padding:7px 13px;border:.5px solid var(--b2);border-radius:var(--rs);background:none;font-size:12px;cursor:pointer;color:var(--t2)}
.msav{padding:7px 15px;background:var(--red);color:#fff;border:none;border-radius:var(--rs);font-size:12px;font-weight:700;cursor:pointer}
.msav:hover{background:var(--redl)}
.mdel{padding:7px 13px;background:var(--redd);color:var(--red);border:.5px solid var(--red);border-radius:var(--rs);font-size:12px;font-weight:600;cursor:pointer}
.mdel:hover{background:var(--red);color:#fff}

.rfilt{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}
.rprev{background:var(--s1);border:.5px solid var(--b2);border-radius:var(--rs);overflow:hidden;margin-bottom:12px;max-height:200px;overflow-y:auto}
.rthd{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr 1fr;padding:6px 12px;border-bottom:.5px solid var(--b2);background:var(--s2);position:sticky;top:0}
.rthc{font-size:9px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px}
.rtrow{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr 1fr;padding:7px 12px;border-bottom:.5px solid var(--b1);align-items:center}
.rtrow:last-child{border-bottom:none}
.rtc{font-size:11px;color:var(--t1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rtc.m{color:var(--t3);font-size:10px}
.dlbtns{display:flex;gap:7px}
.dlbtn{padding:7px 14px;border-radius:var(--rs);font-size:12px;font-weight:600;cursor:pointer;border:.5px solid;transition:all .15s}
.dlbtn.csv{background:var(--teld);color:var(--teal);border-color:var(--teal)}.dlbtn.csv:hover{background:var(--teal);color:#fff}
.dlbtn.pdf{background:var(--blud);color:#93c5fd;border-color:var(--blue)}.dlbtn.pdf:hover{background:var(--blue);color:#fff}

@media (max-width:680px){
  .sb{display:none}
  .stg{grid-template-columns:repeat(2,1fr)}
  .astg{grid-template-columns:repeat(2,1fr)}
  .rgrid{grid-template-columns:1fr}
  .uthd,.urow{grid-template-columns:1fr 1fr;font-size:11px}
  .uthd>:nth-child(n+3),.urow>:nth-child(n+3){display:none}
  .searchbar,.sdropwrap{max-width:none}
  .htitle{font-size:12px}.hsub{display:none}
}