:root{
  --bg:#F1F4F2;--surface:#FFFFFF;--surface-2:#F6F8F7;--ink:#14201A;--muted:#5A6A62;--line:#D9E1DD;
  --brand:#0F6B4F;--accent:#E3A13B;--danger:#B93A2A;--ok:#1B7A4F;--warn:#98620F;
  --side:#0D271E;--side-ink:#BFD5CB;--side-hi:#FFFFFF;
  --brand-soft:color-mix(in srgb,var(--brand) 11%,var(--surface));
  --accent-soft:color-mix(in srgb,var(--accent) 18%,var(--surface));
  --danger-soft:color-mix(in srgb,var(--danger) 11%,var(--surface));
  --shadow:0 1px 2px rgba(8,28,20,.05),0 6px 20px rgba(8,28,20,.06);
  --font:'Hind',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0C1310;--surface:#141E19;--surface-2:#18241E;--ink:#E3ECE7;--muted:#92A69B;--line:#25332C;
  --side:#08100C;--side-ink:#9DB7AA;--danger:#E0634F;--ok:#46B07D;--warn:#D9A04A;--shadow:0 1px 2px rgba(0,0,0,.3);
}}
:root[data-theme="dark"]{
  --bg:#0C1310;--surface:#141E19;--surface-2:#18241E;--ink:#E3ECE7;--muted:#92A69B;--line:#25332C;
  --side:#08100C;--side-ink:#9DB7AA;--danger:#E0634F;--ok:#46B07D;--warn:#D9A04A;--shadow:0 1px 2px rgba(0,0,0,.3);
}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
html,body{height:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:600}
h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}
p{margin:0 0 .8em}
a{color:var(--brand)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.small{font-size:.86rem}
.right{text-align:right}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spacer{flex:1}
.stack>*+*{margin-top:16px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:500;line-height:1.2;text-decoration:none;color:var(--ink);white-space:nowrap}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary:hover{filter:brightness(1.08)}
.btn.accent{background:var(--accent);border-color:var(--accent);color:#1d1406}
.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}
.btn.ghost{background:transparent;border-color:transparent}
.btn.ghost:hover{background:var(--surface-2)}
.btn.sm{padding:5px 10px;font-size:.86rem;border-radius:6px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.linkbtn{background:none;border:0;padding:0;color:var(--brand);cursor:pointer;text-decoration:underline}

/* shell */
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100%}
.side{background:var(--side);color:var(--side-ink);padding:18px 12px 24px;position:sticky;top:0;height:100vh;height:100dvh;overflow:auto}
.side .brandmark{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;color:var(--side-hi);font-weight:700;font-size:1.15rem}
.side .brandmark i{width:30px;height:30px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:#1d1406;font-style:normal;font-weight:700}
.side .who{padding:0 10px 14px;font-size:.84rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.side .who b{color:var(--side-hi);font-weight:600;display:block}
.nav-group{font-size:.78rem;color:color-mix(in srgb,var(--side-ink) 70%,transparent);padding:14px 12px 4px}
.nav a{display:block;padding:7px 12px;border-radius:7px;color:var(--side-ink);text-decoration:none;cursor:pointer;border-left:3px solid transparent}
.nav a:hover{background:rgba(255,255,255,.05);color:var(--side-hi)}
.nav a.on{background:rgba(255,255,255,.08);color:var(--side-hi);border-left-color:var(--accent)}
.main{min-width:0;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top h1{font-size:1.2rem;margin:0}
.hamb{display:none}
.content{padding:22px 24px 60px;max-width:1320px;width:100%}
.syncdot{font-size:.8rem;color:var(--muted)}
@media (max-width:600px){.syncdot{display:none}}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;z-index:30;width:270px;transform:translateX(-105%);transition:transform .2s;padding-top:calc(18px + env(safe-area-inset-top,0px))}
  .nav-open .side{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.35)}
  .hamb{display:inline-flex}
  .top{padding:10px 14px}
  .content{padding:16px 14px 60px}
}

/* cards, stats */
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}
.card>h3:first-child{margin-bottom:12px}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.stat .v{font-size:1.55rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;margin-top:4px}
.stat .l{font-size:.86rem;color:var(--muted)}
.stat.hi{background:var(--brand);border-color:var(--brand);color:#fff}
.stat.hi .l{color:rgba(255,255,255,.8)}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.search{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:220px}

/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.tabs button{border:0;background:none;padding:9px 14px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;font-weight:500}
.tabs button.on{color:var(--ink);border-bottom-color:var(--brand)}

/* tables */
.tblwrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.tbl{width:100%;border-collapse:collapse;font-size:.93rem}
.tbl th{text-align:left;font-weight:600;color:var(--muted);font-size:.84rem;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl td.n,.tbl th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.empty{padding:34px 18px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:12px}

.badge{display:inline-block;padding:1px 9px;border-radius:99px;font-size:.8rem;font-weight:500;background:var(--surface-2);border:1px solid var(--line);white-space:nowrap}
.badge.ok{background:color-mix(in srgb,var(--ok) 13%,var(--surface));color:var(--ok);border-color:transparent}
.badge.warn{background:var(--accent-soft);color:var(--warn);border-color:transparent}
.badge.bad{background:var(--danger-soft);color:var(--danger);border-color:transparent}
.badge.info{background:var(--brand-soft);color:var(--brand);border-color:transparent}

/* action menu */
details.menu{position:relative;display:inline-block}
details.menu summary{list-style:none;cursor:pointer}
details.menu summary::-webkit-details-marker{display:none}
details.menu>div{position:absolute;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:200px;z-index:20;padding:6px}
details.menu>div button{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 10px;border-radius:6px;cursor:pointer}
details.menu>div button:hover{background:var(--surface-2)}
details.menu>div button.del{color:var(--danger)}

/* forms */
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 14px}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field.full{grid-column:1/-1}
.field>span{font-size:.86rem;font-weight:500;color:var(--muted)}
.field input,.field select,.field textarea{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);width:100%}
.field textarea{resize:vertical}
.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:3px 0}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 12px}
.hint{font-size:.84rem;color:var(--muted);margin-top:4px}
.note{background:var(--accent-soft);border-radius:10px;padding:10px 14px;font-size:.9rem;margin-bottom:14px}
.note.info{background:var(--brand-soft)}
.note.bad{background:var(--danger-soft);color:var(--danger)}
fieldset{border:1px solid var(--line);border-radius:10px;padding:10px 14px 12px;margin:0}
legend{font-size:.86rem;font-weight:600;padding:0 6px}

/* modal */
.overlay{position:fixed;inset:0;background:rgba(6,16,12,.5);display:grid;place-items:center;z-index:50;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px))}
.modal{background:var(--surface);border-radius:14px;width:min(620px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.modal.wide{width:min(940px,100%)}
.modal header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.modal header h3{margin:0;flex:1}
.modal .x{border:0;background:none;font-size:1.5rem;cursor:pointer;color:var(--muted);line-height:1}
.modal form{display:flex;flex-direction:column;min-height:0;flex:1}
.modal .mbody{padding:16px 18px;overflow:auto}
.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}
#toasts{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;z-index:60}
.toast{background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px;max-width:340px;box-shadow:var(--shadow);font-size:.92rem}
.toast.err{background:var(--danger);color:#fff}

/* bars */
.bars{display:flex;align-items:flex-end;gap:8px;height:170px;padding-top:10px}
.bars .b{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;min-width:0}
.bars .b i{display:block;width:100%;max-width:44px;background:var(--brand);border-radius:6px 6px 2px 2px;min-height:2px}
.bars .b span{font-size:.74rem;color:var(--muted);white-space:nowrap}
.bars .b em{font-style:normal;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}
.meter{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.meter i{display:block;height:100%;background:var(--brand)}
.meter.full i{background:var(--danger)}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);align-items:center}
.list li:last-child{border-bottom:0}

/* POS */
.pos{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
.pos-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tile{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:92px}
.tile:hover{border-color:var(--brand)}
.tile b{font-weight:600;line-height:1.25}
.tile .p{margin-top:auto;font-weight:600;color:var(--brand);font-variant-numeric:tabular-nums}
.tile.out{opacity:.5}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.chip{border:1px solid var(--line);background:var(--surface);padding:4px 12px;border-radius:99px;cursor:pointer;font-size:.88rem}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cart{position:sticky;top:76px}
.cart .lines{max-height:40vh;overflow:auto;margin:10px 0}
.cline{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.qty{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.qty button{border:0;background:var(--surface-2);width:28px;cursor:pointer}
.qty input{width:44px;border:0;text-align:center;background:var(--surface);padding:4px 0}
.tot{display:flex;justify-content:space-between;padding:3px 0;font-variant-numeric:tabular-nums}
.tot.big{font-size:1.45rem;font-weight:700;border-top:2px solid var(--ink);margin-top:6px;padding-top:8px}
@media (max-width:1050px){.pos{grid-template-columns:1fr}.cart{position:static}}

/* receipt */
.receipt{font-size:.9rem;max-width:380px;margin:0 auto}
.receipt table{width:100%;border-collapse:collapse}
.receipt td{padding:3px 0;border-bottom:1px dashed var(--line)}
@media print{
  body *{visibility:hidden}
  body:not(.pr) .receipt,body:not(.pr) .receipt *{visibility:visible}
  body:not(.pr) .receipt{position:absolute;left:0;top:0;width:100%;color:#000}
  body.pr .printarea,body.pr .printarea *{visibility:visible}
  body.pr .printarea{position:absolute;left:0;top:0;width:100%;color:#000}
  body.pr .noprint{display:none}
}
.fs{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 18px 12px;max-width:860px}
.fs .fh{text-align:center;padding:12px 0 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.fs .fh b{font-size:1.15rem;display:block}
.fs .grp{font-weight:600;padding:12px 0 4px;border-bottom:1px solid var(--line)}
.fs .ln{display:flex;justify-content:space-between;gap:12px;padding:5px 0 5px 14px;font-variant-numeric:tabular-nums}
.fs .ln span:last-child{white-space:nowrap}
.fs .sub{display:flex;justify-content:space-between;padding:7px 0;font-weight:600;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.fs .grand{display:flex;justify-content:space-between;padding:10px 0;font-weight:700;font-size:1.1rem;border-top:2px solid var(--ink);border-bottom:3px double var(--ink);font-variant-numeric:tabular-nums}
.jl td{padding-top:4px;padding-bottom:4px}
.jl tr.jh td{background:var(--surface-2);padding-top:9px;border-top:1px solid var(--line)}
.jl td.ind{padding-left:26px}

/* public site */
.pub{background:var(--surface)}
.pnav{display:flex;align-items:center;gap:18px;padding:14px max(20px,calc((100% - 1160px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:5;flex-wrap:wrap}
.pnav .logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:8px}
.pnav .logo i{width:28px;height:28px;border-radius:8px;background:var(--accent);display:grid;place-items:center;font-style:normal;color:#1d1406}
.pnav a.l{color:var(--ink);text-decoration:none;cursor:pointer}
.sec{padding:64px max(20px,calc((100% - 1160px)/2))}
.sec.alt{background:var(--bg)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:56px}
.hero h1{font-size:clamp(2rem,4.5vw,3.3rem);letter-spacing:-.01em;max-width:16ch}
.hero .lead{font-size:1.15rem;color:var(--muted);max-width:52ch}
.receipt-art{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:22px;font-variant-numeric:tabular-nums;transform:rotate(-1.5deg);box-shadow:var(--shadow);max-width:400px;justify-self:center;width:100%}
.receipt-art .rl{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
.receipt-art .rt{display:flex;justify-content:space-between;font-size:1.6rem;font-weight:700;padding-top:12px}
.stamp{display:inline-block;border:2px solid var(--ok);color:var(--ok);padding:2px 10px;border-radius:6px;font-weight:700;transform:rotate(-6deg);margin-top:10px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px 28px}
.feat>div{border-top:2px solid var(--ink);padding-top:12px}
.feat .ic{font-size:1.4rem}
.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.plan{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.plan .price{font-size:2.1rem;font-weight:700;font-variant-numeric:tabular-nums}
.plan ul{padding-left:18px;margin:0;color:var(--muted);flex:1}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600}
.pfoot{padding:40px max(20px,calc((100% - 1160px)/2));background:var(--side);color:var(--side-ink)}
.pfoot a{color:var(--side-hi);cursor:pointer}
.previewbar{background:var(--accent);color:#1d1406;padding:8px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:500}
@media (max-width:820px){.hero{grid-template-columns:1fr}.sec{padding-top:44px;padding-bottom:44px}}


/* ---- professional layer ---- */
.ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav a{display:flex;align-items:center;gap:10px}
.nav a .ico{opacity:.8}.nav a.on .ico{opacity:1;color:var(--accent)}
.side{display:flex;flex-direction:column}.side .nav{flex:1}
.sidefoot{font-size:.75rem;color:color-mix(in srgb,var(--side-ink) 60%,transparent);padding:18px 12px 0}
.brandmark .blogo{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}
.brandmark span{overflow:hidden;text-overflow:ellipsis}
.brandmark .ho-of{display:block;font-size:.78rem;font-weight:500;opacity:.8;margin-top:2px}
.iconbtn{padding:6px 8px;position:relative}
.gsbtn{color:var(--muted);gap:8px;min-width:200px;justify-content:flex-start}
.gsbtn kbd{margin-left:auto}
kbd{font:500 .72rem/1 var(--font);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:3px 5px;background:var(--surface-2);color:var(--muted)}
@media (max-width:760px){.gsbtn{min-width:0}.gsbtn .gslabel,.gsbtn kbd{display:none}}
details.bell>div{min-width:300px}
details.bell>div button{display:flex;gap:10px;align-items:flex-start}
.count{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border-radius:99px;font-size:.68rem;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}
.dot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex:none;background:var(--brand)}.dot.warn{background:var(--accent)}.dot.bad{background:var(--danger)}
.avatar{list-style:none;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem;cursor:pointer}
.avatar::-webkit-details-marker{display:none}
.pager{display:flex;align-items:center;gap:10px;padding:10px 4px;flex-wrap:wrap}
.gsr{margin-top:10px;max-height:55vh;overflow:auto}
.gsr button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 6px;cursor:pointer}
.gsr button:hover,.gsr button:focus{background:var(--surface-2)}
.logobox{width:120px;height:64px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;background:var(--surface-2)}
.logobox img{max-width:110px;max-height:56px;object-fit:contain}
.auth.split{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;place-items:stretch}
.auth.split>.card{align-self:center;justify-self:center;margin:24px}
.authbrand{background:var(--side);color:var(--side-ink);padding:48px;display:flex;flex-direction:column;justify-content:space-between}
.authbrand .logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.3rem;margin-bottom:40px}
.authbrand .logo i{width:34px;height:34px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:#1d1406;font-style:normal}
.authbrand h2{color:#fff;font-size:1.9rem;max-width:18ch;line-height:1.2}
.authbrand ul{padding-left:18px;line-height:2}
@media (max-width:860px){.auth.split{grid-template-columns:1fr}.authbrand{display:none}}
/* A4 invoice */
.a4inv{background:#fff;color:#111;font-size:12.5px;line-height:1.45;border:1px solid #d7d7d7;padding:22px 24px;max-width:794px;margin:0 auto}
.a4inv .muted{color:#666}
.a4head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:12px}
.a4biz{display:flex;gap:12px}.a4logo{max-width:110px;max-height:60px;object-fit:contain}
.a4name{font-size:1.25rem}
.a4title{text-align:right}.a4doc{font-weight:700;font-size:1.05rem;letter-spacing:.06em;margin-bottom:6px}
.a4title table td{padding:1px 0 1px 12px}
.a4ret{display:inline-block;border:2px solid #b93a2a;color:#b93a2a;font-weight:700;padding:2px 8px;margin-top:6px}
.a4bill{padding:10px 0;border-bottom:1px solid #d7d7d7}
.a4items{width:100%;border-collapse:collapse;margin-top:10px}
.a4items th{background:#f1f1f1;text-align:left;padding:6px;border:1px solid #d7d7d7;font-size:11.5px}
.a4items td{padding:6px;border:1px solid #e3e3e3;vertical-align:top}
.a4inv .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.a4foot{display:flex;gap:20px;margin-top:12px}
.a4left{flex:1.3}.a4right{flex:1}
.a4right table{width:100%;border-collapse:collapse}.a4right td{padding:4px 0;border-bottom:1px solid #eee}
.a4right tr.gt td{font-weight:700;font-size:1.1rem;border-top:2px solid #111;border-bottom:2px solid #111}
.a4upi{display:flex;gap:10px;align-items:center;margin:8px 0}.upiqr svg{display:block;width:110px;height:110px}
.a4sign{text-align:right;margin-top:40px}.a4sline{border-bottom:1px solid #111;height:36px;margin:0 0 4px auto;width:180px}
@media (max-width:640px){.a4head,.a4foot{flex-direction:column}.a4title{text-align:left}}
@media print{
  body:not(.pr) .a4inv,body:not(.pr) .a4inv *{visibility:visible}
  body:not(.pr) .a4inv{position:absolute;left:0;top:0;width:100%;max-width:none;border:0;padding:0}
  .modal .tabs{display:none}
}

/* auth */
.auth{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--bg)}
.auth .card{width:min(460px,100%)}
.loading{min-height:100%;display:grid;place-items:center;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/*---*/
#offbar{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;padding:8px 14px;border-radius:99px;font-size:.85rem;font-weight:500;box-shadow:0 4px 16px rgba(0,0,0,.18);max-width:calc(100vw - 24px)}#offbar.down{background:#9A6414;color:#fff}#offbar.sync{background:var(--brand);color:#fff}@media print{#offbar{display:none}}
/*---*/
.upibox{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px}.upiqr2{width:168px;height:168px;background:#fff;border-radius:8px;padding:6px;display:grid;place-items:center}.upiqr2 svg{width:100%;height:100%}
/*---*/
.fysel{margin-right:8px;padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem}#fybar{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:80;background:#6B4FA0;color:#fff;padding:6px 8px 6px 14px;border-radius:99px;font-size:.85rem;display:flex;gap:10px;align-items:center;box-shadow:0 4px 16px rgba(0,0,0,.2)}#fybar .btn{background:#fff;color:#222}@media print{#fybar,.fysel{display:none}}@media(max-width:600px){.fysel{max-width:110px}}
/*---*/
.nav-drop{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:7px 12px;border:0;border-left:3px solid transparent;border-radius:7px;background:none;color:var(--side-ink);font:inherit;cursor:pointer;text-align:left}.nav-drop:hover{background:rgba(255,255,255,.05);color:var(--side-hi)}.nav-drop.has{color:var(--side-hi)}.nav-drop .ico{opacity:.8}.nav-drop .chev{margin-left:auto;transition:transform .15s}.nav-drop[aria-expanded="true"] .chev{transform:rotate(180deg)}.nav-sub{margin-left:14px;padding-left:6px;border-left:1px solid rgba(255,255,255,.12)}.nav-sub a{font-size:.95em}
/*---*/
.labelsheet{display:grid;gap:2mm;justify-content:start;margin-top:12px;background:#fff;color:#000;padding:4mm}.labelsheet .lbl{border:1px dashed #bbb;border-radius:2mm;padding:1.5mm;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;line-height:1.1}.ls-38x25{grid-template-columns:repeat(5,38mm)}.ls-38x25 .lbl{width:38mm;height:25mm}.ls-50x25{grid-template-columns:repeat(4,50mm)}.ls-50x25 .lbl{width:50mm;height:25mm}.ls-65x30{grid-template-columns:repeat(3,65mm)}.ls-65x30 .lbl{width:65mm;height:30mm}.lshop{font-size:7pt;font-weight:600}.lname{font-size:7.5pt;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbc{max-width:100%;height:auto}.lprice{font-size:9pt;font-weight:700}.lcode{font:10pt monospace}@media print{body:not(.pr) .labelsheet,body:not(.pr) .labelsheet *{visibility:visible}body:not(.pr) .labelsheet{position:absolute;left:0;top:0;padding:0;margin:0}.labelsheet .lbl{border-color:transparent;break-inside:avoid}}
/*---*/
.docprint{background:#fff;color:#000;padding:6mm}.docprint .dhead{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:10px}.docprint .ddoc{font-weight:800;font-size:1.2rem;letter-spacing:1px}.docprint .dtbl{width:100%;border-collapse:collapse;margin-top:8px}.docprint .dtbl th,.docprint .dtbl td{border:1px solid #999;padding:5px 7px;text-align:left}.docprint .dtbl .r{text-align:right}.giftcard{width:85.6mm;height:54mm;border:2px solid #0F6B4F;border-radius:4mm;padding:5mm;text-align:center;margin:10px auto;display:flex;flex-direction:column;justify-content:center}@media print{body:not(.pr) .docprint,body:not(.pr) .docprint *{visibility:visible}body:not(.pr) .docprint{position:absolute;left:0;top:0;width:100%}}
/*---*/
.rsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.rstbl{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:14px;border-radius:12px;border:2px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;color:inherit;text-align:left;min-height:92px}.rs-free{border-color:#2e7d32}.rs-busy{border-color:#c77700;background:color-mix(in srgb,#c77700 10%,var(--surface))}.rs-resv{border-color:#1565c0;background:color-mix(in srgb,#1565c0 8%,var(--surface))}.rspos .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.rspos .tiles .tile{min-height:78px}.rspos{display:grid;grid-template-columns:1fr 360px;gap:14px}@media(max-width:900px){.rspos{grid-template-columns:1fr}}.rsline{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.kdsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:800px){.kdsgrid{grid-template-columns:1fr}}.kdscol{background:var(--surface-2);border-radius:12px;padding:10px;min-height:200px}.kdscol h3{margin:0 0 8px}.kdscard{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.kdscard.late{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e}.kdscard ul{margin:6px 0 8px;padding-left:18px}
/*---*/

.kdsbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.kdsstats{display:flex;gap:10px;flex-wrap:wrap}.kstat{min-width:92px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}.kstat b{font-size:1.5rem;line-height:1.1}.kstat span{font-size:.8rem;color:var(--muted)}
.kstat.kds-new{border-left:5px solid #e8590c}.kstat.kds-cook{border-left:5px solid #1c7ed6}.kstat.kds-ready{border-left:5px solid #2b8a3e}
.kdsright{display:flex;align-items:center;gap:10px}.kclock{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums}
.kdstabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.kdstabs button{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:99px;padding:6px 14px;font:inherit;cursor:pointer}.kdstabs button span{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:99px;background:var(--surface-2);font-size:.8rem}.kdstabs button.on{background:#0F6B4F;color:#fff;border-color:#0F6B4F}.kdstabs button.on span{background:rgba(255,255,255,.25)}
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}@media(max-width:900px){.kgrid{grid-template-columns:1fr}}
.kcol{border-radius:14px;padding:10px;background:var(--surface-2);min-height:260px;border-top:6px solid}.kcol.kds-new{border-top-color:#e8590c}.kcol.kds-cook{border-top-color:#1c7ed6}.kcol.kds-ready{border-top-color:#2b8a3e}
.kcol h3{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 10px;font-size:1.05rem}.kcount{min-width:30px;text-align:center;border-radius:99px;padding:2px 10px;color:#fff;font-size:.9rem}.kds-new .kcount{background:#e8590c}.kds-cook .kcount{background:#1c7ed6}.kds-ready .kcount{background:#2b8a3e}
.kempty{text-align:center;color:var(--muted);padding:40px 10px;border:2px dashed var(--line);border-radius:12px}
.kcard{background:var(--surface);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:12px;overflow:hidden;border:1px solid var(--line)}
.kcard header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;color:#fff}.kds-new .kcard header{background:linear-gradient(135deg,#e8590c,#f08c00)}.kds-cook .kcard header{background:linear-gradient(135deg,#1c7ed6,#4dabf7)}.kds-ready .kcard header{background:linear-gradient(135deg,#2b8a3e,#51cf66)}
.klabel{font-size:1.35rem;font-weight:800;letter-spacing:.3px}.kmeta{font-size:.8rem;opacity:.9}
.ktimer{font-weight:800;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.95);font-variant-numeric:tabular-nums;white-space:nowrap}.kt-ok{color:#2b8a3e}.kt-warn{color:#e67700}.kt-late{color:#fff;background:#c92a2a;animation:kpulse 1.2s infinite}@keyframes kpulse{50%{opacity:.6}}@media(prefers-reduced-motion:reduce){.kt-late{animation:none}}
.kchips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0}.kchip{font-size:.75rem;padding:2px 8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line)}
.kitems{list-style:none;margin:0;padding:8px 12px}.kitems li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed var(--line)}.kitems li:last-child{border-bottom:0}
.kqty{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--surface-2);border:2px solid var(--line)}
.kmods{font-size:.85rem;font-style:italic;color:var(--muted)}.knote{margin-top:3px;font-size:.85rem;background:#fff3bf;color:#5c3c00;border-radius:6px;padding:2px 6px;display:inline-block}
.kbtn{display:block;width:calc(100% - 24px);margin:4px 12px 10px;padding:11px;border:0;border-radius:10px;font:inherit;font-weight:700;color:#fff;cursor:pointer}.kds-new .kbtn{background:#e8590c}.kds-cook .kbtn{background:#1c7ed6}.kds-ready .kbtn{background:#2b8a3e}.kbtn:hover{filter:brightness(1.08)}
.kback{display:block;margin:-4px auto 10px;border:0;background:none;color:var(--muted);font:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline}
.rstbl b{font-size:1.1rem}.rstbl::before{content:"🍽️";font-size:1.3rem}.rs-free::before{content:"🟢"}.rs-busy::before{content:"🍛"}.rs-resv::before{content:"📅"}
/*---*/
.pslab legend,.slabbox{font-size:.95em}
/*---*/

.dhero{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;border-radius:16px;margin-bottom:16px;color:#fff;background:linear-gradient(120deg,#0F6B4F 0%,#138a66 55%,#1fb386 100%);box-shadow:0 6px 18px rgba(15,107,79,.25)}
.dhero h2{margin:0;font-size:1.45rem}.dhero .sub{opacity:.9;font-size:.92rem;margin-top:3px}.dhero .btn{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.35)}.dhero .btn:hover{background:rgba(255,255,255,.28)}.dhero .chip{display:inline-block;padding:2px 10px;border-radius:99px;background:rgba(255,255,255,.2);font-size:.8rem;margin-left:6px}
.dhero.admin{background:linear-gradient(120deg,#23195e 0%,#3b2a9b 55%,#5b47d6 100%);box-shadow:0 6px 18px rgba(59,42,155,.3)}
.kgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.kpi{position:relative;overflow:hidden;border-radius:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:default;transition:transform .12s,box-shadow .12s}
.kpi.click{cursor:pointer}.kpi.click:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.09)}
.kpi .ic{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem}
.kpi .l{font-size:.82rem;color:var(--muted);margin-right:44px}.kpi .v{font-size:1.5rem;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .s{font-size:.78rem;margin-top:2px;color:var(--muted)}
.kpi::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.t-green .ic{background:#e6f6ef}.t-green::after{background:#12a36a}.t-blue .ic{background:#e7f0fd}.t-blue::after{background:#1c7ed6}.t-violet .ic{background:#efe9fd}.t-violet::after{background:#6f42c1}.t-amber .ic{background:#fff4e0}.t-amber::after{background:#e8890c}.t-red .ic{background:#fdeaea}.t-red::after{background:#d6336c}.t-teal .ic{background:#e3f7f7}.t-teal::after{background:#0ca3a3}
.up{color:#12a36a;font-weight:700}.down{color:#d6336c;font-weight:700}
.scgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:16px}
.sc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:transform .12s,box-shadow .12s}
.sc:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.08);border-color:#0F6B4F}.sc .ico{width:22px;height:22px;opacity:.9;color:#0F6B4F}.sc b{font-size:.9rem}
.wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:900px){.wgrid{grid-template-columns:1fr}}
.wcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);min-width:0}.wcard.full{grid-column:1/-1}.wcard h3{margin:0 0 10px;font-size:1rem;display:flex;align-items:center;gap:8px}.wcard h3 .spacer{flex:1}
.hbar{display:grid;grid-template-columns:minmax(80px,40%) 1fr auto;gap:8px;align-items:center;margin:6px 0;font-size:.88rem}.hbar .tr{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden}.hbar .tr i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#12a36a,#1fb386)}
.sech{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:4px 0 8px;font-weight:700}
.cfgcol{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px}.cfgcol label{font-size:.9rem;padding:3px 0}
/*---*/

.aiwrap{max-width:1000px}.aihead{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#4c2a9b,#6f42c1 55%,#9b6bf2);margin-bottom:14px;box-shadow:0 6px 18px rgba(111,66,193,.25)}
.aihead .av{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:1.5rem;flex:none}.aihead p{margin:2px 0 0;opacity:.92;font-size:.92rem}
.aigroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:14px}.aig{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.aig h4{margin:0 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.aichip{display:inline-block;margin:0 6px 6px 0;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);font:inherit;font-size:.88rem;color:inherit;cursor:pointer}.aichip:hover{border-color:#6f42c1;color:#6f42c1}
.aichat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;min-height:220px;max-height:62vh;overflow:auto}
.msg{display:flex;margin:10px 0}.msg.me{justify-content:flex-end}.bub{max-width:88%;padding:10px 14px;border-radius:14px;line-height:1.45;overflow-wrap:anywhere}.me .bub{background:#6f42c1;color:#fff;border-bottom-right-radius:4px}.bot .bub{background:var(--surface-2);border-bottom-left-radius:4px;width:100%}
.bot .bub .kgrid2{margin:8px 0}.bot .bub .kpi{padding:10px 12px}.bot .bub .kpi .v{font-size:1.2rem}.aibar{display:flex;gap:8px;margin-top:10px}.aibar input{flex:1}
/*---*/
.aimic.rec{background:#d6336c;color:#fff;border-color:#d6336c;animation:aipulse 1.1s infinite}@keyframes aipulse{50%{box-shadow:0 0 0 6px rgba(214,51,108,.25)}}@media(prefers-reduced-motion:reduce){.aimic.rec{animation:none}}
/*---*/
.xmenu>summary{list-style:none}.xmenu>summary::-webkit-details-marker{display:none}
/*---*/

body.pos-mode .content{background:radial-gradient(1200px 400px at 10% -10%,rgba(15,107,79,.10),transparent 60%),radial-gradient(900px 300px at 100% 0,rgba(111,66,193,.08),transparent 60%)}
.posbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:linear-gradient(120deg,#0F6B4F,#139a70 60%,#1fb386);color:#fff;box-shadow:0 6px 16px rgba(15,107,79,.22);margin-bottom:10px}
.posbar .home{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;font-size:1.15rem;flex:none}
.posbar .home:hover{background:rgba(255,255,255,.3)}
.posbar .srch{position:relative;flex:0 1 320px;min-width:180px}.posbar .srch input{width:100%;padding:10px 12px 10px 38px;border-radius:12px;border:0;background:#fff;color:#111;font:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.posbar .srch input:focus{outline:3px solid rgba(255,255,255,.55)}.posbar .srch .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.55;color:#111}
.posbar .scan{font-size:.78rem;opacity:.9;white-space:nowrap}.posbar .sp{flex:1}
.posbar .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.16);font-size:.85rem;white-space:nowrap}.posbar .pill b{font-variant-numeric:tabular-nums}
.posbar .clock{font-weight:800;font-variant-numeric:tabular-nums}
body.pos-mode .chips{gap:8px;margin:8px 0 12px}
body.pos-mode .chip{padding:7px 14px;border-radius:99px;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.06);font-weight:600;transition:transform .1s}
body.pos-mode .chip:hover{transform:translateY(-1px)}body.pos-mode .chip.on{background:linear-gradient(120deg,#0F6B4F,#1fb386);color:#fff;border-color:transparent;box-shadow:0 4px 10px rgba(15,107,79,.3)}
body.pos-mode .pos-tiles{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
body.pos-mode .tile{position:relative;border-radius:14px;padding:12px;min-height:150px;gap:4px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .12s,box-shadow .12s,border-color .12s;overflow:hidden}
body.pos-mode .tile::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--tc,#0F6B4F)}
body.pos-mode .tile:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.10);border-color:var(--tc,#0F6B4F)}
body.pos-mode .tile:active{transform:scale(.97)}
.tile .tav{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1.05rem;color:#fff;background:var(--tc,#0F6B4F);margin-bottom:4px;overflow:hidden;flex:none;box-shadow:0 3px 8px rgba(0,0,0,.12)}
.tile .tav img{width:100%;height:100%;object-fit:cover}
.tile .tst{position:absolute;top:10px;right:10px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:99px}
.tst.ok{background:#e6f6ef;color:#0b7a4d}.tst.low{background:#fff4e0;color:#a15c00}.tst.out{background:#fdeaea;color:#b3261e}
.tile .tq{position:absolute;top:6px;left:44px;min-width:24px;height:24px;padding:0 6px;border:2px solid var(--surface);border-radius:99px;background:#6f42c1;color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center;box-shadow:0 3px 8px rgba(111,66,193,.35)}
body.pos-mode .tile .p{font-size:1.12rem;font-weight:800;padding-right:32px}
body.pos-mode .tile .small{font-size:.74rem}
.tile .tadd{position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--tc,#0F6B4F);color:#fff;font-weight:800;opacity:.9}
body.pos-mode .tile.out{opacity:.6;filter:grayscale(.4)}
body.pos-mode .cart{border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding-top:0;overflow:hidden}
.carthd{margin:0 -16px 12px;padding:12px 16px;display:flex;align-items:center;gap:8px;background:linear-gradient(120deg,#23195e,#3b2a9b 60%,#5b47d6);color:#fff}
.carthd b{font-size:1.05rem}.carthd .cnt{margin-left:auto;background:rgba(255,255,255,.2);border-radius:99px;padding:2px 10px;font-size:.82rem;font-weight:700}
body.pos-mode .cline{padding:10px 8px;border-radius:10px;border-bottom:1px dashed var(--line)}
body.pos-mode .cline:hover{background:var(--surface-2)}
body.pos-mode .tot.big{border:0;margin-top:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,#0F6B4F,#1fb386);color:#fff;font-size:1.55rem;box-shadow:0 6px 14px rgba(15,107,79,.25)}
body.pos-mode .cart .btn.primary{padding:13px 18px;font-size:1.05rem;border-radius:12px;background:linear-gradient(120deg,#0F6B4F,#1fb386);border:0;box-shadow:0 6px 14px rgba(15,107,79,.25)}
body.pos-mode .cart .btn.primary:hover{filter:brightness(1.06)}
.posempty{text-align:center;padding:26px 10px;color:var(--muted)}.posempty .big{font-size:2.4rem}
@media (max-width:700px){.posbar .srch{flex:1 1 60%}}
@media(prefers-reduced-motion:reduce){body.pos-mode .tile,body.pos-mode .chip{transition:none}}
/*---*/

:root{--r-lg:14px;--r-md:10px;--sh-1:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--sh-2:0 6px 16px rgba(16,24,40,.08);--g-brand:linear-gradient(120deg,#0F6B4F,#1a9b72);--tint:color-mix(in srgb,var(--brand) 7%,var(--surface))}
.shell .content{background:radial-gradient(900px 260px at 0 0,color-mix(in srgb,var(--brand) 6%,transparent),transparent 70%)}
.top{box-shadow:0 1px 0 var(--line),0 4px 14px rgba(16,24,40,.04)}
.top h1{position:relative;padding-left:12px;font-weight:800;letter-spacing:.1px}
.top h1::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:4px;border-radius:4px;background:var(--g-brand)}
.nav a,.nav-drop{border-radius:10px;transition:background .12s}
.nav a.on{background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border-left-color:var(--accent);font-weight:600}
.nav-sub a.on{background:rgba(255,255,255,.10)}
.side .brandmark i{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.card{border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.card>h3:first-child{display:flex;align-items:center;gap:8px}
.card>h3:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g-brand);flex:none}
.stat{position:relative;border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden;padding-left:18px}
.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--g-brand)}
.stats .stat:nth-child(2)::before{background:linear-gradient(#1c7ed6,#4dabf7)}.stats .stat:nth-child(3)::before{background:linear-gradient(#6f42c1,#9b6bf2)}.stats .stat:nth-child(4)::before{background:linear-gradient(#e8890c,#f5b041)}.stats .stat:nth-child(5)::before{background:linear-gradient(#d6336c,#f06595)}
.stat .v{font-weight:800}
.tblwrap,.twrap{border-radius:var(--r-lg);box-shadow:var(--sh-1);background:var(--surface)}
.tbl th{background:var(--tint);color:color-mix(in srgb,var(--brand) 70%,var(--ink));font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--brand) 18%,var(--line))}
.tbl tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}
.tbl tbody tr:hover td{background:var(--tint)}
.tbl tbody tr:last-child td{border-bottom:0}
.btn{border-radius:var(--r-md);font-weight:600;transition:filter .12s,background .12s,border-color .12s}
.btn:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
.btn.primary{background:var(--g-brand);border-color:transparent;box-shadow:0 3px 8px color-mix(in srgb,var(--brand) 28%,transparent)}
.btn.primary:hover{filter:brightness(1.07)}
.btn.danger{border-radius:var(--r-md)}
.btn:focus-visible,.search:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:1px}
.search,.field input,.field select,.field textarea{border-radius:var(--r-md)}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--brand)}
.field>span{font-weight:600;font-size:.84rem}
.toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 12px;box-shadow:var(--sh-1)}
.tabs{border-bottom:0;background:var(--surface-2);padding:4px;border-radius:12px;gap:4px;display:inline-flex;max-width:100%}
.tabs button{border-radius:9px;border-bottom:0;margin:0;padding:7px 14px}
.tabs button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1);font-weight:700}
.toolbar .tabs{margin:0}
.badge{font-weight:700;font-size:.74rem;padding:2px 10px;letter-spacing:.02em}
.modal{border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(16,24,40,.28)}
.modal header{background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface));border-bottom:1px solid var(--line)}
.modal header h3{font-weight:800}
.modal footer{background:var(--surface-2)}
fieldset{border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 14px 14px}
fieldset legend{font-weight:700;padding:0 6px}
.note{border-radius:var(--r-md)}
details.menu>div{border-radius:12px;box-shadow:var(--sh-2)}
.empty{border-radius:var(--r-lg)}
#toasts>*{border-radius:12px;box-shadow:var(--sh-2)}
.pnav{box-shadow:0 1px 0 var(--line)}
@media(prefers-reduced-motion:reduce){.nav a,.nav-drop,.btn{transition:none}}
/*---*/
.pkggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.pkgg{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface)}.pkgh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.92rem}.pkgh .linkbtn{font-size:.8rem}.pkgc{display:flex;gap:8px;align-items:flex-start;padding:4px 0;font-size:.9rem;cursor:pointer}.pkgc input{margin-top:3px}
/*---*/

.tophome{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:.95rem;line-height:1}
.tophome:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
.tophome.on{background:var(--g-brand,var(--brand));color:#fff;border-color:transparent}
.hclock{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand) 6%,var(--surface)));font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;cursor:default}
.hclock .dot{width:7px;height:7px;border-radius:50%;background:#12a36a;box-shadow:0 0 0 3px color-mix(in srgb,#12a36a 22%,transparent)}
.hclock .hm{font-variant-numeric:normal}.hclock .hsec{color:var(--muted);font-weight:600;font-size:.92em}
.hclock .ap{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase}
@media (max-width:700px){.hclock .hsec,.hclock .ap{display:none}.hclock{padding:0 8px}}
@media (max-width:480px){.hclock{display:none}}
/*---*/

.hslot{position:relative;display:inline-block;width:118px;height:26px;flex:none}
.hslot>.fysel,.hslot>.hclock{position:absolute;inset:0;width:100%;height:26px;margin:0;box-sizing:border-box;opacity:1;visibility:visible;transition:opacity .16s ease .16s,visibility 0s linear .16s}
.hslot>.fysel,.hslot.show-fy>.hclock{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease 0s,visibility 0s linear .16s}
.hslot.show-fy>.fysel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s ease .16s,visibility 0s linear .16s}
header.top .fysel,header.top .hclock{height:26px;font-size:.78rem;border-radius:7px;box-sizing:border-box}
header.top .fysel{padding:0 6px;text-align:center;text-align-last:center;cursor:pointer;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand) 6%,var(--surface)));font-weight:700;color:var(--ink)}
header.top .hclock{padding:0 8px;justify-content:center;gap:5px;width:118px}
header.top .hclock .dot{width:6px;height:6px}
header.top .hclock .ap{font-size:.66rem}
@media (max-width:700px){.hslot,header.top .hclock{width:96px}}
@media (prefers-reduced-motion:reduce){.hslot>.fysel,.hslot>.hclock{transition:none}}
/*---*/

header.top .fysel,header.top .hclock,header.top .bossbtn{width:112px;height:26px;font-size:.76rem;border-radius:7px;box-sizing:border-box;flex:none}
header.top .fysel{padding:0 2px 0 6px;text-align:left;text-align-last:left}
header.top .hclock{padding:0 6px;gap:4px}
header.top .hclock .ap{font-size:.62rem}
.bossbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,#6f42c1 7%,var(--surface)));color:var(--ink);font-weight:700;cursor:pointer;padding:0 6px;white-space:nowrap;font:inherit;font-size:.76rem}
.bossbtn:hover{border-color:#6f42c1}
.bossbtn .nb{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:#d6336c;border:2px solid var(--surface)}
.bossmsg{white-space:pre-wrap;font-size:1.05rem;line-height:1.5;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,#6f42c1 7%,var(--surface));border:1px solid color-mix(in srgb,#6f42c1 25%,var(--line))}
@media (max-width:760px){header.top .bossbtn .bl{display:none}header.top .bossbtn{width:34px}}
@media (max-width:700px){header.top .fysel,header.top .hclock{width:92px}}
/*---*/
.beepm{position:relative}.beepm>summary{list-style:none;cursor:pointer}.beepm>summary::-webkit-details-marker{display:none}.beepm>div{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:250px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.15);padding:12px;display:grid;gap:8px}.beepm label{display:flex;gap:8px;align-items:center;font-size:.88rem}.beepm input[type=range]{flex:1}
/*---*/
#devapp{position:fixed;inset:0;z-index:900;background:linear-gradient(180deg,#0F6B4F 0,#0F6B4F 150px,#eef3f1 150px);overflow:auto;color:#14231d;font-family:inherit}
.dvwrap{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px 30px}.dvhead{display:flex;align-items:center;gap:12px;color:#fff;padding:6px 4px 16px}.dvhead img{border-radius:11px;box-shadow:0 4px 12px rgba(0,0,0,.25)}.dvhead .small{opacity:.85}.dvic{margin-left:auto;background:rgba(255,255,255,.18);border:0;color:#fff;border-radius:10px;width:40px;height:40px;font-size:1.2rem}
.dvbody{background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.dvbody h2{margin:4px 0 8px}.dvbody .field{margin:10px 0}.dvbtn{width:100%;margin-top:10px;padding:13px;font-size:1rem}.dvbig{font-size:1.8rem;letter-spacing:.5em;text-align:center;width:100%}.dverr{color:#b3261e;font-weight:600}
.dvnote{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff4e0;border-radius:12px;padding:10px 12px;margin-bottom:12px}.dvnote .btn{margin-left:auto}
.dvalert{border-left:5px solid #e8890c;background:#fffaf2;border-radius:12px;padding:10px 12px;margin-bottom:10px}.dvalert.red{border-color:#d6336c;background:#fff5f8}.dvalert.daily{border-color:#1c7ed6;background:#f3f8ff}.dvalert ul{margin:6px 0;padding-left:18px;font-size:.88rem}.dvalert .btn{margin-top:4px}
/*---*/
#toasts > *{white-space:pre-line}
/*---*/
.plancard{margin:14px 6px 0;padding:12px 14px;border-radius:14px;color:#fff;text-align:center;background:linear-gradient(135deg,#7B2FF7 0%,#C2185B 100%);box-shadow:0 6px 18px rgba(0,0,0,.25);line-height:1.35}.plancard b{display:block;font-size:1.05rem;letter-spacing:.2px}.plancard span{display:block;font-size:.8rem;opacity:.95;margin-top:2px}.plancard.bad{background:linear-gradient(135deg,#B71C1C 0%,#E53935 100%)}.plancard.warn{background:linear-gradient(135deg,#E65100 0%,#C2185B 100%)}.plancard.admin{background:linear-gradient(135deg,#0F6B4F 0%,#1565C0 100%)}.side .plancard-wrap{margin-top:auto}
/*---*/
.subpop-bg{position:fixed;inset:0;z-index:9000;background:rgba(10,10,25,.55);display:flex;align-items:center;justify-content:center;padding:16px;animation:subpopf .2s}.subpop{background:var(--surface,#fff);color:var(--ink,#111);border-radius:20px;max-width:420px;width:100%;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35);text-align:center}.subpop .hd{color:#fff;padding:22px 18px 18px;background:linear-gradient(135deg,#7B2FF7,#C2185B)}.subpop.warn .hd{background:linear-gradient(135deg,#E65100,#C2185B)}.subpop.bad .hd{background:linear-gradient(135deg,#B71C1C,#E53935)}.subpop .big{font-size:3rem;font-weight:800;line-height:1}.subpop .lbl{font-size:1.05rem;font-weight:700;margin-top:6px}.subpop .bd{padding:16px 18px 18px}.subpop .bd p{margin:6px 0}.subpop .hi{color:var(--muted,#666);font-size:.95rem}.subpop .row{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}@keyframes subpopf{from{opacity:0}to{opacity:1}}
/*---*/

.vxbtn{border:0;background:linear-gradient(135deg,#7B2FF7,#C2185B);color:#fff;border-radius:999px;min-width:40px;height:40px;padding:0 12px;font-size:1.05rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 10px rgba(123,47,247,.35)}
.vxbtn:focus-visible{outline:3px solid #ffd54f;outline-offset:2px}.modal header .vxbtn{height:34px;min-width:34px;margin-left:auto;margin-right:6px;font-size:.95rem}
.vxov{position:fixed;inset:0;z-index:9500;background:rgba(15,10,30,.6);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.vxcard{background:var(--surface,#fff);color:var(--ink,#111);width:100%;max-width:520px;border-radius:22px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.4);text-align:center;margin-bottom:max(16px,env(safe-area-inset-bottom))}
.vxmic{width:84px;height:84px;border-radius:50%;margin:4px auto 10px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#fff;background:linear-gradient(135deg,#7B2FF7,#C2185B);animation:vxp 1.2s infinite}
.vxmic.off{animation:none;background:#9e9e9e}@keyframes vxp{0%{box-shadow:0 0 0 0 rgba(194,24,91,.5)}70%{box-shadow:0 0 0 18px rgba(194,24,91,0)}100%{box-shadow:0 0 0 0 rgba(194,24,91,0)}}
@media(prefers-reduced-motion:reduce){.vxmic{animation:none}}
.vxtxt{min-height:48px;font-size:1.15rem;font-weight:600;margin:6px 0 10px;word-break:break-word}.vxhint{font-size:.85rem;color:var(--muted,#666)}
.vxres{text-align:left;margin:10px 0 0;padding:0;list-style:none;max-height:40vh;overflow:auto}.vxres li{padding:6px 8px;border-radius:8px;margin:3px 0;background:color-mix(in srgb,var(--line,#ddd) 35%,transparent)}
.vxres li.ok{background:#e8f5ee;color:#0b5a3e}.vxres li.bad{background:#fdecec;color:#9b1c1c}.vxres li.warn{background:#fff4e0;color:#8a4b00}
.aibill{border:1.5px dashed #7B2FF7;border-radius:14px;padding:12px;margin-bottom:12px;background:color-mix(in srgb,#7B2FF7 6%,transparent)}
.aibill .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.aibill img{max-width:100%;max-height:420px;border-radius:10px;border:1px solid var(--line,#ddd);display:block;margin-top:8px}
.aibill table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:8px}.aibill td,.aibill th{border-bottom:1px solid var(--line,#ddd);padding:5px 6px;text-align:left;vertical-align:middle}
.aibill .new{color:#8a4b00;font-weight:600}.purrow.vxnew,.slrow.vxnew{background:color-mix(in srgb,#7B2FF7 8%,transparent);border-radius:10px;padding:4px}

/*---*/
.serow,.sepay{align-items:end;margin-bottom:8px}.serow .segst{font-size:.8rem;color:var(--muted,#666);padding-bottom:10px}.edchip{display:inline-block;font-size:.7rem;padding:1px 6px;border-radius:999px;background:#fff4e0;color:#8a4b00;margin-left:4px;vertical-align:middle}.ednote{background:#fff8e6;border:1px solid #f5d38a;border-radius:10px;padding:8px 10px;font-size:.85rem;margin-bottom:10px}
/*---*/
.attc{display:inline-block;padding:1px 7px;border-radius:999px;font-size:.72rem;margin:1px 2px;background:#e6f5ee;color:#0b5a3e}.attc.bad{background:#fdecec;color:#b3261e}.attc.warn{background:#fff4e0;color:#8a4b00}.attph{width:44px;height:44px;border-radius:8px;object-fit:cover;cursor:pointer;border:1px solid var(--line)}
/*---*/

.ivA{--acc:#0f6b4f;--acc2:#e8f3ee;background:#fff;color:#111;font:12.5px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;max-width:794px;margin:0 auto;padding:22px 24px;border:1px solid #ddd}
.ivA.a5{max-width:560px;font-size:10.5px;padding:14px 16px}.ivA.f-serif{font-family:Georgia,"Times New Roman","Noto Serif","Noto Serif Devanagari",serif}
.ivA table{width:100%;border-collapse:collapse}.ivA .r{text-align:right}.ivA .c{text-align:center}.ivA .mu{color:#666}.ivA h1{margin:0;font-size:1.55em;line-height:1.2}.ivA .doc{font-weight:800;letter-spacing:.06em;color:var(--acc);font-size:1.15em}
.ivA .hd{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:12px;border-bottom:2px solid var(--acc);margin-bottom:12px}.ivA .hd img{max-height:64px;max-width:150px;object-fit:contain}
.ivA .biz{display:flex;gap:12px;align-items:flex-start}.ivA .meta td{padding:1px 0 1px 10px;white-space:nowrap}.ivA .meta td:first-child{color:#666;padding-left:0}
.ivA.h-band .hd{background:var(--acc);color:#fff;margin:-22px -24px 14px;padding:18px 24px;border:0}.ivA.a5.h-band .hd{margin:-14px -16px 10px;padding:12px 16px}.ivA.h-band .hd .mu,.ivA.h-band .hd .doc,.ivA.h-band .meta td:first-child{color:rgba(255,255,255,.85)}
.ivA.h-grad .hd{background:linear-gradient(120deg,var(--acc),#6d28d9);color:#fff;margin:-22px -24px 14px;padding:20px 24px;border:0;border-radius:0 0 18px 18px}.ivA.a5.h-grad .hd{margin:-14px -16px 10px;padding:12px 16px}.ivA.h-grad .hd .mu,.ivA.h-grad .hd .doc,.ivA.h-grad .meta td:first-child{color:rgba(255,255,255,.9)}
.ivA.h-center .hd{flex-direction:column;align-items:center;text-align:center}.ivA.h-center .meta{margin:6px auto 0}
.ivA.h-side{border-left:10px solid var(--acc);padding-left:22px}.ivA.h-side .hd{border-bottom:1px solid #ddd}
.ivA.h-boxed .hd{border:2px solid var(--acc);padding:12px;border-radius:6px}
.ivA.h-plain .hd{border-bottom:1px solid #999}.ivA.h-plain .doc{color:#111}
.ivA .pty{display:flex;gap:16px;margin-bottom:12px}.ivA .pty>div{flex:1;background:var(--acc2);border-radius:8px;padding:8px 10px}.ivA.grid .pty>div{background:none;border:1px solid #999;border-radius:0}
.ivA .lbl{font-size:.82em;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:2px}
.ivA .it th{background:var(--acc);color:#fff;font-weight:600;padding:6px 5px;font-size:.92em;text-align:left}.ivA .it th.r{text-align:right}.ivA .it td{padding:6px 5px;border-bottom:1px solid #e3e3e3;vertical-align:top}
.ivA.h-plain .it th,.ivA.min .it th{background:none;color:#111;border-bottom:2px solid #111}.ivA.zebra .it tbody tr:nth-child(even) td{background:#f6f8f7}
.ivA.grid .it th,.ivA.grid .it td{border:1px solid #888}.ivA.grid .it th{background:#eee;color:#111}.ivA.dense .it td,.ivA.dense .it th{padding:3px 4px}
.ivA .ft{display:flex;gap:18px;margin-top:12px;align-items:flex-start}.ivA .ft .lf{flex:1.3}.ivA .ft .rt{flex:1}.ivA .tot td{padding:3px 0}.ivA .tot .gt td{font-size:1.25em;font-weight:800;border-top:2px solid var(--acc);padding-top:6px}
.ivA.tot-box .tot{border:2px solid var(--acc);border-radius:8px;padding:6px 10px}.ivA.tot-bar .tot .gt td{background:var(--acc);color:#fff;padding:8px}.ivA.tot-bar .tot .gt td:first-child{border-radius:6px 0 0 6px;padding-left:10px}.ivA.tot-bar .tot .gt td:last-child{border-radius:0 6px 6px 0;padding-right:10px}
.ivA .sign{margin-top:26px;text-align:right}.ivA .sign .ln{border-top:1px solid #333;width:170px;margin:30px 0 4px auto}.ivA .upi{display:flex;gap:10px;align-items:center;margin-top:8px}.ivA .upiqr{width:92px;height:92px}
.ivA .stamp{display:inline-block;border:2px solid #b3261e;color:#b3261e;font-weight:800;padding:2px 8px;transform:rotate(-6deg);margin-top:6px}.ivA .fine{text-align:center;color:#777;font-size:.85em;margin-top:12px}
.ivR{font:12px/1.35 "Courier New",ui-monospace,monospace;color:#000;background:#fff;padding:6px 4px;max-width:302px;margin:0 auto}.ivR.f-sans{font-family:system-ui,-apple-system,Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;font-size:12.5px}
.ivR .c{text-align:center}.ivR .r{text-align:right}.ivR b.big{font-size:1.25em}.ivR table{width:100%;border-collapse:collapse}.ivR td{padding:1px 0;vertical-align:top}.ivR .bn{font-size:1.3em;font-weight:800;display:block}
.ivR hr{border:0;margin:5px 0}.ivR.s-dash hr{border-top:1px dashed #000}.ivR.s-line hr{border-top:1px solid #000}.ivR.s-double hr{border-top:3px double #000}.ivR.s-dots hr{border-top:2px dotted #000}.ivR.s-stars hr{border:0;height:1em}.ivR.s-stars hr::before{content:"* * * * * * * * * * * * * * * * * * *";display:block;text-align:center;overflow:hidden;white-space:nowrap}
.ivR.h-band .hd{background:#000;color:#fff;padding:6px 4px;border-radius:2px}.ivR.h-box .hd{border:2px solid #000;padding:6px;border-radius:4px}.ivR.h-left .hd{text-align:left}
.ivR .gtot{display:flex;justify-content:space-between;font-weight:800;font-size:1.15em}.ivR.bigt .gtot{font-size:1.6em;border:2px solid #000;padding:4px 6px;margin:4px 0}.ivR .boxed{border:1px solid #000;padding:4px}
.ivR .qr{display:flex;flex-direction:column;align-items:center;margin-top:6px}.ivR .upiqr{width:120px;height:120px}.ivR .ty{text-align:center;font-weight:700;margin-top:4px}.ivR .inv{background:#000;color:#fff;padding:2px 6px;display:inline-block;margin-top:4px}
.ivgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.ivcard{border:2px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);cursor:pointer;display:flex;flex-direction:column}.ivcard.on{border-color:var(--brand,#0f6b4f);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#0f6b4f) 25%,transparent)}
.ivcard .pv{height:260px;overflow:hidden;background:#eef1f0;position:relative}.ivcard .pv>div{transform-origin:top left;position:absolute;left:8px;top:8px;pointer-events:none}.ivcard .nm{padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.9rem}.ivcard .nm small{color:var(--muted)}

/*---*/

.ivR.cols .ith{display:grid;grid-template-columns:1fr 2.6em 4.6em 5em;gap:2px;background:#000;color:#fff;font-weight:700;padding:2px 3px;font-size:.88em}
.ivR.cols .itr{display:grid;grid-template-columns:1fr 2.6em 4.6em 5em;gap:2px;padding:2px 3px;border-bottom:1px dotted #000}.ivR.cols .itr span:nth-child(n+2){text-align:right}.ivR.cols .ith span:nth-child(n+2){text-align:right}
.ivR.secinv .sec{background:#000;color:#fff;font-weight:700;padding:1px 4px;margin:5px 0 3px;letter-spacing:.06em;font-size:.86em}
.ivR.totinv .gtot{background:#000;color:#fff;padding:5px 6px;border-radius:2px;margin:4px 0}
.ivR.frame{border:3px double #000;border-radius:10px;padding:8px}
.ivR .words{font-size:.88em;font-style:italic;margin-top:3px}
.ivcodes{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px;page-break-inside:avoid}.ivcodes .bc svg{display:block;max-width:100%;height:auto}.ivcodes .bcno{font:700 11px/1 "Courier New",monospace;letter-spacing:.12em;text-align:center}
.ivcodes .qrb{width:96px;height:96px}.ivcodes .qrb svg{width:100%;height:100%}.ivcodes .hint{font-size:9.5px;text-align:center;opacity:.75}
.ivA .ivcodes{flex-direction:row;justify-content:flex-end;gap:14px;align-items:flex-end}.ivA .ivcodes .qrb{width:84px;height:84px}

/*---*/

.sf2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}@media(max-width:860px){.sf2{grid-template-columns:1fr}}
.sf2 .flow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}.sf2 .fld{display:flex;flex-direction:column;gap:4px;min-width:0}.sf2 .fld>span{font-size:.82rem;color:var(--muted);font-weight:600}
.sf2 .fld input,.sf2 .fld select,.sf2 .fld textarea{width:100%;box-sizing:border-box}.sf2 .full{flex:1 1 100%}
.sf2 .w-name{flex:1 1 320px}.sf2 .w-ph{flex:0 0 15ch;max-width:100%}.sf2 .w-mail{flex:1 1 230px;max-width:340px}.sf2 .w-city{flex:0 1 22ch}.sf2 .w-pin{flex:0 0 10ch}.sf2 .w-state{flex:0 1 26ch}.sf2 .w-cty{flex:0 1 16ch}
.sf2 .w-gst{flex:0 0 21ch}.sf2 .w-pan{flex:0 0 14ch}.sf2 .w-money{flex:0 0 16ch}.sf2 .w-days{flex:0 0 11ch}.sf2 .w-acc{flex:1 1 100%}.sf2 .w-ifsc{flex:0 0 15ch}.sf2 .w-upi{flex:1 1 100%}
.sf2 .sf2sec{flex:1 1 100%;font-weight:700;font-size:.9rem;margin-top:6px;padding-top:8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}
.sf2 .seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.sf2 .seg label{padding:7px 12px;cursor:pointer;font-size:.88rem;display:flex;align-items:center;gap:6px}.sf2 .seg input{position:absolute;opacity:0;width:1px;height:1px}
.sf2 .seg label:has(input:checked){background:var(--brand,#0f6b4f);color:#fff}.sf2 .seg label:has(input:focus-visible){outline:2px solid #ffd54f;outline-offset:-2px}
.sf2 .bank{border:1px solid var(--line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--brand,#0f6b4f) 4%,transparent)}.sf2 .bank h4{margin:0 0 8px;font-size:.95rem}
.sf2 .cp{width:100%;border-collapse:collapse;font-size:.88rem}.sf2 .cp td{padding:3px 4px;vertical-align:middle}.sf2 .cp input{width:100%;box-sizing:border-box}
.sf2 .audit{font-size:.78rem;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:8px;margin-top:10px}
.sf2 .err{color:#b3261e;font-size:.75rem;min-height:0}
/*---*/

.erp{font-size:13px;line-height:1.35}.erp *{box-sizing:border-box}
.erp .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--brand,#0f6b4f) 5%,transparent)}
.erp .code{font:700 14px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;padding:5px 10px;border-radius:6px;background:var(--brand,#0f6b4f);color:#fff}
.erp .cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;align-items:start}@media(max-width:900px){.erp .cols{grid-template-columns:1fr}}
.erp fieldset{border:1px solid var(--line);border-radius:8px;padding:6px 12px 10px;margin:0 0 12px;min-width:0}
.erp legend{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand,#0f6b4f);padding:0 6px}
.erp .r{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:6px 10px;margin:5px 0}.erp .r>label{font-weight:600;color:var(--ink);opacity:.85}
.erp .r2{display:grid;grid-template-columns:118px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px 10px;margin:5px 0}.erp .r2>label{font-weight:600;opacity:.85}
@media(max-width:560px){.erp .r,.erp .r2{grid-template-columns:1fr}.erp .r2>label{margin-top:2px}}
.erp input,.erp select,.erp textarea{font-size:13px;height:30px;padding:3px 8px;border-radius:6px;width:100%}.erp textarea{height:auto;min-height:52px;resize:vertical}
.erp .mono{font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.02em}
.erp .req::after{content:" *";color:#b3261e}.erp .hint{font-size:11.5px;opacity:.7;margin:0}
.erp .radios{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.erp .radios label{display:flex;gap:5px;align-items:center;font-weight:500;cursor:pointer}.erp .radios input{width:auto;height:auto}
.erp table.g{width:100%;border-collapse:collapse;font-size:12.5px}.erp table.g th{background:color-mix(in srgb,var(--brand,#0f6b4f) 10%,transparent);text-align:left;font-weight:700;padding:5px 6px;border:1px solid var(--line);white-space:nowrap}
.erp table.g td{border:1px solid var(--line);padding:2px}.erp table.g{table-layout:fixed;min-width:640px}.erp table.g td input,.erp table.g td select{border:0;height:28px;border-radius:0;background:transparent}.erp table.g td input:focus{outline:2px solid var(--brand,#0f6b4f);outline-offset:-2px}
.erp .gwrap{overflow-x:auto}.erp .addrow{margin-top:6px}
.erp .foot{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;opacity:.85;border-top:1px solid var(--line);padding-top:8px}
.erp .warn{background:#fff4e0;color:#8a4b00;border-radius:6px;padding:6px 10px;font-size:12.5px;margin:0 0 10px}
.sup-hit{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0;font-size:13px}.sup-hit .code{font:700 12px ui-monospace,monospace;background:var(--brand,#0f6b4f);color:#fff;border-radius:5px;padding:2px 7px;margin-right:6px}
.supcode{font:700 11.5px ui-monospace,Menlo,monospace;background:color-mix(in srgb,var(--brand,#0f6b4f) 12%,transparent);color:var(--brand,#0f6b4f);border-radius:5px;padding:2px 6px;white-space:nowrap}
/*---*/

body.gslab-off #mform label:has(input[name=useSlab]),body.gslab-off #mform .slabbox{display:none!important}
body.gslab-off .gslab-tbl table th:nth-child(3),body.gslab-off .gslab-tbl table td:nth-child(3),body.gslab-off .gslab-tbl .hint{display:none!important}
.gslab-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:.72rem;background:#fff4e0;color:#8a4b00;vertical-align:middle}
/*---*/

.pg76{font-size:13px}.pg76 .hd{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.pg76 .hd .party{font-size:1.15rem;font-weight:800;min-width:220px}.pg76 .hd label{display:flex;flex-direction:column;gap:3px;font-size:.78rem;color:var(--muted);font-weight:600}
.pg76 .hd input,.pg76 .hd select{font-size:13px;padding:5px 7px;height:32px;box-sizing:border-box}.pg76 .net{margin-left:auto;text-align:right}.pg76 .net b{font-size:1.35rem;color:var(--brand,#0f6b4f)}
.pg76 .gw{border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:calc(100vh - 330px);min-height:260px;background:var(--surface)}
.pg76 table{border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:100%}
.pg76 th{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--brand,#0f6b4f) 10%,var(--surface));font-weight:700;font-size:11.5px;line-height:1.15;padding:5px 4px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;white-space:normal;vertical-align:bottom}
.pg76 td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;background:var(--surface)}
.pg76 td input{border:0;border-radius:0;width:100%;height:26px;padding:2px 4px;font-size:12.5px;background:transparent;box-sizing:border-box;min-width:0}
.pg76 td input:focus{outline:2px solid #2f80ed;outline-offset:-2px;background:#fffde7}.pg76 td input[type=checkbox]{height:16px;width:16px;margin:5px auto;display:block}
.pg76 td.n input{text-align:right;font-variant-numeric:tabular-nums}.pg76 td.ro{background:color-mix(in srgb,var(--line) 30%,var(--surface))}.pg76 td.ro input{color:var(--muted)}
.pg76 .c-sno,.pg76 .c-del{position:sticky;left:0;z-index:1}.pg76 th.c-sno{z-index:3}.pg76 td.c-sno{text-align:center;color:var(--muted);font-size:11.5px;min-width:30px}
.pg76 tr.new td{background:color-mix(in srgb,#ffd54f 12%,var(--surface))}.pg76 tr.hit td{background:#e8f5ee}.pg76 tr.hide{display:none}
.pg76 tfoot td{position:sticky;bottom:0;background:color-mix(in srgb,var(--brand,#0f6b4f) 8%,var(--surface));font-weight:700;padding:5px 4px;text-align:right}
.pg76 .ft{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:8px}.pg76 .ft a,.pg76 .ft button.link{color:#1a5fd0;font-weight:600;cursor:pointer;background:none;border:0;padding:0;font-size:12.5px}
.pg76 .pay{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-left:auto}.pg76 .pay label{display:flex;flex-direction:column;font-size:.78rem;color:var(--muted);font-weight:600;gap:3px}
.pg76 .tabs76{display:flex;gap:2px;margin-bottom:8px}.pg76 .tabs76 button{border:1px solid var(--line);background:var(--surface);padding:5px 12px;font-size:12.5px;border-radius:8px 8px 0 0;cursor:pointer}.pg76 .tabs76 button.on{background:var(--brand,#0f6b4f);color:#fff;border-color:transparent}
/*---*/

.pg76{--pg-ind:#3949ab;--pg-teal:#00897b;--pg-pur:#8e24aa;--pg-org:#ef6c00;--pg-calc:#546e7a;--pg-gst:#2e7d32;--pg-sku:#37474f;--pg-brn:#6d4c41}
.pg76 .tabs76{display:inline-flex;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px;box-shadow:0 1px 3px rgba(0,0,0,.06);flex-wrap:wrap;width:100%}
.pg76 .tabs76 button{border:0;border-radius:9px;background:transparent;font-weight:600;padding:7px 14px;color:var(--ink)}.pg76 .tabs76 button.on{background:linear-gradient(135deg,#0f6b4f,#1f9d6f);color:#fff;box-shadow:0 2px 6px rgba(15,107,79,.35)}
.pg76 .tabs76 button:not(.on):hover{background:color-mix(in srgb,var(--brand,#0f6b4f) 8%,transparent)}
.pg76 .hd{background:linear-gradient(180deg,color-mix(in srgb,#0f6b4f 6%,var(--surface)),var(--surface));border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);border-color:color-mix(in srgb,#0f6b4f 18%,var(--line));padding:12px 14px}
.pg76 .hd .party{display:flex;align-items:center;gap:10px;font-size:1.25rem;letter-spacing:.01em}
.pg76 .hd .party::before{content:attr(data-in);display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3949ab,#8e24aa);color:#fff;font-size:.95rem;font-weight:800}
.pg76 .hd input,.pg76 .hd select{border-radius:8px;border:1px solid color-mix(in srgb,#0f6b4f 25%,var(--line))}.pg76 .hd input:focus,.pg76 .hd select:focus{outline:2px solid #1f9d6f;outline-offset:0}
.pg76 .net{background:linear-gradient(135deg,#0f6b4f,#1f9d6f);color:#fff;border-radius:12px;padding:8px 14px;box-shadow:0 3px 10px rgba(15,107,79,.3)}.pg76 .net .small{color:rgba(255,255,255,.85)!important}.pg76 .net b{color:#fff!important;font-size:1.45rem}
.pg76 .gw{border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);border-color:color-mix(in srgb,#0f6b4f 15%,var(--line))}
.pg76 th{color:#fff;border-right:1px solid rgba(255,255,255,.18);border-bottom:0;padding:7px 5px;font-size:11.2px;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.15)}
.pg76 th.c-sno{background:linear-gradient(180deg,#78909c,#546e7a)}.pg76 th[data-g=id]{background:linear-gradient(180deg,#5c6bc0,var(--pg-ind))}.pg76 th[data-g=qty]{background:linear-gradient(180deg,#26a69a,var(--pg-teal))}
.pg76 th[data-g=attr]{background:linear-gradient(180deg,#ab47bc,var(--pg-pur))}.pg76 th[data-g=disc]{background:linear-gradient(180deg,#fb8c00,var(--pg-org))}.pg76 th[data-g=calc]{background:linear-gradient(180deg,#78909c,var(--pg-calc))}
.pg76 th[data-g=gst]{background:linear-gradient(180deg,#43a047,var(--pg-gst))}.pg76 th[data-g=sku]{background:linear-gradient(180deg,#546e7a,var(--pg-sku))}.pg76 th[data-g=misc]{background:linear-gradient(180deg,#8d6e63,var(--pg-brn))}
.pg76 tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--line) 18%,var(--surface))}.pg76 tbody tr:hover td{background:color-mix(in srgb,#2f80ed 7%,var(--surface))}
.pg76 tbody tr.new td{background:color-mix(in srgb,#ffd54f 16%,var(--surface))}.pg76 td input{height:30px}.pg76 td.c-sno{font-weight:700;color:#455a64}
.pg76 tfoot td{background:color-mix(in srgb,#0f6b4f 10%,var(--surface));color:#0b3d2e;border-top:2px solid color-mix(in srgb,#0f6b4f 35%,var(--line));border-right-color:var(--line)}
.pg76 .ft{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.pg76 .ft button.link{background:color-mix(in srgb,#1a5fd0 8%,transparent);border-radius:999px;padding:5px 11px;color:#1a5fd0}.pg76 .ft button.link:hover{background:color-mix(in srgb,#1a5fd0 16%,transparent)}
.pg76 .ft .search{border-radius:8px}.pg76 .legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;font-size:11px}.pg76 .legend span{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.pg76 .legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.pg76 .ptab{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:8px}.pg76 .ptab .box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.pg76 .ptab .box h4{margin:0 0 6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#0f6b4f}.pg76 .ptab .big{font-size:1.25rem;font-weight:800}.pg76 .ptab table{width:100%;font-size:12px;border-collapse:collapse}.pg76 .ptab td{padding:3px 4px;border-bottom:1px dashed var(--line)}
/*---*/
body.gslab-off #mform fieldset.pslab{display:none!important}
/*---*/

#mform .pf86{border:1px solid var(--line);border-radius:12px;padding:10px 12px 12px;margin:10px 0 0}
#mform .pf86>legend{font-weight:700;font-size:.9rem;padding:0 6px;color:var(--brand,#0f6b4f)}
#mform .pf86 .fgrid{margin-top:4px}
#mform .pf86img{display:flex;gap:10px;align-items:center}#mform .pf86img img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
#mform .yn{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}#mform .yn label{padding:5px 12px;cursor:pointer;font-size:.85rem;margin:0;display:flex;align-items:center;gap:4px}
#mform .yn input{position:absolute;opacity:0;width:1px;height:1px}#mform .yn label:has(input:checked){background:var(--brand,#0f6b4f);color:#fff}#mform .yn label:has(input:focus-visible){outline:2px solid #ffd54f;outline-offset:-2px}
#mform .sets86{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 16px}#mform .sets86>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.88rem}
/*---*/

.modal.pf87{width:min(1340px,98vw)}
.modal.pf87 .mbody{padding:8px 12px 6px}
.modal.pf87 .pf87cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;align-items:start}
.modal.pf87 fieldset{margin:0 0 7px!important;padding:4px 8px 7px!important;border-radius:10px}
.modal.pf87 legend{font-size:.8rem!important;padding:0 4px!important}
.modal.pf87 .fgrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:5px 7px}
.modal.pf87 .field{gap:1px}
.modal.pf87 .field>span,.modal.pf87 .sets86 span,.modal.pf87 .small{font-size:.72rem!important;line-height:1.25}
.modal.pf87 .field input,.modal.pf87 .field select,.modal.pf87 .field textarea,.modal.pf87 select.search{padding:3px 7px;min-height:0;height:29px;font-size:.84rem}
.modal.pf87 .field textarea{height:29px;min-height:29px;resize:vertical}
.modal.pf87 .pf87wide{grid-column:1/-1}.modal.pf87 .pf87half{grid-column:span 2}
.modal.pf87 .pf86img{gap:6px;margin-top:2px!important}.modal.pf87 .pf86img img{width:30px;height:30px;border-radius:7px}
.modal.pf87 .pf86img .btn{padding:3px 8px;font-size:.75rem;min-height:0}
.modal.pf87 .sets86{grid-template-columns:1fr 1fr;gap:4px 8px}.modal.pf87 .sets86>div{font-size:.74rem;gap:4px}
.modal.pf87 .yn label{padding:2px 7px;font-size:.72rem}
.modal.pf87 .hint,.modal.pf87 p.small{margin:2px 0!important}
.modal.pf87 .pf86 .row,.modal.pf87 label.check{margin:2px 0!important;font-size:.78rem}
.modal.pf87 #slabinfo{margin:2px 0!important}
.modal.pf87 footer{padding:8px 12px}
@media (max-width:980px){.modal.pf87 .pf87cols{grid-template-columns:1fr}}
/*---*/

body.gslab-off .modal.pf87 fieldset.gs88{display:none!important}
.modal.pf87 .pf88full{margin-top:2px}
.modal.pf87 .erp .top{margin-bottom:6px;padding:6px 10px}
.modal.pf87 .pf86>.row,.modal.pf87 .pf86>p{margin:4px 0!important}
.modal.pf87 .pf86 label.field{display:flex;margin-top:4px}
/*---*/

.modal.pf87 .erp{font-size:12.5px}
.modal.pf87 .erp .top{margin-bottom:6px;padding:5px 10px}
.modal.pf87 .erp .cols{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 10px!important}
.modal.pf87 .erp .cols>div{min-width:0}
.modal.pf87 .erp fieldset{padding:4px 8px 6px!important;margin:0 0 7px!important}
.modal.pf87 .erp legend{font-size:.76rem!important}
.modal.pf87 .erp .r,.modal.pf87 .erp .r2{margin:0 0 4px!important;gap:4px 6px!important;min-height:0!important}
.modal.pf87 .erp .r>label,.modal.pf87 .erp .r2>label{font-size:.72rem!important;line-height:1.2}
.modal.pf87 .erp input,.modal.pf87 .erp select,.modal.pf87 .erp textarea{height:27px!important;min-height:0!important;padding:2px 6px!important;font-size:.8rem!important}
.modal.pf87 .erp textarea{height:27px!important;resize:vertical}
.modal.pf87 .erp .radios label{font-size:.75rem!important;padding:1px 0}
.modal.pf87 .erp .hint,.modal.pf87 .erp .small{font-size:.68rem!important;margin:1px 0!important}
.modal.pf87 .erp table.g th,.modal.pf87 .erp table.g td{padding:1px 3px!important;font-size:.72rem}
.modal.pf87 .erp table.g input,.modal.pf87 .erp table.g select{height:24px!important}
.modal.pf87 .erp .addrow{padding:2px 8px!important;font-size:.72rem!important;min-height:0}
.modal.pf87 .erp .foot{margin-top:4px;padding-top:4px;font-size:.7rem}
.modal.pf87 .pf89low{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;align-items:start}
.modal.pf87 .pf89low details>summary{margin:0 0 4px!important}
.modal.pf87 .tbl th,.modal.pf87 .tbl td{padding:3px 8px!important;font-size:.8rem}
.modal.pf87.pf89role .tbl th,.modal.pf87.pf89role .tbl td{padding:1px 8px!important;line-height:1.25;font-size:.76rem}.modal.pf87.pf89role .hint{margin:2px 0!important;font-size:.7rem}.modal.pf87.pf89role .tbl input[type=checkbox]{width:14px;height:14px;margin:2px}
.modal.pf87 .tbl input[type=checkbox]{width:15px;height:15px}
.modal.pf87 .tblwrap,.modal.pf87 .twrap{margin:0}
.modal.pf87 .fgrid .field.full{grid-column:1/-1}
@media (max-width:980px){.modal.pf87 .erp .cols,.modal.pf87 .pf89low{grid-template-columns:1fr!important}}
/*---*/

.lbl91{position:relative;overflow:hidden;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;text-align:center;box-sizing:border-box;border:1px dashed #c8c8c8}
.lbl91 .b{position:absolute;overflow:hidden}
.labelsheet.ls91{display:block;padding:0;margin:8px 0 0;background:#eef2f1}
.labelsheet.ls91 .pg91{background:#fff;margin:0 0 4mm;box-shadow:0 0 0 1px #d8dfdc}
.lblprev{display:flex;gap:0;align-items:flex-start;transform-origin:top left}.lblprev .lbl91{flex:none}
.lblgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.lblcard{border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.lblcard.on{outline:3px solid var(--brand,#0f6b4f);outline-offset:-1px}
.lblcard .pv{background:#eef2f1;border-radius:8px;height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden}
@media print{.labelsheet.ls91{background:#fff!important;margin:0!important}.labelsheet.ls91 .pg91{margin:0!important;box-shadow:none!important;break-after:page;page-break-after:always}.labelsheet.ls91 .lbl91{border-color:transparent!important}}
/*---*/
#pg76.ro94 td input,#pg76.ro94 td select{background:transparent!important;cursor:default}#pg76.ro94 .hd input,#pg76.ro94 .hd select{background:var(--surface-2,#f1f4f3)!important}
/*---*/
.labelsheet.ls91,.labelsheet.ls91 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.lbl91 svg{shape-rendering:crispEdges}
/*---*/

.modal .fgrid>*,.modal .pf87cols>*,.modal fieldset,.modal .field{min-width:0}
.modal .fgrid .field select,.modal .fgrid .field input,.modal .fgrid .field textarea,.modal .field select.search,.modal .field input.search{min-width:0!important;width:100%;max-width:100%;box-sizing:border-box}
.modal .field select{text-overflow:ellipsis}
/*---*/
.pf118{border:1px solid var(--line);border-radius:10px;padding:6px 8px;margin-top:6px;background:color-mix(in srgb,#0f6b4f 4%,var(--surface))}
.pf118 .pf118h{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.76rem;font-weight:700}
.pf118 .pf118m{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.pf118 .pf118m label{padding:2px 9px;cursor:pointer;font-size:.72rem;font-weight:600}
.pf118 .pf118m input{display:none}.pf118 .pf118m label:has(input:checked){background:#0f6b4f;color:#fff}
.pf118 .pf118g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 7px;margin-top:5px}.pf118 .pf118g .field{min-width:0}
.pf118 .pf118p{font-size:.72rem;margin-top:3px;color:var(--muted)}.pf118 .pf118p b{color:var(--text)}
/*---*/
.pb120g{display:grid;grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr);gap:10px 16px;margin-top:8px;align-items:end}
.pb120r{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.pb120p{padding:4px 12px;cursor:pointer;font-size:.84rem;font-weight:600;white-space:nowrap}.pb120p input{display:none}.pb120p.on{background:#0f6b4f;color:#fff}
.pb120l{margin-bottom:3px}.pb120pv{background:#f3f4f2;border-radius:8px;padding:6px;display:inline-block;max-width:420px;overflow:auto}
@media (max-width:900px){.pb120g{grid-template-columns:1fr 1fr}.pb120g>div:nth-child(3){grid-column:1/-1}}
/*---*/
#vb122{position:fixed;right:14px;bottom:14px;width:min(360px,94vw);max-height:62vh;display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:9000;overflow:hidden}
#vb122 .vbh{display:flex;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,#0f6b4f 7%,var(--surface,#fff))}
#vb122 .vbl{flex:1;overflow:auto;padding:8px 10px;display:flex;flex-direction:column;gap:5px;min-height:90px}
#vb122 .vbm{padding:6px 9px;border-radius:10px;font-size:.88rem;max-width:88%;line-height:1.35}#vb122 .vbm.bot{background:color-mix(in srgb,#0f6b4f 9%,var(--surface,#fff))}#vb122 .vbm.you{background:#2f80ed;color:#fff;align-self:flex-end}
#vb122 .vbf{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}#vb122 .vbf input{flex:1;min-width:0}
#vb122 .vbdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e53935;animation:vbp 1s infinite}@keyframes vbp{50%{opacity:.25}}
.vb122btn{position:fixed;left:auto;right:14px;bottom:14px;z-index:8999;border-radius:999px!important;padding:10px 14px!important;box-shadow:0 6px 18px rgba(0,0,0,.18)}
/*---*/
.vb122btn{display:none!important}.vb125hint{position:fixed;right:14px;bottom:10px;z-index:50;font-size:.72rem;color:var(--muted);background:var(--surface,#fff);border:1px solid var(--line);border-radius:999px;padding:2px 9px;pointer-events:none;opacity:.85}
/*---*/
#rel128bar{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:9500;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--surface,#fff);border:2px solid #0f6b4f;border-radius:12px;padding:8px 12px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-width:94vw;font-size:.9rem}
.rel128v{font-size:.72rem;color:var(--muted);padding:6px 14px 10px}
.rel128 table td,.rel128 table th{vertical-align:middle}.rel128 .st{font-weight:700;border-radius:999px;padding:2px 10px;font-size:.78rem;display:inline-block}
.rel128 .st.live{background:#e3f4ea;color:#1b5e20}.rel128 .st.pilot{background:#fff4e0;color:#8a5300}.rel128 .st.draft{background:#eceff1;color:#455a64}.rel128 .st.off{background:#fde7e7;color:#b3261e}
.rel128 select.search{min-width:0;padding:3px 6px}
/*---*/
.rel128v{display:none!important}.plancard .planver{font-size:.74rem;opacity:.9;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.28)}
/*---*/
html:not(.voice-on) #vx-pos,html:not(.voice-on) .vxbtn,html:not(.voice-on) #aimic,html:not(.voice-on) .vb122btn{display:none!important}
/*---*/

#up145{position:fixed;inset:0;z-index:99999;background:rgba(8,28,21,.72);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
#up145 .c{background:var(--surface,#fff);color:var(--ink,#14201A);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);width:min(440px,100%);padding:26px 26px 20px;text-align:center}
#up145 .lg{width:56px;height:56px;border-radius:16px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#0F6B4F,#1B9A70);color:#fff;animation:up145s 1.6s ease-in-out infinite}
@keyframes up145s{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
#up145 h2{margin:4px 0 2px;font-size:1.25rem}#up145 .sub{color:var(--muted,#5A6A62);font-size:.9rem;margin-bottom:14px}
#up145 .bar{height:10px;border-radius:8px;background:var(--surface-2,#EEF2F0);overflow:hidden;margin:6px 0 14px}#up145 .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0F6B4F,#2BB585);transition:width .6s ease}
#up145 ol{list-style:none;margin:0;padding:0;text-align:left;font-size:.95rem}#up145 li{display:flex;gap:10px;align-items:center;padding:6px 2px;color:var(--muted,#5A6A62)}
#up145 li b{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;background:var(--surface-2,#EEF2F0);flex:none}
#up145 li.on{color:var(--ink,#14201A);font-weight:600}#up145 li.on b{background:#E3A13B;color:#fff;animation:up145s 1s infinite}
#up145 li.ok{color:var(--ink,#14201A)}#up145 li.ok b{background:#1B7A4F;color:#fff}
#up145 .note{font-size:.82rem;color:var(--muted,#5A6A62);min-height:18px;margin-top:10px}#up145 .act{margin-top:10px}
#done145{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:99998;background:#0F6B4F;color:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:.95rem;display:flex;gap:12px;align-items:center;animation:up145in .4s ease}
@keyframes up145in{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}#done145 button{background:rgba(255,255,255,.18);color:#fff;border:0;border-radius:8px;padding:4px 10px;cursor:pointer}
/*---*/

#rm146{position:fixed;right:18px;bottom:18px;z-index:99990;width:min(370px,calc(100vw - 36px));background:var(--surface,#fff);color:var(--ink,#14201A);border-radius:16px;box-shadow:0 14px 44px rgba(0,0,0,.28);border:1px solid var(--line,#D9E1DD);overflow:hidden;animation:u146in .45s cubic-bezier(.2,.9,.3,1.2)}
@keyframes u146in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
#rm146 .hd{display:flex;gap:12px;align-items:center;padding:14px 16px 10px;background:linear-gradient(135deg,#0F6B4F,#18946B);color:#fff}
#rm146 .ic{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
#rm146 .t{font-weight:700;font-size:1rem}#rm146 .v{font-size:.8rem;opacity:.9}
#rm146 .bd{padding:12px 16px 4px;font-size:.88rem;line-height:1.45}#rm146 ul{margin:8px 0 0;padding:0;list-style:none}#rm146 li{padding:2px 0}
#rm146 .ft{display:flex;gap:8px;padding:12px 16px 14px;flex-wrap:wrap}#rm146 .ft .btn{flex:1}
#up146{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(1200px 600px at 50% -10%,#1B9A70 0%,#0D3B2C 55%,#071E16 100%);color:#fff;font-family:inherit}
#up146 .c{width:min(520px,100%);text-align:center}
#up146 .lg{width:74px;height:74px;margin:0 auto 14px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:34px;position:relative}
#up146 .lg:after{content:"";position:absolute;inset:-7px;border-radius:26px;border:3px solid transparent;border-top-color:#7EE2B8;animation:u146r 1.1s linear infinite}
@keyframes u146r{to{transform:rotate(360deg)}}
#up146 h1{font-size:1.45rem;margin:0 0 4px;font-weight:700;letter-spacing:.2px}#up146 .sub{opacity:.85;font-size:.95rem;margin-bottom:18px}
#up146 .pct{font-size:2rem;font-weight:700;margin:4px 0}
#up146 .bar{height:8px;border-radius:8px;background:rgba(255,255,255,.15);overflow:hidden;margin:0 0 18px}#up146 .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7EE2B8,#E3C26B);transition:width .5s ease}
#up146 ol{list-style:none;margin:0 auto;padding:0;text-align:left;max-width:380px}#up146 li{display:flex;gap:12px;align-items:center;padding:7px 0;opacity:.55;font-size:.95rem}
#up146 li b{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;flex:none}
#up146 li.on{opacity:1;font-weight:600}#up146 li.on b{border-color:#E3C26B;border-top-color:transparent;animation:u146r .9s linear infinite}
#up146 li.ok{opacity:1}#up146 li.ok b{background:#7EE2B8;border-color:#7EE2B8;color:#0D3B2C}
#up146 .chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:20px 0 6px}#up146 .chips span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 12px;font-size:.8rem}
#up146 .u146note{font-size:.85rem;color:#DCEFE7;background:none;border:0;padding:0;min-height:20px;margin-top:12px}#up146 .act{margin-top:12px}#up146 .act .btn{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3)}
#ok146{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;background:rgba(7,30,22,.45);padding:16px;animation:u146f .3s ease}
@keyframes u146f{from{opacity:0}to{opacity:1}}
#ok146 .c{background:var(--surface,#fff);color:var(--ink,#14201A);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);width:min(400px,100%);padding:24px;text-align:center;animation:u146in .45s cubic-bezier(.2,.9,.3,1.2)}
#ok146 .ck{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;background:#1B7A4F;color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center}
#ok146 h2{margin:4px 0;font-size:1.25rem}#ok146 p{margin:6px 0;color:var(--muted,#5A6A62);font-size:.9rem}
/*---*/

.np{display:flex;flex-direction:column;gap:8px;font-size:.86rem}
.np-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.np-tabs{display:flex;gap:4px}.np-tabs button{border:0;background:transparent;padding:6px 10px;border-radius:8px;font-weight:700;color:var(--muted);cursor:pointer}.np-tabs button.on{background:var(--brand);color:#fff}
.np-clock{display:flex;gap:16px;color:var(--danger);font-weight:700;margin-left:auto}.np-clock span{white-space:nowrap}
.np-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:8px;align-items:start}
@media (max-width:1100px){.np-body{grid-template-columns:1fr}}
.np-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px}
.np-grid{overflow:auto;max-height:calc(100vh - 330px);min-height:240px;border:1px solid var(--line);border-radius:8px}
.np-grid table{border-collapse:collapse;width:100%;min-width:900px}.np-grid th{text-transform:none;letter-spacing:0;position:sticky;top:0;background:var(--brand);color:#fff;font-weight:600;font-size:.76rem;padding:5px 6px;text-align:left;white-space:nowrap}
.np-grid td{padding:4px 6px;border-bottom:1px solid var(--line);white-space:nowrap}.np-grid tr.sel td{background:color-mix(in srgb,var(--accent) 25%,var(--surface))}.np-grid tr.ex td{color:var(--danger)}.np-grid tr{cursor:pointer}
.np-grid td.r,.np-grid th.r{text-align:right}.np-grid input{width:64px;padding:2px 4px;border:1px solid var(--line);border-radius:4px;text-align:right;background:var(--surface);color:var(--ink)}
.np-side{display:flex;flex-direction:column;gap:8px}
.np-f{display:grid;grid-template-columns:20px 1fr 1fr;gap:4px 6px;align-items:center}.np-f label{font-size:.8rem}.np-f input,.np-f select{width:100%;padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);text-align:right}
.np-f input.l{text-align:left}.np-code{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.np-side .np-code>span{width:100%;display:flex;justify-content:space-between}.np-code input{flex:1;padding:8px;font-size:1rem;font-weight:700;border:2px solid var(--brand);border-radius:7px;background:#0b1d3a;color:#fff;letter-spacing:.5px}
.np-tot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 6px;align-items:center}.np-tot input,.np-tot select{width:100%;padding:4px 6px;border:1px solid var(--line);border-radius:5px;text-align:right;background:var(--surface);color:var(--ink)}
.np-tot .ro{background:var(--surface-2)}.np-big{display:flex;justify-content:space-between;gap:8px;margin-top:6px}.np-big>div{flex:1;border:1px solid var(--line);border-radius:8px;text-align:center;padding:4px 6px;font-size:1.3rem;font-weight:800;line-height:1.2}.np-big div.net{color:var(--brand)}
.np-bar{display:flex;flex-wrap:wrap;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;position:sticky;bottom:6px;z-index:5;box-shadow:0 -4px 14px rgba(0,0,0,.08)}.np-bar button{border:0;background:transparent;color:var(--brand);font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer}
.np-bar button:hover{background:var(--brand-soft)}.np-bar button:disabled{color:var(--muted);cursor:not-allowed;background:none}.np-bar .memo{margin-left:auto;color:var(--danger);font-weight:800}
.np-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.np-foot .sum{display:flex;gap:2px}.np-foot .sum span{border:1px solid var(--line);padding:2px 6px;border-radius:4px;font-weight:700;font-variant-numeric:tabular-nums}
.np-cust{display:grid;grid-template-columns:270px minmax(0,1fr) 200px;gap:8px}@media (max-width:1100px){.np-cust{grid-template-columns:1fr}}
.np-kv{display:grid;grid-template-columns:96px minmax(0,1fr);gap:3px 6px;font-size:.82rem}.np-kv select,.np-kv input{width:100%;min-width:0;padding:3px 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink)}.np-kv b{font-weight:600}
.np-mini{overflow-x:auto}.np-mini table{width:100%;border-collapse:collapse;font-size:.8rem}.np-mini th{background:var(--brand);color:#fff;padding:4px 6px;text-align:left}.np-mini td{padding:3px 6px;border-bottom:1px solid var(--line)}.np-mini input,.np-mini select{width:100%;padding:3px 5px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink)}
.np-h{font-weight:700;color:var(--brand);margin:0 0 6px;font-size:.85rem}.np-link{background:none;border:0;color:var(--brand);text-decoration:underline;cursor:pointer;padding:0;font-size:.8rem}
.np-find{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 8px}.np-find label{display:flex;flex-direction:column;font-size:.75rem;gap:2px}.np-find input,.np-find select{padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink)}
@media (max-width:700px){.np-find{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*---*/

.b2{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:8px;font-size:.86rem}
.b2 .bx{background:var(--surface);border:1px solid var(--line);border-radius:8px}
.b2-hd{position:relative;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:6px 10px;align-items:center}
.b2-hd label{color:var(--muted);font-weight:600;font-size:.8rem}.b2-hd input,.b2-hd select{padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font:inherit;min-width:0}
.b2-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:-8px -10px 4px;padding:5px 10px;background:var(--brand,#0f5e4b);color:#fff;border-radius:8px 8px 0 0}
.b2-title b{background:#c0504d;padding:3px 14px;border-radius:4px}.b2-title button{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:2px 10px;font-weight:700;cursor:pointer}
.b2-gst{font-size:.78rem;color:#7a2fb0}.b2-warn{color:var(--danger);font-size:.78rem;font-weight:700}
.b2-grid{overflow:auto;max-height:340px}.b2-grid table{width:100%;border-collapse:collapse}
.b2-grid th{position:sticky;top:0;background:var(--surface-2);text-align:left;padding:5px 6px;border-bottom:1px solid var(--line);font-size:.8rem;text-transform:none;letter-spacing:0}
.b2-grid td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:0}.b2-grid td.sn{width:34px;text-align:center;color:var(--muted);background:var(--surface-2)}
.b2-grid input{width:100%;border:0;padding:5px 6px;background:transparent;color:var(--ink);font:inherit}.b2-grid input:focus{outline:2px solid var(--accent,#E3A13B);background:var(--brand-soft,#eef7f3)}
.b2-grid .r,.b2-grid .r input{text-align:right;font-variant-numeric:tabular-nums}.b2-grid tr.on td{background:var(--brand-soft,#eef7f3)}
.b2-tot{display:flex;justify-content:flex-end;gap:60px;padding:6px 14px;font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}
.b2-low{display:grid;grid-template-columns:270px minmax(0,1fr);gap:8px}
.b2-side{display:flex;flex-direction:column;gap:8px}.b2-side .bx{padding:6px 8px}.b2-side h4,.b2-low h4{margin:0 0 4px;font-size:.78rem;color:#7a2fb0;font-weight:600}
.b2-kv{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:.8rem}.b2-kv b{text-align:right;font-variant-numeric:tabular-nums}
.b2-btns{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.b2-btns button{padding:6px 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer}
.b2-btns button:hover{background:var(--brand-soft)}.b2-btns button.img{font-size:.65rem;padding:3px 8px;line-height:1.1;background:var(--surface-2);color:var(--muted);cursor:not-allowed}
.b2-btns button.pri{background:var(--brand,#0f5e4b);color:#fff;border-color:transparent}
.b2-keys{grid-column:1/-1;background:var(--brand,#0f5e4b);color:#fff;border-radius:6px;padding:4px 10px;display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center;font-size:.78rem;font-weight:700}
@media(max-width:1000px){.b2{grid-template-columns:1fr}.b2-low{grid-template-columns:1fr}.b2-hd{grid-template-columns:auto 1fr}}

/*---*/
.bs153{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;margin-right:8px;white-space:nowrap}
.bs153 select{padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-weight:800}.bs153 select.main{border-color:#E3A13B;background:#fff4df;color:#8a5200}
.pos .bs153row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
/*---*/

.brandmark img.btx-icon{width:34px;height:34px;border-radius:9px;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.brandmark.btx-full{padding-top:6px;padding-bottom:6px}.brandmark img.btx-banner{display:block;width:100%;max-width:210px;height:auto;border-radius:8px}
.pnav .logo img.btx-mark{height:44px;width:auto;border-radius:8px;display:block}
.authbrand .logo img.btx-banner{width:100%;max-width:360px;height:auto;border-radius:12px;display:block;box-shadow:0 8px 30px rgba(0,0,0,.25)}
#up146 .lg img{width:72px;height:72px;border-radius:18px;display:block}
/*---*/

.bx{--bg:#030a1f;--bg2:#06122e;--card:rgba(255,255,255,.045);--line:rgba(148,178,255,.14);--tx:#e8eefc;--mut:#9fb0d3;--cy:#38d6ff;--bl:#4f7dff;--vi:#a35bff;--ok:#2fd39a;
 background:var(--bg);color:var(--tx);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;overflow-x:hidden;min-height:100vh}
.bx *{box-sizing:border-box}.bx a{cursor:pointer}
.bx .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.bx .pnav{position:sticky;top:0;z-index:50;background:rgba(3,10,31,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);max-width:none;padding:12px max(24px,calc((100vw - 1200px)/2 + 24px))}
.bx .pnav .l{color:var(--mut)!important;font-weight:600}.bx .pnav .l:hover{color:#fff!important}
.bx .pnav .btn{border-radius:10px}.bx .pnav .btn:not(.primary){background:transparent;color:#fff;border:1px solid var(--line)}
.bx .btn.primary,.bx .bbtn{background:linear-gradient(135deg,var(--cy),var(--bl) 55%,var(--vi));color:#fff;border:0;box-shadow:0 8px 30px rgba(79,125,255,.35)}
.bx .bbtn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s}
.bx .bbtn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(79,125,255,.5)}
.bx .gbtn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;background:rgba(255,255,255,.05);color:#fff;border:1px solid var(--line)}
.bx .gbtn:hover{background:rgba(255,255,255,.1)}
.bx .bxhero{position:relative;padding:84px 0 70px}
.bx .bxhero:before{content:"";position:absolute;inset:-200px -10% auto;height:760px;background:radial-gradient(600px 380px at 75% 30%,rgba(79,125,255,.28),transparent 60%),radial-gradient(520px 340px at 15% 10%,rgba(56,214,255,.16),transparent 60%),radial-gradient(500px 300px at 60% 80%,rgba(163,91,255,.2),transparent 60%);pointer-events:none}
.bx .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(148,178,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,178,255,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
.bx .hgrid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.bx .badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(56,214,255,.35);background:rgba(56,214,255,.08);color:#bdeeff;font-weight:600;font-size:.85rem}
.bx .badge i{width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 12px var(--cy);display:inline-block}
.bx h1{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.06;letter-spacing:-.02em;margin:20px 0 18px;font-weight:800;color:#fff}
.bx .gt{background:linear-gradient(90deg,var(--cy),var(--bl) 45%,var(--vi));-webkit-background-clip:text;background-clip:text;color:transparent}
.bx .lead{font-size:1.15rem;line-height:1.65;color:var(--mut);max-width:560px}
.bx .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bx .trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:var(--mut);font-size:.9rem}.bx .trust span:before{content:"✓";color:var(--ok);font-weight:800;margin-right:6px}
/* dashboard mock-up */
.bx .mock{position:relative;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,28,66,.9),rgba(6,16,40,.95));box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03) inset;padding:18px;animation:bxf 6s ease-in-out infinite}
@keyframes bxf{50%{transform:translateY(-8px)}}
.bx .mock:after{content:"";position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(56,214,255,.6),transparent 40%,rgba(163,91,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.bx .mbar{display:flex;align-items:center;gap:6px;margin-bottom:14px}.bx .mbar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.bx .mbar i:nth-child(2){background:#febc2e}.bx .mbar i:nth-child(3){background:#28c840}
.bx .mbar b{margin-left:10px;font-size:.82rem;color:var(--mut);font-weight:600}
.bx .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bx .kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.bx .kpi small{color:var(--mut);font-size:.72rem;display:block}.bx .kpi b{font-size:1.15rem;color:#fff;display:block;margin-top:4px}.bx .kpi em{font-style:normal;font-size:.72rem;color:var(--ok)}
.bx .chart{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:flex-end;gap:7px;height:130px}
.bx .chart span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--cy),var(--bl));opacity:.9;animation:bxg 1.2s ease-out both}.bx .chart span:nth-child(even){background:linear-gradient(180deg,var(--vi),var(--bl))}
@keyframes bxg{from{transform:scaleY(.1);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.bx .ai{margin-top:12px;display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px;background:linear-gradient(135deg,rgba(56,214,255,.12),rgba(163,91,255,.14));border:1px solid rgba(120,160,255,.3);font-size:.86rem;color:#dbe6ff}
.bx .ai .dot{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cy),var(--vi));font-weight:800;color:#fff;font-size:.75rem}
.bx .bills{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 12px;font-size:.8rem}
.bx .bills div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);color:var(--mut)}.bx .bills div:last-child{border:0}.bx .bills b{color:#fff;font-weight:600}
.bx .float{position:absolute;padding:10px 14px;border-radius:12px;background:rgba(8,20,50,.92);border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.45);font-size:.8rem;color:#dbe6ff;white-space:nowrap}
.bx .float b{color:#fff}.bx .f1{left:-34px;top:38%;animation:bxf 5s ease-in-out infinite .6s}.bx .f2{right:-20px;bottom:-22px;animation:bxf 5.5s ease-in-out infinite 1.2s}
/* sections */
.bx section.s{padding:84px 0;position:relative}.bx section.s.alt{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.bx .eyebrow{color:var(--cy);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}
.bx h2{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.15;letter-spacing:-.015em;margin:10px 0 14px;color:#fff;font-weight:800}
.bx .sub{color:var(--mut);font-size:1.05rem;max-width:680px;line-height:1.6}
.bx .center{text-align:center}.bx .center .sub{margin:0 auto}
.bx .inds{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.bx .inds span{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:#dbe6ff;font-weight:600;font-size:.92rem}
.bx .cards{display:grid;gap:16px;margin-top:38px}.bx .c4{grid-template-columns:repeat(4,1fr)}.bx .c3{grid-template-columns:repeat(3,1fr)}
.bx .card2{position:relative;border-radius:16px;border:1px solid var(--line);background:var(--card);padding:22px;transition:transform .2s,border-color .2s,background .2s}
.bx .card2:hover{transform:translateY(-4px);border-color:rgba(56,214,255,.45);background:rgba(255,255,255,.07)}
.bx .card2 .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.35rem;background:linear-gradient(135deg,rgba(56,214,255,.18),rgba(163,91,255,.22));border:1px solid rgba(120,160,255,.3);margin-bottom:14px}
.bx .card2 h3{margin:0 0 8px;font-size:1.06rem;color:#fff}.bx .card2 p{margin:0;color:var(--mut);font-size:.92rem;line-height:1.55}
.bx .card2 .tag{position:absolute;top:16px;right:16px;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:rgba(163,91,255,.2);color:#e2ccff;border:1px solid rgba(163,91,255,.4)}
.bx .aiwrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.bx .chat{border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,28,66,.85),rgba(6,16,40,.95));padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.bx .msg{display:block;max-width:88%;padding:11px 14px;border-radius:14px;margin:8px 0;font-size:.92rem;line-height:1.5}
.bx .msg.u{margin-left:auto;background:linear-gradient(135deg,var(--bl),var(--vi));color:#fff;border-bottom-right-radius:4px}
.bx .msg.a{background:rgba(255,255,255,.06);border:1px solid var(--line);color:#dbe6ff;border-bottom-left-radius:4px}
.bx .msg.a b{color:#fff}
.bx .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;counter-reset:st}
.bx .step{border-radius:16px;border:1px solid var(--line);background:var(--card);padding:24px;position:relative}
.bx .step:before{counter-increment:st;content:counter(st);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--cy),var(--vi));margin-bottom:14px}
.bx .step h3{margin:0 0 6px;color:#fff;font-size:1.05rem}.bx .step p{margin:0;color:var(--mut);font-size:.92rem}
.bx .facts{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:16px;margin-top:10px}
.bx .fact{text-align:center;padding:26px 14px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.bx .fact b{display:block;font-size:2.1rem;font-weight:800}.bx .fact span{color:var(--mut);font-size:.9rem}
.bx .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:30px}
.bx .plan2{border-radius:18px;border:1px solid var(--line);background:var(--card);padding:26px;display:flex;flex-direction:column}
.bx .plan2.hot{border-color:rgba(56,214,255,.55);background:linear-gradient(180deg,rgba(56,214,255,.09),rgba(163,91,255,.08));box-shadow:0 20px 60px rgba(79,125,255,.25);position:relative}
.bx .plan2.hot:before{content:"Most popular";position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:800;background:linear-gradient(90deg,var(--cy),var(--vi));color:#fff}
.bx .plan2 h3{margin:0;color:#fff}.bx .plan2 .pr{font-size:2.2rem;font-weight:800;color:#fff;margin:12px 0 2px}.bx .plan2 .pr small{font-size:.9rem;color:var(--mut);font-weight:500}
.bx .plan2 ul{list-style:none;padding:0;margin:16px 0 20px;flex:1}.bx .plan2 li{padding:6px 0;color:#c9d6f3;font-size:.9rem;border-bottom:1px solid rgba(148,178,255,.08)}.bx .plan2 li:before{content:"✓";color:var(--ok);font-weight:800;margin-right:8px}
.bx .bill-t{display:inline-flex;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
.bx .bill-t button{border:0;background:transparent;color:var(--mut);padding:8px 16px;border-radius:9px;font-weight:700;cursor:pointer}.bx .bill-t button.on{background:linear-gradient(135deg,var(--cy),var(--bl));color:#fff}
.bx details{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:16px 18px;margin:10px 0}.bx summary{cursor:pointer;font-weight:700;color:#fff}.bx details p{color:var(--mut)}
.bx .ctab{border-radius:24px;padding:56px 30px;text-align:center;background:radial-gradient(500px 220px at 20% 0%,rgba(56,214,255,.3),transparent 70%),radial-gradient(500px 220px at 80% 100%,rgba(163,91,255,.35),transparent 70%),linear-gradient(135deg,#0b1d4d,#140b3f);border:1px solid rgba(120,160,255,.3)}
.bx .contact2{display:grid;grid-template-columns:1fr 1.1fr;gap:30px}
.bx .contact2 form{border-radius:18px;border:1px solid var(--line);background:var(--card);padding:22px}
.bx .contact2 input,.bx .contact2 textarea{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff}
.bx .contact2 label span,.bx .contact2 .field>span{color:var(--mut)}
.bx .pfoot{background:#020717;border-top:1px solid var(--line);color:var(--mut);padding:40px max(24px,calc((100vw - 1200px)/2 + 24px))}.bx .pfoot a{color:var(--mut)}.bx .pfoot a:hover{color:#fff}
.bx .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.bx .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bx .rv{opacity:1;transform:none}.bx .mock,.bx .float{animation:none}}
@media(max-width:980px){.bx .hgrid,.bx .aiwrap,.bx .contact2{grid-template-columns:1fr}.bx .c4{grid-template-columns:repeat(2,1fr)}.bx .c3,.bx .steps{grid-template-columns:1fr}.bx .facts{grid-template-columns:repeat(2,1fr)}.bx .f1{left:6px}.bx .f2{right:6px}}
@media(max-width:760px){.bx .pnav .l:not(.logo),.bx .pnav button[onclick*="toggleMode"]{display:none}.bx .pnav{gap:8px}}
@media(max-width:560px){.bx .c4{grid-template-columns:1fr}.bx .kpis{grid-template-columns:1fr 1fr}.bx .bxhero{padding-top:48px}.bx .float{display:none}}

/*---*/

.pnav .logo.l{position:relative;display:inline-block;padding:0;line-height:0;border-radius:9px;overflow:hidden;isolation:isolate;animation:btxGlow 2.8s ease-in-out infinite}
.pnav .logo img.btx-mark{height:55px!important;width:auto;border-radius:9px;display:block}
.pnav .logo.l:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:btxShine 4s ease-in-out infinite;pointer-events:none}
@keyframes btxGlow{0%,100%{box-shadow:0 0 0 1px rgba(56,214,255,.35),0 0 8px rgba(56,214,255,.30)}50%{box-shadow:0 0 0 1px rgba(163,91,255,.65),0 0 18px rgba(79,125,255,.70),0 0 34px rgba(163,91,255,.40)}}
@keyframes btxShine{0%{left:-70%}55%,100%{left:135%}}
.bx .pnav{padding-top:9px;padding-bottom:9px}
@media (prefers-reduced-motion:reduce){.pnav .logo.l,.pnav .logo.l:after{animation:none}}
/*---*/

.bx .stage{position:relative;padding:6px 0 54px;font-size:clamp(9px,1.05vw,13px)}
.bx .lap{position:relative;width:100%;max-width:600px;margin-left:auto}
.bx .lscr{position:relative;border-radius:1.3em 1.3em .5em .5em;padding:.9em;background:#0b1630;border:1px solid rgba(148,178,255,.25);animation:bxGlow2 3s ease-in-out infinite;overflow:hidden}
.bx .lscr:before{content:"";position:absolute;top:.35em;left:50%;width:.45em;height:.45em;border-radius:50%;background:#26365e;transform:translateX(-50%)}
.bx .lscr:after,.bx .pscr:after{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent);transform:skewX(-18deg);animation:bxSweep 5s ease-in-out infinite;pointer-events:none}
.bx .lbase{height:1.1em;margin:0 -6%;border-radius:0 0 1.2em 1.2em;background:linear-gradient(180deg,#2a3a63,#111b36);box-shadow:0 1.6em 3em rgba(0,0,0,.55)}
.bx .lbase:before{content:"";display:block;width:16%;height:.45em;margin:0 auto;border-radius:0 0 .6em .6em;background:#0b1430}
@keyframes bxGlow2{0%,100%{box-shadow:0 0 0 1px rgba(56,214,255,.25),0 0 18px rgba(56,214,255,.20),0 20px 60px rgba(0,0,0,.5)}50%{box-shadow:0 0 0 1px rgba(163,91,255,.55),0 0 34px rgba(79,125,255,.55),0 0 70px rgba(163,91,255,.30),0 20px 60px rgba(0,0,0,.5)}}
@keyframes bxSweep{0%{left:-60%}50%,100%{left:140%}}
.bx .app{display:grid;grid-template-columns:3.2em 1fr;gap:.8em;border-radius:.7em;background:linear-gradient(180deg,#0d1d44,#071230);padding:.8em;min-height:23em}
.bx .side2{display:flex;flex-direction:column;gap:.55em;align-items:center;padding-top:.2em;border-right:1px solid rgba(148,178,255,.12)}
.bx .side2 b{width:2.2em;height:2.2em;border-radius:.6em;display:grid;place-items:center;font-size:1em;background:rgba(255,255,255,.05)}.bx .side2 b.on{background:linear-gradient(135deg,var(--cy),var(--vi))}
.bx .ahd{display:flex;align-items:center;gap:.6em;color:#fff;font-weight:700;font-size:1.05em}.bx .ahd small{color:var(--mut);font-weight:500;font-size:.8em}
.bx .live{margin-left:auto;font-size:.75em;font-weight:800;color:#7dffc7;padding:.25em .7em;border-radius:99em;background:rgba(47,211,154,.12);border:1px solid rgba(47,211,154,.4)}
.bx .live i,.bx .offl i{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:#2fd39a;margin-right:.4em;animation:bxBlink 1.2s steps(2,start) infinite;box-shadow:0 0 8px #2fd39a}
@keyframes bxBlink{to{visibility:hidden}}
.bx .k4{display:grid;grid-template-columns:repeat(4,1fr);gap:.6em;margin-top:.8em}
.bx .k4 div{border-radius:.7em;padding:.7em;background:rgba(255,255,255,.045);border:1px solid rgba(148,178,255,.14)}.bx .k4 small{display:block;color:var(--mut);font-size:.72em}.bx .k4 b{display:block;color:#fff;font-size:1.12em;margin-top:.2em}.bx .k4 em{font-style:normal;color:#2fd39a;font-size:.72em}
.bx .row2{display:grid;grid-template-columns:1.7fr 1fr;gap:.6em;margin-top:.6em}
.bx .pane{border-radius:.7em;padding:.7em;background:rgba(255,255,255,.045);border:1px solid rgba(148,178,255,.14);color:var(--mut);font-size:.75em}
.bx .pane svg{display:block;width:100%;height:auto;margin-top:.3em}
.bx .pane .ln{stroke-dasharray:400;stroke-dashoffset:400;animation:bxDraw 2.4s ease-out forwards .3s}
@keyframes bxDraw{to{stroke-dashoffset:0}}
.bx .donut{display:flex;align-items:center;gap:.7em;margin-top:.4em}.bx .donut svg{width:4.6em;flex:0 0 auto}.bx .donut p{margin:0;line-height:1.7}.bx .donut p b{color:#fff}
.bx .aib{margin-top:.6em;display:flex;gap:.6em;align-items:center;border-radius:.7em;padding:.6em .7em;font-size:.8em;color:#dbe6ff;background:linear-gradient(135deg,rgba(56,214,255,.12),rgba(163,91,255,.16));border:1px solid rgba(120,160,255,.3)}
.bx .aib b.t{flex:0 0 auto;width:2.1em;height:2.1em;border-radius:.6em;display:grid;place-items:center;background:linear-gradient(135deg,var(--cy),var(--vi));color:#fff;font-size:.8em}
/* phone */
.bx .phone{position:absolute;left:-8%;bottom:0;width:31%;min-width:150px;max-width:210px;border-radius:2.2em;padding:.55em;background:#0a1124;border:2px solid #2a3a63;animation:bxGlow2 3s ease-in-out infinite 1.5s;z-index:3}
.bx .pscr{position:relative;overflow:hidden;border-radius:1.75em;background:linear-gradient(180deg,#0e2150,#071230);padding:1.6em .85em .9em;font-size:.86em;min-height:26em}
.bx .pscr:before{content:"";position:absolute;top:.5em;left:50%;transform:translateX(-50%);width:34%;height:1.1em;border-radius:99em;background:#000}
.bx .pst{display:flex;justify-content:space-between;color:#9fb0d3;font-size:.72em;margin-top:-.9em;margin-bottom:.8em;padding:0 .4em}
.bx .phd{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:800}.bx .phd span{font-size:.7em;color:#7dffc7}
.bx .pbig{margin-top:.7em;border-radius:1em;padding:.8em;background:linear-gradient(135deg,rgba(56,214,255,.22),rgba(163,91,255,.26));border:1px solid rgba(120,160,255,.35)}
.bx .pbig small{color:#cfe0ff;font-size:.75em}.bx .pbig b{display:block;color:#fff;font-size:1.45em;margin:.15em 0}.bx .pbig em{font-style:normal;color:#7dffc7;font-size:.72em}
.bx .pbars{display:flex;align-items:flex-end;gap:.3em;height:3.2em;margin-top:.6em}.bx .pbars i{flex:1;border-radius:.3em .3em .1em .1em;background:linear-gradient(180deg,var(--cy),var(--bl));animation:bxg 1.2s ease-out both}
.bx .palert{margin-top:.7em;border-radius:.8em;padding:.55em .65em;font-size:.74em;color:#ffe9b5;background:rgba(255,190,60,.12);border:1px solid rgba(255,190,60,.35);animation:bxPop 4s ease-in-out infinite}
@keyframes bxPop{0%,70%,100%{transform:none}75%{transform:scale(1.04)}}
.bx .plist{margin-top:.6em;font-size:.74em}.bx .plist div{display:flex;justify-content:space-between;padding:.45em .1em;border-bottom:1px dashed rgba(148,178,255,.15);color:var(--mut)}.bx .plist b{color:#fff}
.bx .pnavb{display:flex;justify-content:space-around;margin-top:.8em;padding-top:.6em;border-top:1px solid rgba(148,178,255,.15);font-size:1em}.bx .pnavb b{opacity:.55}.bx .pnavb b.on{opacity:1}
/* offline flash */
.bx .offl{position:relative;color:#7dffc7!important;font-weight:700;animation:bxOff 1.8s ease-in-out infinite;border-radius:6px}
@keyframes bxOff{0%,100%{text-shadow:0 0 0 rgba(47,211,154,0)}50%{text-shadow:0 0 10px rgba(47,211,154,.95),0 0 22px rgba(47,211,154,.55)}}
.bx .trust .offl:before{content:"⚡"!important;color:#7dffc7!important}
.bx .ochip{position:absolute;right:-1%;bottom:1.4em;z-index:4;display:flex;align-items:center;gap:.5em;padding:.6em 1em;border-radius:99em;font-size:1.02em;font-weight:700;color:#d9fff0;background:rgba(6,30,24,.92);border:1px solid rgba(47,211,154,.55);animation:bxChip 1.8s ease-in-out infinite;white-space:nowrap}
@keyframes bxChip{0%,100%{box-shadow:0 0 0 rgba(47,211,154,0),0 10px 30px rgba(0,0,0,.45)}50%{box-shadow:0 0 22px rgba(47,211,154,.75),0 0 46px rgba(47,211,154,.35),0 10px 30px rgba(0,0,0,.45)}}
.bx .dlab{position:absolute;font-size:.85em;font-weight:700;color:var(--mut);letter-spacing:.08em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.bx .lscr,.bx .phone,.bx .offl,.bx .ochip,.bx .palert,.bx .lscr:after,.bx .pscr:after{animation:none}.bx .live i,.bx .offl i{animation:none}}
@media(max-width:980px){.bx .stage{font-size:clamp(8px,2.3vw,12px);margin-top:18px}.bx .lap{margin:0 auto}}
@media(max-width:980px){.bx .phone{left:-2%}}
@media(max-width:560px){.bx .phone{min-width:0;width:36%}.bx .k4{grid-template-columns:repeat(2,1fr)}.bx .ochip{bottom:auto;top:-1.2em;right:0}}

/*---*/

.bx .indsec{padding:70px 0 80px}
.bx .igrid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:34px}
.bx .itile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:20px 10px 16px;border-radius:18px;text-align:center;
 background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.bx .itile:hover{transform:translateY(-5px);border-color:rgba(56,214,255,.45);box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(79,125,255,.25)}
.bx .iic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:1.65rem;box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);position:relative}
.bx .iic:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 55%);pointer-events:none}
.bx .itile span{color:#e8eefc;font-weight:700;font-size:.9rem;line-height:1.25}
.bx .cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.bx .cats span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:rgba(79,125,255,.10);border:1px solid rgba(79,125,255,.35);color:#dbe6ff;font-weight:700;font-size:.9rem}
@media(max-width:1100px){.bx .igrid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.bx .igrid{grid-template-columns:repeat(3,1fr);gap:10px}.bx .iic{width:50px;height:50px;font-size:1.4rem}.bx .itile span{font-size:.82rem}}
@media(max-width:380px){.bx .igrid{grid-template-columns:repeat(2,1fr)}}

/*---*/

.bxl{--cy:#38d6ff;--bl:#4f7dff;--vi:#a35bff;--ok:#2fd39a;--mut:#9fb0d3;--line:rgba(148,178,255,.16);min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#030a1f;color:#e8eefc;font-family:Inter,"Segoe UI",system-ui,sans-serif}
.bxl .lside{position:relative;overflow:hidden;padding:34px 56px 24px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(520px 340px at 85% 15%,rgba(79,125,255,.26),transparent 60%),radial-gradient(460px 320px at 10% 90%,rgba(163,91,255,.22),transparent 60%),linear-gradient(160deg,#06122e,#030a1f 60%);border-right:1px solid var(--line)}
.bxl .lside:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,178,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,178,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 40% 40%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 40% 40%,#000 25%,transparent 75%);pointer-events:none}
.bxl .lside>*{position:relative}
.bxl .lbw{position:relative;display:block;width:100%;max-width:320px}
.bxl .lbw .lbanner{max-width:none}
.bxl .lring{position:absolute;left:15.4%;top:3.6%;width:24.9%;aspect-ratio:1;border-radius:50%;pointer-events:none;animation:bxlRing 2.6s ease-in-out infinite}
@keyframes bxlRing{0%,100%{box-shadow:0 0 6px 1px rgba(56,214,255,.55),0 0 16px 3px rgba(56,214,255,.30),inset 0 0 8px 1px rgba(56,214,255,.35)}50%{box-shadow:0 0 12px 3px rgba(163,91,255,.85),0 0 34px 8px rgba(79,125,255,.55),inset 0 0 14px 3px rgba(163,91,255,.5)}}
.bxl .lbanner{display:block;width:100%;max-width:320px;border-radius:14px;box-shadow:0 0 0 1px rgba(120,160,255,.25),0 14px 40px rgba(0,0,0,.45);animation:bxlGlow 3s ease-in-out infinite}
@keyframes bxlGlow{0%,100%{box-shadow:0 0 0 1px rgba(56,214,255,.3),0 0 16px rgba(56,214,255,.2),0 14px 40px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 1px rgba(163,91,255,.6),0 0 30px rgba(79,125,255,.5),0 14px 40px rgba(0,0,0,.45)}}
.bxl .badge{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:6px 13px;border-radius:999px;border:1px solid rgba(56,214,255,.35);background:rgba(56,214,255,.08);color:#bdeeff;font-weight:600;font-size:.82rem}
.bxl .badge i{width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 10px var(--cy)}
.bxl h1{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.015em;margin:12px 0 10px;color:#fff;font-weight:800}
.bxl .gt{background:linear-gradient(90deg,var(--cy),var(--bl) 45%,var(--vi));-webkit-background-clip:text;background-clip:text;color:transparent}
.bxl .lsub{color:var(--mut);font-size:1.02rem;line-height:1.6;max-width:500px;margin:0}
.bxl .feats{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:7px}
.bxl .feats li{display:flex;align-items:center;gap:12px;color:#dbe6ff;font-size:.95rem}
.bxl .feats b{flex:0 0 auto;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:1rem;background:linear-gradient(135deg,rgba(56,214,255,.18),rgba(163,91,255,.24));border:1px solid rgba(120,160,255,.32)}
.bxl .aicard{margin-top:16px;max-width:470px;border-radius:16px;padding:14px 16px;background:linear-gradient(180deg,rgba(13,28,66,.92),rgba(6,16,40,.95));border:1px solid var(--line);animation:bxlGlow 3s ease-in-out infinite 1.5s}
.bxl .aih{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:.9rem}
.bxl .aih .ai{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:.72rem;background:linear-gradient(135deg,var(--cy),var(--vi))}
.bxl .live{margin-left:auto;font-size:.7rem;font-weight:800;color:#7dffc7;padding:3px 9px;border-radius:99px;background:rgba(47,211,154,.12);border:1px solid rgba(47,211,154,.4)}
.bxl .live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:5px;animation:bxlBlink 1.2s steps(2,start) infinite}
@keyframes bxlBlink{to{visibility:hidden}}
.bxl .aimsg{margin:10px 0 0;color:#cfdaf5;font-size:.88rem;line-height:1.55}.bxl .aimsg b{color:#fff}
.bxl .aik{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.bxl .aik div{border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.bxl .aik small{display:block;color:var(--mut);font-size:.7rem}.bxl .aik strong{color:#fff;font-size:.95rem}.bxl .aik em{font-style:normal;color:var(--ok);font-size:.7rem;margin-left:4px}
.bxl .aicard.dev{max-width:400px;padding:12px 14px}
.bxl .dchips{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.bxl .dchips span{padding:6px 12px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#dbe6ff;font-size:.85rem;font-weight:600}
.bxl .trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;color:var(--mut);font-size:.86rem}
.bxl .offl{color:#7dffc7;font-weight:700;animation:bxlOff 1.8s ease-in-out infinite}
@keyframes bxlOff{0%,100%{text-shadow:none}50%{text-shadow:0 0 10px rgba(47,211,154,.95),0 0 22px rgba(47,211,154,.5)}}
.bxl .lfoot{color:#6f80a8;font-size:.82rem;margin-top:14px}
/* right side */
.bxl .rside{display:grid;place-items:center;padding:40px 24px;background:radial-gradient(500px 360px at 70% 30%,rgba(79,125,255,.12),transparent 70%),#030a1f}
.bxl .card{width:100%;max-width:460px;border-radius:20px;padding:28px;background:linear-gradient(180deg,rgba(14,28,64,.85),rgba(7,16,40,.92));border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset;color:#e8eefc}
.bxl .card .row>b{color:#fff;font-size:1.35rem!important}
.bxl .card .btn.ghost{color:#cfe0ff;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.bxl .card .ttl{color:var(--mut);font-size:.9rem;margin:-4px 0 16px}
.bxl .tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);margin-bottom:18px}
.bxl .tabs button{flex:1;border:0;background:transparent;color:var(--mut);padding:9px 10px;border-radius:9px;font-weight:700;cursor:pointer}
.bxl .tabs button.on{background:linear-gradient(135deg,var(--cy),var(--bl) 60%,var(--vi));color:#fff;box-shadow:0 6px 18px rgba(79,125,255,.35)}
.bxl .card label span,.bxl .card .field>span{color:#b8c6e6!important}
.bxl .card input{background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;color:#fff!important;border-radius:11px!important;padding:12px 14px!important}
.bxl .card input:focus{outline:none;border-color:rgba(56,214,255,.6)!important;box-shadow:0 0 0 3px rgba(56,214,255,.18)}
.bxl .card input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #12224a inset!important}
.bxl .card .btn.primary{width:100%;padding:13px 18px;border-radius:12px;border:0;font-weight:800;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--cy),var(--bl) 55%,var(--vi));box-shadow:0 10px 30px rgba(79,125,255,.4)}
.bxl .card .btn.primary:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(79,125,255,.55)}
.bxl .card .hint,.bxl .card .muted{color:var(--mut)!important}.bxl .card .linkbtn{color:var(--cy)!important}
.bxl .secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:var(--mut);font-size:.82rem}
.bxl #att66l{display:none!important}
.bxl .mlogo{display:none}
.bxl .card{box-sizing:border-box;min-width:0}.bxl .rside{min-width:0}
@media(max-width:900px){.bxl{grid-template-columns:minmax(0,1fr)}.bxl .rside{padding:22px 14px;align-items:start}.bxl .card{max-width:100%;width:100%;padding:20px 16px}.bxl .tabs button{padding:8px 4px;font-size:.88rem;min-width:0}.bxl .card .fgrid{grid-template-columns:minmax(0,1fr)!important}.bxl .lside{display:none}.bxl .mlogo{display:block;width:100%;max-width:300px;margin:0 auto 18px;border-radius:12px}}
@media (prefers-reduced-motion:reduce){.bxl .lring,.bxl .lbanner,.bxl .aicard,.bxl .offl,.bxl .live i{animation:none}}

/*---*/
.wk163{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;grid-column:1/-1}
.wk163 input{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
.wk163 input:focus{outline:2px solid var(--accent,#E3A13B);outline-offset:0}.wk163 .h{grid-column:1/-1;font-size:.75rem;color:var(--muted);margin-top:-2px}
/*---*/

.b2 .bx{min-height:0!important;color:var(--ink)!important;font-family:inherit!important;overflow-x:visible!important;background:var(--surface)!important;
 --bg:inherit;--bg2:inherit;--card:inherit;--line:inherit;--tx:inherit;--mut:inherit;--cy:inherit;--bl:inherit;--vi:inherit;--ok:inherit}
.b2 .bx h2,.b2 .bx h3{color:inherit}
/*---*/
#e165bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:10px 14px;border-radius:10px;background:#fff4e0;border:1px solid #f0b356;color:#5a3600;font-weight:600}
#e165bar b{color:#8a4b00}#e165bar .sp{flex:1}#e165bar button{border:1px solid #d08a1e;background:#fff;color:#8a4b00;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer}
.e165pay{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end;margin-bottom:6px}.e165sum{margin:4px 0 12px;line-height:1.7}
/*---*/
.cn166{margin:10px 0 4px;padding:10px 12px;border-radius:10px;border:1px solid #9ad0b4;background:#eefaf3}
.cn166 h4{margin:0 0 6px;font-size:.92rem}.cn166 .row{display:grid;grid-template-columns:1fr auto 120px;gap:8px;align-items:center;padding:4px 0;border-top:1px dashed #b9dcc8;font-size:.86rem}.cn166 .row:first-of-type{border-top:0}
.cn166 input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:7px;text-align:right;font:inherit}.cn166 .sm{color:var(--muted);font-size:.78rem}
.sr166{margin:8px 0;padding:10px 12px;border-radius:10px;background:#fff4e0;border:1px solid #f0b356;color:#5a3600;font-size:.86rem;line-height:1.5}
/*---*/
.rt167{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#eef4ff;border:1px solid #b9cdf5}
.rt167 input{flex:1;min-width:220px;padding:9px 12px;border:2px solid #5b8def;border-radius:9px;font:inherit;font-size:1rem}.rt167 b{color:#1d3f8a}.rt167 .cnt{font-weight:700;color:#0b5a3e}
tr.rt167hit{animation:rt167f 1s ease}@keyframes rt167f{0%{background:#c9f2dc}100%{background:transparent}}
.rt167list button{display:block;width:100%;text-align:left;margin:6px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;font:inherit}.rt167list button:hover{border-color:#5b8def;background:#f5f8ff}
/*---*/
#vx-pos,.vxbtn,#aimic,.vb122btn,.vb125hint{display:none!important}
/*---*/

.g171{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start}
.g171 nav{position:sticky;top:70px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 6px;font-size:.86rem;max-height:calc(100vh - 90px);overflow:auto}
.g171 nav h5{margin:10px 8px 4px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.g171 nav a{display:block;padding:6px 10px;border-radius:8px;cursor:pointer;color:var(--ink);text-decoration:none}.g171 nav a:hover{background:var(--surface-2,#f1f4f2)}.g171 nav a.on{background:#e7f3ec;color:#0b5a3e;font-weight:700}
.g171 .pb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.g171 .pb select,.g171 .pb input{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
.g171 .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0 12px}.g171 .cards div{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface)}.g171 .cards small{display:block;color:var(--muted);font-size:.74rem}.g171 .cards b{font-size:1.05rem}
.g171 .ok{color:#0b5a3e;font-weight:700}.g171 .bad{color:#b3261e;font-weight:700}.g171 .warn{color:#8a4b00;font-weight:700}
.g171 h3{margin:14px 0 6px}.g171 .actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.g171 .filed{padding:8px 12px;border-radius:10px;background:#e7f3ec;border:1px solid #9ad0b4;margin:6px 0}
@media(max-width:900px){.g171{grid-template-columns:1fr}.g171 nav{position:static;max-height:none}}
/*---*/

.g171 nav .g172g{border-bottom:1px solid var(--line)}.g171 nav .g172g:last-child{border-bottom:0}
.g171 nav .g172h{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:.86rem;text-align:left;padding:10px 10px;border-radius:8px;cursor:pointer}
.g171 nav .g172h:hover{background:var(--surface-2,#f1f4f2)}.g171 nav .g172h .ar{display:inline-block;width:12px;transition:transform .15s;color:var(--muted)}.g171 nav .g172h[aria-expanded="true"] .ar{transform:rotate(90deg)}
.g171 nav .g172h .n{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--muted);background:var(--surface-2,#f1f4f2);border-radius:99px;padding:1px 7px}
.g171 nav .g172h.cur{color:#0b5a3e}.g171 nav .g172b{padding:0 0 6px 14px}.g171 nav .g172b[hidden]{display:none}
.g171 nav .g172b a{border-left:2px solid var(--line);border-radius:0 8px 8px 0;margin-left:4px}.g171 nav .g172b a.on{border-left-color:#0b5a3e}
/*---*/

.g174{max-width:980px}.g174 .ttl{display:flex;align-items:center;gap:10px;margin:0 0 10px}.g174 .ttl b{font-size:1.15rem}.g174 .ttl .pill{margin-left:auto;padding:4px 10px;border-radius:99px;font-size:.78rem;font-weight:700}
.g174 fieldset{border:1px solid var(--line);border-radius:14px;padding:12px 14px 14px;margin:0 0 12px;background:var(--surface)}
.g174 legend{padding:0 8px;font-weight:800;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#0b5a3e}
.g174 .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.g174 .bt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:11px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2,#f3f6f4));color:var(--ink);font:inherit;font-weight:700;cursor:pointer;text-align:center}
.g174 .bt:hover:not(:disabled){border-color:#0b5a3e;box-shadow:0 2px 8px rgba(11,90,62,.15)}.g174 .bt:disabled{opacity:.45;cursor:not-allowed}.g174 .bt.pri{background:linear-gradient(135deg,#0f7a55,#0b5a3e);color:#fff;border:0}
.g174 .bt small{display:block;font-weight:500;font-size:.72rem;opacity:.8}.g174 .done{color:#0b5a3e;font-size:.75rem;font-weight:700}
.g174 .sign{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.g174 .sign b{color:#5b2a86}.g174 .hint{color:#5b2a86;font-size:.8rem;margin-left:auto}
.g174 .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.g174 .steps .sh{text-align:center;font-weight:800;color:#5b2a86;font-size:.85rem;margin-bottom:4px}
.g174 .foot{display:flex;align-items:center;gap:12px;margin-top:6px}.g174 .foot p{margin:0;color:#5b2a86;font-weight:600;font-size:.84rem}.g174 .foot .bt{margin-left:auto;min-width:110px}
.g174 .vw{margin-top:14px}
@media(max-width:760px){.g174 .g3,.g174 .steps{grid-template-columns:1fr 1fr}}
/*---*/

.mg{max-width:1100px}.mg .stp{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.mg .stp span{padding:6px 12px;border-radius:99px;background:var(--surface-2,#eef2f0);font-weight:700;font-size:.8rem;color:var(--muted)}.mg .stp span.on{background:#0b5a3e;color:#fff}.mg .stp span.ok{background:#e7f3ec;color:#0b5a3e}
.mg .card{margin-bottom:12px}.mg .typ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mg .typ button{padding:14px;border-radius:12px;border:2px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;text-align:left}.mg .typ button.on{border-color:#0b5a3e;background:#f1faf5}.mg .typ b{display:block;font-size:1rem}
.mg .src{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mg .src button{padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;font-weight:600}.mg .src button.on{background:#0b5a3e;color:#fff;border-color:#0b5a3e}
.mg .tip{padding:10px 12px;border-radius:10px;background:#fff8e8;border:1px solid #f0d08a;font-size:.86rem;line-height:1.55}
.mg .mapg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.mg .mapg label{display:flex;flex-direction:column;gap:3px;font-size:.82rem;font-weight:600}.mg .mapg select{padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
.mg .ok{color:#0b5a3e;font-weight:700}.mg .bad{color:#b3261e;font-weight:700}.mg .warn{color:#8a4b00;font-weight:700}
.mg .kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:8px 0}.mg .kp div{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface)}.mg .kp small{display:block;color:var(--muted);font-size:.74rem}.mg .kp b{font-size:1.05rem}
@media(max-width:760px){.mg .typ{grid-template-columns:1fr}}
/*---*/
.np-code{position:relative}
#ta180{position:absolute;left:0;right:0;top:100%;z-index:60;margin-top:4px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);max-height:380px;overflow:auto}
#ta180 .it{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;cursor:pointer;border-bottom:1px solid var(--line)}#ta180 .it:last-child{border-bottom:0}
#ta180 .it.on,#ta180 .it:hover{background:#e7f3ec}#ta180 .nm{font-weight:700;font-size:.88rem}#ta180 .nm mark{background:#ffe08a;color:inherit;padding:0}#ta180 .sm{font-size:.74rem;color:var(--muted)}#ta180 .pr{text-align:right;font-weight:700;font-size:.85rem}
#ta180 .hd{padding:6px 10px;font-size:.74rem;color:var(--muted);background:var(--surface-2,#f3f6f4);position:sticky;top:0}
/*---*/

.bu{max-width:none}.bu .card{margin-bottom:12px}.bu .bar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.bu .bar label{display:flex;flex-direction:column;gap:3px;font-size:.78rem;font-weight:700}
.bu .bar input,.bu .bar select{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;min-width:0}
.bu .gw{overflow:auto;max-height:68vh;border:1px solid var(--line);border-radius:10px}.bu table{border-collapse:separate;border-spacing:0;width:max-content;font-size:.82rem}.bu td select{padding-right:0}
.bu th{position:sticky;top:0;z-index:2;background:#0b5a3e;color:#fff;padding:6px 6px;text-align:left;white-space:nowrap;font-weight:700}.bu th button{margin-left:4px;font-size:.68rem;padding:1px 5px;border-radius:5px;border:0;background:#ffffff33;color:#fff;cursor:pointer}
.bu td{border-bottom:1px solid var(--line);padding:1px 2px;background:var(--surface)}.bu th{padding:6px 4px}.bu tr:nth-child(even) td{background:var(--surface-2,#f6f8f7)}
.bu td input,.bu td select{box-sizing:content-box;border:1px solid transparent;background:transparent;padding:4px 4px;font:inherit;color:var(--ink);border-radius:5px}
.bu td input:focus,.bu td select:focus{border-color:#0b5a3e;background:#fff;outline:none}.bu td.ch input,.bu td.ch select{background:#fff3b0!important;font-weight:700}
.bu .n{text-align:right}.bu .chip{display:inline-block;padding:3px 9px;border-radius:99px;background:#fff3b0;font-weight:700;font-size:.8rem}
/*---*/
#sp185{grid-column:1/-1}#sp185 .row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:8px}
#sp185 select,#sp185 input{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;width:100%;box-sizing:border-box}
#sp185 .x{border:0;background:transparent;font-size:1.1rem;cursor:pointer;padding:8px;color:var(--muted)}#sp185 .st{margin-top:8px;padding:8px 12px;border-radius:10px;font-weight:700}
#sp185 .st.due{background:#fff4e0;color:#8a4b00}#sp185 .st.ok{background:#e7f3ec;color:#0b5a3e}#sp185 small{display:block;font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:3px}
/*---*/
.vc{max-width:1100px}.vc .card{margin-bottom:12px}.vc .g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
.vc label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:700}.vc input,.vc select{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}
.vc .ln{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:6px}.vc .x{border:0;background:none;cursor:pointer;font-size:1.1rem;color:var(--muted)}
.vc table input{width:11ch;text-align:right;padding:6px 8px}.vc .sum{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.vc .sum div{padding:8px 12px;border-radius:10px;background:var(--surface-2,#f3f6f4);font-weight:700}
.vc .sum .ok{background:#e7f3ec;color:#0b5a3e}.vc .sum .bad{background:#fdecea;color:#b3261e}.vc .tag{font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:6px;background:#eef2ff;color:#3730a3}
@media(max-width:760px){.vc .g{grid-template-columns:1fr}}
/*---*/

.bv{max-width:1240px;font-size:.86rem}.bv .hd{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#0b5a3e,#137a55);color:#fff}
.bv .hd h2{margin:0;font-size:1.05rem;letter-spacing:.3px}.bv .hd .md{padding:2px 10px;border-radius:99px;background:#ffffff26;font-weight:800;font-size:.74rem;text-transform:uppercase}.bv .hd .md.mod{background:#e8a33d;color:#3a2600}
.bv .hd label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;margin-left:auto}.bv .hd label+label{margin-left:0}.bv .hd input{padding:5px 8px;border-radius:7px;border:0;font:inherit;width:12ch;color:#0b2b1f}
.bv .body{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:var(--surface);padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}
.bv .sec{border:1px solid var(--line)!important;border-radius:10px!important;margin:0 0 12px!important;padding:0!important;overflow:hidden;min-height:0!important;box-shadow:none!important;background:var(--surface)!important}.bv .sec::before,.bv .sec::after{display:none!important}.bv .sec>.cap{padding:6px 10px;background:var(--surface-2,#eef3f0);font-weight:800;font-size:.74rem;letter-spacing:.5px;text-transform:uppercase;color:#0b5a3e;display:flex;align-items:center;gap:8px}
.bv .row2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:10px}.bv .fl{display:flex;flex-direction:column;gap:3px;font-size:.72rem;font-weight:700;color:var(--muted)}
.bv input,.bv select{padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:.86rem;min-width:0}.bv input:focus,.bv select:focus{outline:2px solid #0b5a3e33;border-color:#0b5a3e}
.bv .bal{padding:6px 12px;border-radius:8px;background:#f4f7f5;font-weight:800;white-space:nowrap}.bv .bal.dr{color:#8a4b00;background:#fff4e0}.bv .bal.cr{color:#0b5a3e;background:#e7f3ec}
.bv table.g{width:100%;border-collapse:collapse}.bv table.g th{background:#f7faf8;font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-align:left;padding:5px 8px;border-bottom:1px solid var(--line)}
.bv table.g td{padding:3px 6px;border-bottom:1px solid var(--line);vertical-align:middle}.bv table.g td.n,.bv table.g th.n{text-align:right}.bv table.g input,.bv table.g select{width:100%;box-sizing:border-box;padding:5px 7px}.bv table.g input.n{text-align:right}
.bv table.g tr.oa td{background:#fbfbf3;font-weight:700}.bv table.g tr.done td{color:var(--muted)}.bv .tag{font-size:.66rem;font-weight:800;padding:1px 6px;border-radius:5px;background:#eef2ff;color:#3730a3}
.bv .info div{display:flex;justify-content:space-between;gap:8px;padding:5px 10px;border-bottom:1px dashed var(--line)}.bv .info div b{text-align:right}
.bv .ft{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#0b2b1f;color:#fff}.bv .ft .t{display:flex;flex-direction:column;font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;opacity:.95}.bv .ft .t b{font-size:1.02rem;letter-spacing:0;text-transform:none}
.bv .ft .sp{flex:1}.bv .ft .btn{min-width:110px}.bv .ft .bad{color:#ffb4a8}.bv .x{border:0;background:none;cursor:pointer;color:var(--muted);font-size:1rem}
.bv .lnk{border:0;background:none;color:#0b5a3e;font-weight:700;cursor:pointer;padding:6px 10px;font:inherit;font-size:.8rem}
@media(max-width:900px){.bv .body{grid-template-columns:1fr}}
/*---*/
.bvtabs{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}.bvtabs button{min-height:40px;padding:8px 18px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.bvtabs button.on{background:#0b5a3e;color:#fff;border-color:#0b5a3e}.bvtabs button:not(.on):hover{background:var(--surface-2,#eef3f0)}
/*---*/

.bx .sample{margin-left:auto;padding:2px 9px;border-radius:999px;background:#ffd36b;color:#3a2a00;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.bx .hero-sample{position:absolute;top:-10px;left:12px;z-index:5;margin:0;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.bx .gstn{color:var(--mut);font-size:.8rem;margin-top:2px}
.bx .cmpw{margin-top:28px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}.bx table.cmp{width:100%;border-collapse:collapse;min-width:560px;font-size:.92rem}
.bx table.cmp th,.bx table.cmp td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:center;color:#dbe6ff}.bx table.cmp th:first-child,.bx table.cmp td:first-child{text-align:left}
.bx table.cmp thead th{background:rgba(255,255,255,.05);color:#fff}.bx table.cmp td.y{color:var(--ok);font-weight:800}.bx table.cmp td.n{color:#5d6b8a}
.bx .lead{color:#c3cfea}.bx .trust{color:#c3cfea}
.bx .demo-l{display:inline-flex;align-items:center;min-height:48px;padding:0 6px;color:#bdeeff;font-weight:700;text-decoration:underline;text-underline-offset:4px}
button[disabled][title="Coming soon"]{display:none!important}
@media (max-width:760px){.bx .bbtn,.bx .gbtn,.bx .pnav .btn,.bx .pnav a.l,.bx details summary,.pfoot a,.bx .bill-t button,.bx .plan2 button{min-height:44px}
 .bx .pnav a.l,.pfoot a{display:inline-flex!important;align-items:center;padding:0 8px}.bx details summary{display:flex;align-items:center}
 .bx .pnav{flex-wrap:wrap;row-gap:4px}.bx .pnav a.l:not(.logo){display:none!important}.bx .pnav a.l[href="#pricing"]{display:inline-flex!important}.bx .pnav a.logo{display:inline-block!important}}
/*---*/

.cl{max-width:1240px}.cl .kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}
.cl .kp div{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface)}.cl .kp small{display:block;color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cl .kp b{font-size:1.25rem}
.cl .kp .red{border-color:#f3b5ad;background:#fdf0ee}.cl .kp .amb{border-color:#f1d28f;background:#fff8e6}.cl .kp .grn{border-color:#a9d8bf;background:#eef8f2}
.cl .chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.cl .chips button{min-height:38px;padding:6px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}
.cl .chips button.on{background:#0b5a3e;color:#fff;border-color:#0b5a3e}.cl .bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.cl .bar input,.cl .bar select{padding:8px 10px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--surface);color:var(--ink)}
.cl table{width:100%;border-collapse:collapse}.cl th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left;padding:8px;border-bottom:1px solid var(--line);background:var(--surface-2,#f4f7f5)}
.cl td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.cl td.n,.cl th.n{text-align:right}.cl .late{font-weight:800}.cl .d0{color:#0b5a3e}.cl .d1{color:#a15c00}.cl .d2{color:#c0392b}.cl .d3{color:#8e1b10}
.cl .acts{display:flex;gap:4px;flex-wrap:wrap}.cl .acts a,.cl .acts button{min-height:34px;padding:4px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center}
.cl .tag{display:inline-block;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:6px;margin:2px 4px 0 0}.cl .tg-broken{background:#fdecea;color:#b3261e}.cl .tg-prom{background:#e7f3ec;color:#0b5a3e}.cl .tg-fu{background:#eef2ff;color:#3730a3}
.cl .bills{font-size:.82rem;color:var(--muted);margin-top:4px}.cl .hist{font-size:.8rem;margin-top:6px;padding:6px 8px;border-radius:8px;background:var(--surface-2,#f4f7f5)}
/*---*/

.pr{max-width:1100px}.pr .card{margin-bottom:14px}.pr h3{margin:0 0 8px}.pr .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pr label.tg{display:flex;gap:8px;align-items:center;font-weight:700;min-height:40px}.pr input[type=number]{width:7ch}.pr textarea{width:100%;min-height:74px;font:inherit;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.pr .stage{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}.pr .stage b{display:block;margin-bottom:6px}
.pr table{width:100%;border-collapse:collapse}.pr th{font-size:.72rem;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px;border-bottom:1px solid var(--line)}.pr td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.pr .pv{font-size:.8rem;color:var(--muted);white-space:pre-line;max-height:5.4em;overflow:hidden}.pr .ok{color:#0b5a3e;font-weight:800}.pr .bad{color:#b3261e;font-weight:800}
.pr .seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.pr .seg button{min-height:40px;padding:6px 14px;border:0;background:var(--surface);font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}.pr .seg button.on{background:#0b5a3e;color:#fff}
/*---*/

.cl td.ck,.cl th.ck{width:42px;text-align:center}.cl td.ck input,.cl th.ck input{width:20px;height:20px;cursor:pointer}
.clbulk{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.clbulk b{margin-right:4px}.clsend{position:fixed;right:18px;bottom:18px;z-index:9000;width:min(420px,calc(100vw - 36px));background:var(--surface);border:2px solid #0b5a3e;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.3);padding:14px 16px}
.clsend h4{margin:0 0 4px}.clsend .pg{height:6px;border-radius:99px;background:#e6efe9;overflow:hidden;margin:8px 0}.clsend .pg i{display:block;height:100%;background:#0b5a3e}
.clsend .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.clsend .row .btn{min-height:42px}.clsend ol{margin:6px 0 0;padding-left:20px;font-size:.86rem;line-height:1.6}
/*---*/
.side .btlogo202{flex:none!important;display:flex!important;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;width:100%;max-width:210px;height:56px;margin:2px 2px 12px;padding:0 6px!important;border-radius:12px;background:#010c27;box-shadow:0 0 0 1px rgba(255,255,255,.14);overflow:hidden}
.side .btlogo202 img{flex:none;display:block;width:92px!important;height:50px!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover;object-position:29.7% 50%;border-radius:0!important;box-shadow:none!important}
.side .btlogo202::after{content:"Next Generation\A Software";white-space:pre;flex:none;display:block;font-size:10.5px;font-weight:400;line-height:1.3;letter-spacing:.01em;text-transform:none;margin:0;padding-left:9px;border-left:1px solid rgba(220,230,255,.45);color:#e8efff}
.side .btlogo202+.brandmark.btx-full{display:none!important}
/*---*/
.lglink{color:var(--brand);text-decoration:underline;cursor:pointer;font-weight:600}.lgform{margin:6px auto}.lgacw{position:relative;flex:1;min-width:0}.lgacw input{width:100%;box-sizing:border-box}.lgsug{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.22);max-height:360px;overflow:auto}.lgsi{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--line)}.lgsi:last-child{border-bottom:0}.lgsi b{display:block}.lgsi small{display:block;color:var(--muted);margin-top:2px}.lgsi.hi,.lgsi:hover{background:var(--tint)}.lgsn{padding:10px 12px;color:var(--muted)}.lgsel{margin:-2px 0 6px 242px;color:var(--brand)}@media(max-width:600px){.lgsel{margin-left:0}}.lgform .lgr{display:flex;gap:12px;align-items:center;margin:7px 0}.lgform .lgr>span{flex:0 0 230px;font-weight:600}.lgform .lgr>input,.lgform .lgr>select{flex:1;min-width:0}@media(max-width:600px){.lgform .lgr{flex-direction:column;align-items:stretch;gap:3px}.lgform .lgr>span{flex:none}}
/*---*/
.drb{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.drb>.card{margin:0!important;padding:6px 10px!important;border-radius:10px}.drb>.card>h4{display:inline-block;margin:0 10px 4px 0!important;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.drb .row{gap:5px!important;margin:2px 0!important}.drb select.search,.drb input.search,.drb input[type=date],.drb input[type=number],.drb input[type=text]{padding:3px 6px!important;min-height:28px!important;height:28px;font-size:.84rem;width:auto!important;max-width:220px;min-width:0!important;flex:0 0 auto!important}
.drb .small{font-size:.78rem}.drb .btn.sm{padding:2px 8px;min-height:26px;font-size:.8rem}.drb details{margin-top:4px!important}.drb details summary{font-size:.78rem;cursor:pointer}.drb p{margin:3px 0 0!important;font-size:.78rem}.drb label.small{padding:1px 5px!important}
@media(max-width:900px){.drb{grid-template-columns:1fr}}.drb input[type=number]{width:72px!important}
/*---*/

button,[role=button],.btn,label.check,.check,summary,[onclick],select,input[type=checkbox],input[type=radio],input[type=date]{cursor:pointer}
button:disabled,.btn[disabled]{cursor:not-allowed;opacity:.6}
input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color .12s,box-shadow .12s}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)!important}
.btn{transition:filter .12s,background .12s,border-color .12s,transform .06s,box-shadow .12s}
.btn:active{transform:translateY(1px)}
.btn.primary{box-shadow:0 1px 2px rgba(8,28,20,.12),0 3px 8px color-mix(in srgb,var(--brand) 22%,transparent)}
.btn:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.p245go{outline:3px solid var(--accent)!important;outline-offset:2px;animation:p245p 1.2s ease-out}
@keyframes p245p{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 40%,transparent);border-radius:9px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,input,select,label,summary,.btn{touch-action:manipulation}
@media (pointer:coarse){
 .btn,button.btn{min-height:44px;padding-left:16px;padding-right:16px}
 .btn.sm,button.sm{min-height:38px}
 .field input,.field select,input.search,select.search,.search{min-height:44px}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
 input[type=checkbox],input[type=radio]{width:20px;height:20px}
 .check{min-height:40px}
 .side a,.side button,.side .nav-drop>span{min-height:44px;display:flex;align-items:center}
 .tabs button{min-height:42px}
 .modal header .x{min-width:44px;min-height:44px}
 .tbl td,.tbl th{padding-top:11px;padding-bottom:11px}
 .pg76 input,.pg76 select,.b2-grid input,.np-grid input{font-size:inherit!important;min-height:0!important}
}
@media (max-width:900px){.twrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:640px){
 .overlay{padding:8px!important;align-items:end}
 .modal,.modal.wide{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important}
 .modal .mbody{overflow:auto;-webkit-overflow-scrolling:touch}
 .modal footer{position:sticky;bottom:0;display:flex;gap:8px}
 .modal footer .btn{flex:1;justify-content:center}
 .row{gap:8px}
 .card{padding:14px}
}
/*---*/

/* Touch POS on a touch screen: bigger targets for fingers (mouse and keyboard users see no change) */
@media (pointer:coarse){
 body.pos-mode .chip{padding:12px 20px;font-size:1rem;min-height:44px}
 body.pos-mode .pos-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
 body.pos-mode .tile{min-height:170px;padding:14px}
 body.pos-mode .posbar .srch input{padding:14px 14px 14px 40px;font-size:1.05rem}
 body.pos-mode .cart .btn{min-height:52px;font-size:1.05rem}
 body.pos-mode .cart .cline .btn,body.pos-mode .cart .cline button{min-width:44px;min-height:44px}
 body.pos-mode .cart input,body.pos-mode .cart select{min-height:46px;font-size:1.05rem}
}

/* screens that are off for this shop: visible, greyed out, not clickable */
.nav-off{display:flex;align-items:center;gap:10px;padding:8px 12px;opacity:.45;cursor:not-allowed;user-select:none}

/* ---- sidebar: fixed head and foot, only the menu scrolls (0.8.27) ---- */
.side{overflow:hidden}
.side>.side-head{flex:none}
.side>.side-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}
.side .nav{flex:none}
.side .who span{display:block;font-weight:400;opacity:.8;margin-top:2px}
/* compact head block: the menu starts higher (shop name row and user block are smaller) */
.side .brandmark{padding:0 10px 6px;font-size:.98rem;gap:8px}
.side .brandmark img.btx-icon{width:26px;height:26px;border-radius:7px}
.side .who{padding:0 10px 8px;margin-bottom:4px}
.sidefoot{flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:12px 12px 0;border-top:1px solid rgba(255,255,255,.08)}
.sidefoot span:last-child{white-space:nowrap}
/* ---- Head Office: store picker in the top bar ---- */
.hopick select{max-width:260px;padding:5px 10px;border-radius:999px;font:inherit;font-size:13px}
/* ---- login card foot: server (left), version (right) ---- */
.loginfoot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}