/* Approved MiSalon look (Claude Design erp.css + erp-5b.css + erp-7.css + erp-8.css, Charcoal skin), made to apply only inside .n5.
   Generated; do not edit by hand. The rest of the app keeps its own styles. */
.n5{font:400 14px/1.45 var(--f-ui);color:var(--text);background:var(--canvas)}
.n5{--ink:#141414; --ink-2:#2A2721; --gold:#C6A766; --gold-lt:#E5CD92; --gold-ink:#8A6D2F; --cream:#FAF8F2;
  
  --canvas:#F5F3EE; --surface:#FFFFFF; --sunken:#EFECE5; --line:#E2DDD2; --line-strong:#CFC8BA;
  --text:#141414; --text-2:#5E594F; --text-3:#6F6A5F;
  
  --side-bg:#141414; --side-text:#CFC9BD; --side-muted:#8A8578; --side-hover:#1F1D1A; --side-active:#2A2721;
  
  --ok:#2E6B3A; --ok-bg:#E6F0E4; --warn:#8A5A00; --warn-bg:#FBF0D6; --bad:#A1322B; --bad-bg:#F8E3E0;
  --info:#2F5575; --info-bg:#E3ECF3; --idle:#5E594F; --idle-bg:#ECE9E2;
  
  --f-ui:'Figtree',system-ui,sans-serif; --f-display:'Marcellus',Georgia,serif; --f-mono:'IBM Plex Mono',ui-monospace,monospace;
  
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --r-sm:4px; --r:8px; --r-lg:12px; --r-sheet:16px;
  --side-w:248px; --side-w-min:64px; --top-h:56px; --tabs-h:38px; --row-h:40px;
  --head:#FBFAF7; --line-soft:#EEEAE2; --hover:#FBF9F4; --sel:#F6F0E2; --tab-hover:#E7E3DB; --gold-bg:#F3EAD5; --top-bg:rgba(255,255,255,.86);
  --primary:#141414; --primary-2:#2A2721; --on-primary:#FFFFFF; --chart:#D9CFB8; --chart-cur:#141414; --err-bg:#FFFBFA;
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px); --sal:env(safe-area-inset-left,0px); --sar:env(safe-area-inset-right,0px);
  --shadow-pop:0 8px 28px rgba(20,20,20,.16),0 1px 3px rgba(20,20,20,.08);}
.n5 *{box-sizing:border-box}
.n5,.n5{margin:0}
.n5{font:400 14px/1.45 var(--f-ui);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased}
.n5 .num{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}
.n5 .mono{font-family:var(--f-mono);font-size:12.5px}
.n5 a{color:var(--gold-ink);text-decoration:none}
.n5 a:hover{text-decoration:underline}
.n5 svg.i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.n5 .muted{color:var(--text-2)}
.n5 .faint{color:var(--text-3)}
.n5 .app{display:grid;grid-template-columns:var(--side-w) 1fr;min-height:100vh;background:var(--side-bg)}
.n5 .app.collapsed{grid-template-columns:var(--side-w-min) 1fr}
.n5 .side{background:var(--side-bg);color:var(--side-text);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}
.n5 .side .brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px}
.n5 .side .brand img{height:17px;display:block}
.n5 .side .brand small{font:500 10px/1 var(--f-ui);letter-spacing:.14em;color:var(--side-muted);text-transform:uppercase;margin-top:5px;display:block}
.n5 .side nav{flex:1;overflow:auto;padding:10px 10px 16px}
.n5 .side .grp{margin-top:6px}
.n5 .side .grp>button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;height:36px;padding:0 10px;border-radius:var(--r);color:var(--side-text);cursor:pointer;font-weight:500}
.n5 .side .grp>button:hover{background:var(--side-hover)}
.n5 .side .grp>button .chev{margin-inline-start:auto;width:14px;height:14px;color:var(--side-muted)}
.n5 .side .grp.open>button{color:#fff}
.n5 .side .grp>button.on{background:var(--side-active);color:var(--gold-lt);font-weight:600}
.n5 .side .grp .lock{margin-inline-start:auto;width:14px;height:14px;color:var(--side-muted)}
.n5 .side .grp ul{list-style:none;margin:2px 0 6px;padding:0;padding-inline-start:30px}
.n5 .side .grp li a{display:flex;align-items:center;height:32px;padding:0 10px;border-radius:var(--r);color:var(--side-text);font-size:13.5px}
.n5 .side .grp li a:hover{background:var(--side-hover);text-decoration:none;color:#fff}
.n5 .side .grp li a.on{background:var(--side-active);color:var(--gold-lt);font-weight:600}
.n5 .side .grp li a .ct{margin-inline-start:auto;font-size:11px;color:var(--side-muted)}
.n5 .side .foot{padding:10px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--side-muted)}
.n5 .app.collapsed .side .brand img,.n5 .app.collapsed .side .brand small,.n5 .app.collapsed .side .grp>button span,.n5 .app.collapsed .side .grp>button .chev,.n5 .app.collapsed .side .grp ul,.n5 .app.collapsed .side .grp .lock,.n5 .app.collapsed .side .foot span{display:none}
.n5 .app.collapsed .side .grp>button{justify-content:center;padding:0}
.n5 .app.collapsed .side .brand{justify-content:center;padding:0}
.n5 .side .mono-mark{display:none;font:400 20px var(--f-display);color:var(--gold)}
.n5 .app.collapsed .side .mono-mark{display:block}
.n5 .main{min-width:0;display:flex;flex-direction:column;background:var(--canvas);margin:8px 8px 8px 0;border-radius:var(--r-sheet);overflow:clip;min-height:calc(100vh - 16px)}
.n5 .top{height:var(--top-h);background:var(--top-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--s3);padding:0 var(--s5) 0 var(--s4);position:sticky;top:0;z-index:20}
.n5 .iconbtn{all:unset;box-sizing:border-box;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r);color:var(--text-2);cursor:pointer;position:relative}
.n5 .iconbtn:hover{background:var(--sunken);color:var(--text)}
.n5 .iconbtn .dot{position:absolute;top:6px;right:6px;min-width:16px;height:16px;border-radius:8px;background:var(--bad);color:#fff;font:600 10px/16px var(--f-ui);text-align:center;padding:0 4px;border:2px solid var(--surface)}
.n5 .search{flex:0 1 560px;min-width:220px;white-space:nowrap;overflow:hidden;display:flex;align-items:center;gap:10px;height:36px;padding:0 10px 0 12px;background:var(--sunken);border:1px solid transparent;border-radius:var(--r);color:var(--text-3);cursor:text}
.n5 .search:hover{border-color:var(--line-strong)}
.n5 .kbd{white-space:nowrap;font:500 11px/1 var(--f-ui);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:3px 6px;color:var(--text-2);background:var(--surface)}
.n5 .search .kbd{margin-inline-start:auto}
.n5 .top .sp{flex:1}
.n5 .sample{font:600 10.5px/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--warn);background:var(--warn-bg);border:1px dashed #D9B45A;padding:5px 8px;border-radius:var(--r-sm);white-space:nowrap}
.n5 .user{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 4px;border-radius:var(--r);cursor:pointer}
.n5 .user:hover{background:var(--sunken)}
.n5 .av{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--gold);display:grid;place-items:center;font:600 12px var(--f-ui);flex:none}
.n5 .user b{display:block;font-weight:600;font-size:13px;line-height:1.1}
.n5 .user small{color:var(--text-3);font-size:11.5px}
.n5 .rtabs{height:var(--tabs-h);background:var(--sunken);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:2px;padding:0 var(--s4);overflow:hidden}
.n5 .rtab{height:31px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;border:1px solid transparent;border-bottom:0;border-radius:var(--r) var(--r) 0 0;font-size:12.5px;color:var(--text-2);max-width:220px;white-space:nowrap;cursor:pointer}
.n5 .rtab span{overflow:hidden;text-overflow:ellipsis}
.n5 .rtab .kind{flex:none}
.n5 .rtab .x{width:14px;height:14px;color:var(--text-3)}
.n5 .rtab:hover{background:var(--tab-hover)}
.n5 .rtab.on{background:var(--surface);border-color:var(--line);color:var(--text);font-weight:600;margin-bottom:-1px;height:32px}
.n5 .rtab .kind{font:500 10px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .page{padding:var(--s5) var(--s5) var(--s7);width:100%;max-width:1680px}
.n5 .crumbs{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-bottom:6px}
.n5 .crumbs a{color:var(--text-2)}
.n5 .crumbs svg.i{width:12px;height:12px}
.n5 .phead{display:flex;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}
.n5 .phead h1{font:400 26px/1.15 var(--f-display);margin:0;letter-spacing:.2px}
.n5 .phead .sub{color:var(--text-2);font-size:13px;margin-top:4px}
.n5 .phead .acts{margin-inline-start:auto;display:flex;gap:var(--s2);flex-wrap:wrap}
.n5 .btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r);font:600 13.5px/1 var(--f-ui);cursor:pointer;white-space:nowrap;border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}
.n5 .btn:hover{background:var(--sunken)}
.n5 .btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.n5 .btn.primary:hover{background:var(--primary-2)}
.n5 .btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.n5 .btn.gold:hover{background:#B8985A}
.n5 .btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}
.n5 .btn.ghost:hover{background:var(--sunken);color:var(--text)}
.n5 .btn.danger{color:var(--bad);border-color:#E3B9B4}
.n5 .btn.danger:hover{background:var(--bad-bg)}
.n5 .btn.sm{height:30px;padding:0 10px;font-size:12.5px}
.n5 .btn.lg{height:44px;padding:0 18px;font-size:14.5px}
.n5 .btn[disabled]{opacity:.45;pointer-events:none}
.n5 .btn:focus-visible,.n5 .field input:focus,.n5 .field select:focus,.n5 .field textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.n5 .btngrp{display:inline-flex}
.n5 .btngrp .btn{border-radius:0}
.n5 .btngrp .btn:first-child{border-radius:var(--r) 0 0 var(--r)}
.n5 .btngrp .btn:last-child{border-radius:0 var(--r) var(--r) 0}
.n5 .btngrp .btn+.btn{margin-left:-1px}
.n5 .chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:11px;font:600 11.5px/1 var(--f-ui);white-space:nowrap}
.n5 .chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.n5 .chip.open{color:var(--info);background:var(--info-bg)}
.n5 .chip.waiting{color:var(--warn);background:var(--warn-bg)}
.n5 .chip.toinv{color:var(--gold-ink);background:var(--gold-bg)}
.n5 .chip.invoiced{color:var(--ok);background:var(--ok-bg)}
.n5 .chip.quote{color:var(--idle);background:var(--idle-bg)}
.n5 .chip.approved{color:var(--info);background:var(--info-bg)}
.n5 .chip.insage{color:var(--gold-ink);background:var(--gold-bg)}
.n5 .chip.paid{color:var(--ok);background:var(--ok-bg)}
.n5 .chip.delivered{color:#fff;background:var(--ok)}
.n5 .chip.expired{color:var(--idle);background:var(--idle-bg)}
.n5 .chip.lost{color:var(--bad);background:var(--bad-bg)}
.n5 .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.n5 .panel>header{display:flex;align-items:center;gap:var(--s2);padding:12px var(--s4);border-bottom:1px solid var(--line)}
.n5 .panel>header h3{margin:0;font:600 14px var(--f-ui)}
.n5 .panel>header .acts{margin-inline-start:auto;display:flex;gap:6px}
.n5 .panel .body{padding:var(--s4)}
.n5 .toolbar{display:flex;align-items:center;gap:var(--s2);padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.n5 .filter{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--line-strong);border-radius:15px;font-size:12.5px;color:var(--text-2);background:var(--surface);cursor:pointer}
.n5 .filter.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.n5 .filter b{font-weight:600}
.n5 .minisearch{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--r);width:260px;color:var(--text-3);font-size:13px}
.n5 .seg{display:inline-flex;background:var(--sunken);border-radius:var(--r);padding:3px;gap:2px}
.n5 .seg a{white-space:nowrap;padding:5px 10px;border-radius:4px;font-size:12.5px;color:var(--text-2);font-weight:500}
.n5 .seg a.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.n5 .seg a:hover{text-decoration:none}
.n5 .tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.n5 .tbl th{position:sticky;top:0;background:var(--head);text-align:start;font:600 11.5px/1 var(--f-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);height:36px;padding:0 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.n5 .tbl th.num{text-align:end}
.n5 .tbl td{height:var(--row-h);padding:0 12px;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.n5 .tbl tr:hover td{background:var(--hover)}
.n5 .tbl tr.sel td{background:var(--sel)}
.n5 .tbl td.chk,.n5 .tbl th.chk{width:36px;padding-right:0}
.n5 .cb{width:16px;height:16px;border:1.5px solid var(--line-strong);border-radius:3px;display:inline-block;vertical-align:middle;background:var(--surface)}
.n5 .cb.on{background:var(--primary);border-color:var(--primary);position:relative}
.n5 .cb.on::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.n5 .tbl .who{font-weight:600}
.n5 .tbl .sub2{color:var(--text-3);font-size:12px}
.n5 .tfoot{display:flex;align-items:center;gap:var(--s3);padding:10px 12px;font-size:12.5px;color:var(--text-2)}
.n5 .tfoot .pager{margin-inline-start:auto;display:flex;gap:4px}
.n5 .bulk{display:flex;align-items:center;gap:var(--s2);padding:8px 12px;background:var(--ink);color:#fff;font-size:13px;border-radius:var(--r-lg) var(--r-lg) 0 0}
.n5 .bulk .btn{height:28px;background:transparent;color:#fff;border-color:#4a463e}
.n5 .bulk .btn:hover{background:#2A2721}
.n5 .listwrap{display:grid;grid-template-columns:1fr;gap:var(--s4)}
.n5 .cards{display:none}
.n5 .rechead{display:flex;align-items:flex-start;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s3)}
.n5 .rechead h1{font:400 26px/1.15 var(--f-display);margin:0}
.n5 .rechead .meta{display:flex;gap:var(--s4);flex-wrap:wrap;color:var(--text-2);font-size:13px;margin-top:6px}
.n5 .rechead .acts{margin-inline-start:auto;display:flex;gap:var(--s2);flex-wrap:wrap}
.n5 .steps{display:flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);font-size:12.5px;width:max-content;max-width:100%}
.n5 .steps span{padding:7px 14px 7px 18px;color:var(--text-3);position:relative;white-space:nowrap}
.n5 .steps span+span{border-left:1px solid var(--line)}
.n5 .steps span.done{color:var(--text-2)}
.n5 .steps span.now{background:var(--primary-2);color:var(--gold-lt);font-weight:600}
.n5 .recgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s4);align-items:start}
.n5 .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line)}
.n5 .facts div{padding:12px var(--s4);border-right:1px solid var(--line)}
.n5 .facts div:last-child{border-right:0}
.n5 .facts label{display:block;font-size:11.5px;color:var(--text-3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.n5 .facts b{font-weight:600}
.n5 .ptabs{display:flex;gap:4px;padding:0 var(--s4);border-bottom:1px solid var(--line)}
.n5 .ptabs a{padding:11px 10px;color:var(--text-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:13.5px}
.n5 .ptabs a.on{color:var(--text);border-color:var(--text);font-weight:600}
.n5 .ptabs a:hover{text-decoration:none;color:var(--text)}
.n5 .ptabs .ct{font-size:11px;color:var(--text-3);margin-left:4px}
.n5 .totals{margin-inline-start:auto;width:300px;padding:var(--s3) var(--s4);font-size:13.5px}
.n5 .totals div{display:flex;justify-content:space-between;padding:4px 0}
.n5 .totals .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-weight:700;font-size:15px}
.n5 .feed{list-style:none;margin:0;padding:0}
.n5 .feed li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:13px}
.n5 .feed li:last-child{border-bottom:0}
.n5 .feed .av{width:28px;height:28px;font-size:11px}
.n5 .feed time{display:block;color:var(--text-3);font-size:11.5px;margin-top:2px}
.n5 .note{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--r);color:var(--text-3);font-size:13px;margin-bottom:8px}
.n5 .formgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4) var(--s4)}
.n5 .field{display:flex;flex-direction:column;gap:6px}
.n5 .field label{font:600 12.5px var(--f-ui);color:var(--text)}
.n5 .field label .req{color:var(--bad)}
.n5 .field input,.n5 .field select,.n5 .field textarea{font:400 14px var(--f-ui);height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--text);width:100%}
.n5 .field textarea{height:80px;padding:10px 12px;resize:vertical}
.n5 .field .help{font-size:12px;color:var(--text-3)}
.n5 .field.err input{border-color:var(--bad);background:var(--err-bg)}
.n5 .field.err .help{color:var(--bad)}
.n5 .field .ro{height:38px;display:flex;align-items:center;padding:0 12px;background:var(--sunken);border-radius:var(--r);color:var(--text-2)}
.n5 .c3{grid-column:span 3}
.n5 .c4{grid-column:span 4}
.n5 .c6{grid-column:span 6}
.n5 .c8{grid-column:span 8}
.n5 .c12{grid-column:span 12}
.n5 .sect{font:600 12px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:var(--s5) 0 var(--s3)}
.n5 .savebar{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:12px var(--s5);display:flex;gap:var(--s2);align-items:center;z-index:5}
.n5 .savebar .msg{color:var(--text-2);font-size:13px;margin-inline-end:auto}
.n5 .linesed td{height:46px}
.n5 .linesed input{font:inherit;height:32px;border:1px solid var(--line);border-radius:4px;padding:0 8px;width:100%}
.n5 .linesed input.num{width:80px}
.n5 .addline{display:flex;gap:8px;padding:10px 12px;color:var(--gold-ink);font-weight:600;font-size:13px;align-items:center}
.n5 .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-bottom:var(--s4)}
.n5 .kpi{padding:var(--s4)}
.n5 .kpi label{font:600 11.5px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}
.n5 .kpi .v{font:600 28px/1.1 var(--f-ui);font-variant-numeric:tabular-nums;margin:8px 0 6px;letter-spacing:-.3px}
.n5 .kpi .d{font-size:12.5px;color:var(--text-2)}
.n5 .up{color:var(--ok);font-weight:600}
.n5 .down{color:var(--bad);font-weight:600}
.n5 .dgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--s4);margin-bottom:var(--s4)}
.n5 .bars{display:flex;align-items:flex-end;gap:10px;height:200px;padding:0 4px;border-bottom:1px solid var(--line)}
.n5 .bars div{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}
.n5 .bars i{display:block;width:100%;max-width:44px;background:var(--chart);border-radius:3px 3px 0 0}
.n5 .bars i.cur{background:var(--chart-cur)}
.n5 .bars b{font:500 11px var(--f-ui);color:var(--text-3)}
.n5 .blabels{display:flex;gap:10px;padding:6px 4px 0}
.n5 .blabels span{flex:1;min-width:0;text-align:center;font-size:11.5px;color:var(--text-3)}
.n5 .pipe{display:flex;flex-direction:column;gap:12px}
.n5 .pipe .row{display:grid;grid-template-columns:90px 1fr 70px;gap:10px;align-items:center;font-size:13px}
.n5 .pipe .track{height:8px;background:var(--sunken);border-radius:4px;overflow:hidden}
.n5 .pipe .track i{display:block;height:100%;background:var(--chart-cur)}
.n5 .hidden-fig{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-weight:500;font-size:13px}
.n5 .hidden-fig svg.i{width:14px;height:14px}
.n5 .empty{text-align:center;padding:56px 24px;color:var(--text-2)}
.n5 .empty .ill{width:56px;height:56px;border-radius:50%;background:var(--sunken);display:grid;place-items:center;margin:0 auto 14px;color:var(--text-3)}
.n5 .empty h4{margin:0 0 6px;font:600 15px var(--f-ui);color:var(--text)}
.n5 .empty p{margin:0 auto 16px;max-width:360px;font-size:13.5px}
.n5 .sk{display:block;height:12px;border-radius:3px;background:linear-gradient(90deg,var(--line-soft) 0,#F6F3EE 50%,var(--line-soft) 100%);background-size:200% 100%;animation:sk 1.4s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.n5 .alert{display:flex;gap:12px;padding:12px 14px;border-radius:var(--r);border:1px solid;font-size:13.5px;align-items:flex-start}
.n5 .alert.bad{background:var(--bad-bg);border-color:#E9C2BD;color:#5E1D18}
.n5 .alert.warn{background:var(--warn-bg);border-color:#EDD49A;color:#4D3400}
.n5 .alert.info{background:var(--info-bg);border-color:#C3D4E3;color:#1C3548}
.n5 .alert.ok{background:var(--ok-bg);border-color:#C3DBBF;color:#1C3F22}
.n5 .alert b{display:block;margin-bottom:2px}
.n5 .alert .btn{margin-inline-start:auto}
.n5 .toast{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r);box-shadow:var(--shadow-pop);font-size:13.5px;width:max-content}
.n5 .toast a{color:var(--gold-lt);font-weight:600}
.n5 .scrim{position:fixed;inset:0;background:rgba(20,20,20,.36);z-index:50;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
.n5 .palette{width:min(640px,94vw);background:var(--surface);border-radius:10px;box-shadow:var(--shadow-pop);overflow:hidden}
.n5 .palette .q{display:flex;align-items:center;gap:10px;padding:0 16px;height:54px;border-bottom:1px solid var(--line);font-size:16px}
.n5 .palette .q .caret{width:1.5px;height:20px;background:var(--ink);margin-left:-8px}
.n5 .palette h5{margin:0;padding:10px 16px 4px;font:600 11px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .palette .it{display:flex;align-items:center;gap:12px;padding:0 16px;height:40px;font-size:13.5px}
.n5 .palette .it.on{background:var(--sel)}
.n5 .palette .it .r{margin-inline-start:auto;color:var(--text-3);font-size:12px}
.n5 .palette footer{display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--text-3);background:var(--head)}
.n5 .pop{position:absolute;top:50px;right:0;width:360px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);z-index:40}
.n5 .pop header{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.n5 .pop header b{font-size:14px}
.n5 .pop header a{margin-inline-start:auto;font-size:12.5px}
.n5 .pop .n{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line-soft);font-size:13px}
.n5 .pop .n i{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:5px}
.n5 .pop .n.read i{background:transparent}
.n5 .pop .n time{display:block;color:var(--text-3);font-size:11.5px}
.n5 .menu a{display:flex;align-items:center;gap:10px;padding:9px 14px;color:var(--text);font-size:13.5px}
.n5 .menu a:hover{background:var(--sunken);text-decoration:none}
.n5 .menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.n5 .mtop,.n5 .bnav,.n5 .fab,.n5 .mcards,.n5 .msearch,.n5 .mob-only{display:none}
@media (max-width:760px){
.n5 .app,.n5 .app.collapsed{display:block;background:var(--canvas)}
.n5 .main{margin:0;border-radius:0;min-height:0;overflow:visible}
.n5 .side,.n5 .top,.n5 .rtabs,.n5 .crumbs{display:none}
.n5 .mtop{display:flex;align-items:center;gap:8px;height:calc(56px + var(--sat));padding:var(--sat) calc(8px + var(--sar)) 0 calc(16px + var(--sal));background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}
.n5 .mtop img{height:14px}
.n5 .mtop .iconbtn{color:#E8E2D6;width:44px;height:44px}
.n5 .mtop .sp{flex:1}
.n5 .mtop .iconbtn .dot{border-color:var(--ink)}
.n5 .msearch{margin:12px 16px 0;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text-3);font-size:14.5px}
.n5 .page{padding:16px calc(16px + var(--sar)) calc(150px + var(--sab)) calc(16px + var(--sal))}
.n5 .phead h1,.n5 .rechead h1{font-size:23px}
.n5 .phead .acts{display:none}
.n5 .desk-only{display:none!important}
.n5 .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:calc(68px + var(--sab));padding:0 var(--sar) max(6px,var(--sab)) var(--sal);background:var(--surface);border-top:1px solid var(--line);z-index:30}
.n5 .bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11.5px;color:var(--text-2);font-weight:500}
.n5 .bnav a svg.i{width:22px;height:22px}
.n5 .bnav a.on{color:var(--text);font-weight:700}
.n5 .bnav a.on svg.i{stroke-width:2.1}
.n5 .bnav a:hover{text-decoration:none}
.n5 .bnav .midb{width:44px;height:34px;border-radius:17px;background:var(--ink);color:var(--gold-lt);display:grid;place-items:center;margin-top:-2px}
.n5 .bnav .midb svg.i{width:20px;height:20px}
.n5 .bnav a.mid{color:var(--text);font-weight:600}
.n5 .mob-only{display:block!important}
.n5 .fab{display:flex;position:fixed;left:calc(16px + var(--sal));right:calc(16px + var(--sar));bottom:calc(80px + var(--sab));z-index:29}
.n5 .fab .btn{width:100%;height:52px;font-size:15.5px;border-radius:var(--r-lg);box-shadow:0 6px 18px rgba(20,20,20,.22)}
.n5 .panel.listpanel .tbl,.n5 .panel.listpanel .tfoot,.n5 .panel.listpanel .toolbar .minisearch,.n5 .panel.listpanel .toolbar .desk-only{display:none}
.n5 .panel.listpanel{background:transparent;border:0}
.n5 .panel.listpanel .toolbar{padding:0 0 12px;border:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.n5 .filter{height:36px;padding:0 14px;font-size:13.5px;flex:none}
.n5 .mcards{display:flex;flex-direction:column;gap:10px}
.n5 .mcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;min-height:76px}
.n5 .mcard .who{font-weight:600;font-size:15px}
.n5 .mcard .amt{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;text-align:end}
.n5 .mcard .sub2{color:var(--text-3);font-size:12.5px}
.n5 .mcard .row2{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:6px}
.n5 .mcard .row2 .btn{margin-inline-start:auto;height:40px}
.n5 .recgrid,.n5 .dgrid{grid-template-columns:minmax(0,1fr)}
.n5 .bulk{flex-wrap:wrap}
.n5 .panel>header{flex-wrap:wrap}
.n5 .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.n5 .kpi{padding:14px}
.n5 .kpi .v{font-size:22px}
.n5 .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.n5 .facts div:nth-child(2){border-right:0}
.n5 .facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.n5 .formgrid{grid-template-columns:1fr}
.n5 .formgrid>*{grid-column:1/-1}
.n5 .field input,.n5 .field select{height:46px;font-size:16px}
.n5 .rechead .acts{display:none}
.n5 .steps{width:100%;overflow-x:auto}
.n5 .panel.lines .tbl{display:none}
.n5 .panel.lines .mcards{display:flex;padding:12px}
.n5 .panel.lines .mcard{border-color:var(--line-soft)}
.n5 .totals{width:100%}
.n5 .bars,.n5 .blabels{gap:4px}
.n5 .bars b{display:none}
.n5 .blabels span{font-size:10px}
.n5 .savebar{margin:16px -16px 0!important;bottom:calc(68px + var(--sab));padding:10px 16px}
.n5 .savebar .msg{display:none}
.n5 .savebar .btn{flex:1;height:48px}
.n5 .ptabs{overflow-x:auto}
.n5 .scrim{padding-top:var(--sat);align-items:stretch}
.n5 .palette{width:100%;border-radius:0}
.n5 .pop{position:fixed;top:calc(56px + var(--sat));left:8px;right:8px;width:auto}
}
@media (min-width:1900px){
.n5{--side-w:264px}
.n5 .page{max-width:none;padding:28px 40px 56px}
.n5 .recgrid{grid-template-columns:minmax(0,1fr) 400px}
.n5 .kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.n5 .rechead h1.rt{font:600 24px/1.2 var(--f-ui);letter-spacing:-.2px}
.n5 .mono-h{font:500 22px var(--f-mono);letter-spacing:0}
.n5 .msect{display:none}
@media (max-width:760px){
.n5 .msect{display:block;margin:0;padding:14px 16px 0;font:600 14px var(--f-ui)}
.n5 .recgrid{gap:12px}
.n5 .rechead h1.rt{font-size:21px}
.n5 .mono-h{font-size:19px}
}
.n5 .pop.cols{top:40px;right:0;width:280px}
.n5 .colrow{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:13.5px}
.n5 .colrow .grip{color:var(--text-3);cursor:grab;letter-spacing:-2px;font-weight:700}
.n5 .colrow .lk{margin-inline-start:auto;font-size:11.5px;color:var(--text-3)}
.n5 .filter.saved{border-style:dashed}
.n5 .addview{font-size:12.5px;font-weight:600;color:var(--gold-ink);display:inline-flex;align-items:center;gap:4px;padding:0 6px;white-space:nowrap}
.n5 .addview svg.i{width:14px;height:14px}
.n5 .nsheet{display:none}
@media (max-width:760px){
.n5 .nsheet{display:block;position:fixed;inset:calc(56px + var(--sat)) 0 calc(68px + var(--sab)) 0;background:var(--canvas);z-index:25;overflow:auto}
.n5 .nsheet header{display:flex;align-items:center;gap:8px;padding:16px 16px 8px}
.n5 .nsheet header b{font-size:18px}
.n5 .nsheet header a{margin-inline-start:auto;font-size:13.5px}
.n5 .nsheet .seg{margin:0 16px 12px;display:flex}
.n5 .nsheet .seg a{flex:1;text-align:center;padding:8px 4px;font-size:13.5px}
.n5 .nitem{margin:0 16px 10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:10px 1fr;gap:4px 12px}
.n5 .nitem i{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:6px}
.n5 .nitem.read i{background:transparent}
.n5 .nitem b{font-weight:600;font-size:15px}
.n5 .nitem p{margin:0;color:var(--text-2);font-size:14px}
.n5 .nitem time{color:var(--text-3);font-size:12.5px}
.n5 .nitem .acts{grid-column:2;display:flex;gap:8px;margin-top:8px}
.n5 .nitem .acts .btn{height:44px;flex:1}
}
.n5 .hello{font:400 28px/1.15 var(--f-display);margin:0}
.n5 .qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.n5 .qa a{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text);font-weight:600;font-size:14px}
.n5 .qa a:hover{text-decoration:none;border-color:var(--line-strong)}
.n5 .qa a span.ic{width:36px;height:36px;border-radius:10px;background:var(--sunken);display:grid;place-items:center;color:var(--text);flex:none}
.n5 .qa a small{display:block;font-weight:400;color:var(--text-3);font-size:12px}
.n5 .hgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
@media (max-width:760px){
.n5 .qa{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.n5 .qa a{padding:12px;min-height:64px}
.n5 .qa a small{display:none}
.n5 .hgrid{grid-template-columns:minmax(0,1fr)}
.n5 .hello{font-size:24px}
}
.n5 .btn{max-width:100%}
.n5 .btn>span,.n5 .btn{overflow:hidden;text-overflow:ellipsis}
.n5 .who,.n5 .mcard .who,.n5 .nitem b,.n5 .phead h1,.n5 .rechead h1,.n5 .hello{overflow-wrap:anywhere}
.n5 .mcard>div{min-width:0}
.n5 .bnav a{min-width:0;text-align:center;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:760px){
.n5 .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.n5 .todo span:not(.chip){min-width:0;overflow-wrap:anywhere}
}
@media (max-width:760px){
.n5 .panel.listpanel .toolbar,.n5 .seg,.n5 .steps,.n5 .ptabs,.n5 .nq .toolbar{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:24px}
.n5 .seg,.n5 .steps{overflow-x:auto;scrollbar-width:none;max-width:100%}
}
.n5 .todo .btn,.n5 .row2 .btn,.n5 .mcard .btn{flex:none}
.n5 .qa a>span:last-child{min-width:0;overflow-wrap:anywhere}
@media (max-width:360px){
.n5 .qa a{gap:8px;padding:10px;font-size:13px}
.n5 .qa a span.ic{width:30px;height:30px}
}
.n5 .todo .chip{flex:none}
.n5 .ncard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px}
.n5 .ncard.unread::after{content:"";position:absolute;top:18px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.n5 .nhead{display:flex;align-items:center;gap:12px;padding-right:14px}
.n5 .nav{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font:700 13px var(--f-ui);letter-spacing:.02em;flex:none}
.n5 .nsal{min-width:0;flex:1}
.n5 .nsal b{display:block;font:700 16px/1.2 var(--f-ui);letter-spacing:-.1px;overflow-wrap:anywhere}
.n5 .nsal small{color:var(--text-3);font-size:12.5px}
.n5 .nhead time{font-size:12px;color:var(--text-3);white-space:nowrap}
.n5 .nbody{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.n5 .nbody p{margin:0;font-size:14px;color:var(--text-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.n5 .nbody b{color:var(--text)}
.n5 .nrep{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--text)}
.n5 .nrep::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--sunken) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8578' stroke-width='2'%3E%3Ccircle cx='12' cy='9' r='4'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E") center/12px no-repeat}
.n5 .ndoc{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--sunken);border-radius:10px;padding:9px 12px;font-size:13.5px}
.n5 .ndoc .mono{color:var(--gold-ink)}
.n5 .ndoc .num{font-weight:700;color:var(--text)}
.n5 .nacts{display:flex;gap:8px}
.n5 .nacts .btn{flex:1;height:40px}
.n5 .npop{width:400px}
.n5 .npop header .sample{font-size:9.5px;padding:3px 6px}
.n5 .npop header a{margin-inline-start:auto}
.n5 .nlist{display:grid;gap:8px;padding:10px;max-height:560px;overflow:auto;background:var(--canvas)}
.n5 .nsheet header .sample{margin-left:8px;font-size:9.5px;padding:3px 6px}
.n5 .nday{font:600 11.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:6px 16px 8px}
.n5 .nsheet .ncard{margin:0 16px 10px}
.n5 .nsheet .seg .ct{font-size:11px;background:var(--gold);color:var(--ink);border-radius:8px;padding:0 5px;margin-left:4px}
@media (max-width:760px){
.n5 .ncard.big .nacts .btn{height:46px;font-size:14.5px}
}
.n5 .livepop{position:fixed;top:calc(var(--top-h) + 12px);right:20px;width:380px;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-pop);overflow:hidden;animation:lvin .35s cubic-bezier(.2,.8,.2,1)}
.n5 .lvbar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0 14px;font:600 11px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .livepop .ncard{border:0;border-radius:0;padding-top:8px}
.n5 .livepop::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--gold);transform-origin:left;animation:lvtime 8s linear forwards}
@keyframes lvin{from{opacity:0;transform:translateY(-12px)}}
@keyframes lvtime{to{transform:scaleX(0)}}
@media (max-width:760px){
.n5 .livepop{top:calc(8px + var(--sat));left:8px;right:8px;width:auto}
}
.n5.n5{--ink:#1B2A41; --ink-2:#26395A; --gold:#C2461F; --gold-lt:#FFFFFF; --gold-ink:#3A4F73; --gold-bg:#F8E4DC;
  --canvas:#F6F4EF; --sunken:#EFECE5; --line:#E4E1D9; --line-strong:#D3CFC4; --text:#141820; --text-2:#4B5261; --text-3:#646B7A;
  --side-bg:#1B2A41; --side-text:#C9D2E0; --side-muted:#8E9BB3; --side-hover:#22334F; --side-active:#2C4166;
  --primary:#1B2A41; --primary-2:#26395A; --chart:#C9D2E0; --chart-cur:#1B2A41; --sel:#E4E9F1; --hover:#F1F4F8;
  --f-ui:'Plus Jakarta Sans',system-ui,sans-serif; --f-display:'Plus Jakarta Sans',system-ui,sans-serif;}
.n5.n5 .phead h1,.n5.n5 .hello{font-weight:700;letter-spacing:-.4px}
.n5.n5 .side .brand img{height:38px}
.n5.n5 .mtop img{height:24px}
.n5.n5 .av{color:#fff}
.n5.n5 .iconbtn .dot{background:var(--gold)}
.n5 .board{display:grid;grid-template-columns:56px repeat(var(--cols),minmax(0,1fr));position:relative;background:var(--surface)}
.n5 .board .hd{position:sticky;top:0;background:var(--surface);z-index:2;display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line);border-left:1px solid var(--line-soft);min-width:0}
.n5 .board .hd b{display:block;font-size:14px}
.n5 .board .hd small{color:var(--text-3);font-size:12px}
.n5 .board .hd .nav{width:34px;height:34px;border-radius:10px;font-size:12px}
.n5 .board .tcol{border-right:1px solid var(--line-soft)}
.n5 .board .tcol div{height:72px;font:500 11.5px var(--f-ui);color:var(--text-3);padding:4px 8px;text-align:end;font-variant-numeric:tabular-nums}
.n5 .board .scol{position:relative;border-left:1px solid var(--line-soft);background:repeating-linear-gradient(180deg,transparent 0 71px,var(--line-soft) 71px 72px)}
.n5 .ap{position:absolute;left:6px;right:6px;border-radius:10px;padding:8px 10px;font-size:12.5px;overflow:hidden;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:2px}
.n5 .ap b{font-size:13.5px;color:var(--text)}
.n5 .ap .tm{font:600 11.5px var(--f-ui);color:var(--text-2);font-variant-numeric:tabular-nums}
.n5 .ap .sv{color:var(--text-2)}
.n5 .ap .st{margin-top:auto;display:flex;gap:6px;align-items:center}
.n5 .ap.done{opacity:.6}
.n5 .ap.block{background:repeating-linear-gradient(135deg,var(--sunken) 0 8px,transparent 8px 16px)!important;border-style:dashed}
.n5 .nowline{position:absolute;left:56px;right:0;height:2px;background:var(--gold);z-index:3}
.n5 .nowline::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.n5 .nowline span{position:absolute;left:-54px;top:-9px;font:700 11px var(--f-ui);color:var(--gold);background:var(--surface);padding:0 4px}
.n5 .agenda{display:none}
.n5 .stychips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.n5 .stychip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);font-weight:600;font-size:14px;flex:none}
.n5 .stychip .nav{width:28px;height:28px;border-radius:14px;font-size:11px}
.n5 .stychip.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.n5 .slot{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:stretch}
.n5 .slot .tt{font:600 13px var(--f-ui);color:var(--text-2);padding-top:12px;font-variant-numeric:tabular-nums}
.n5 .acard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;border-left-width:1px}
.n5 .acard b{font-size:15.5px}
.n5 .acard .sv{grid-column:1;color:var(--text-2);font-size:13.5px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.n5 .acard .btn{grid-row:1/3;grid-column:2}
.n5 .free{border:1.5px dashed var(--line-strong);border-radius:14px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:13.5px;font-weight:600}
@media (max-width:760px){
.n5 .board{display:none}
.n5 .agenda{display:grid;gap:10px}
}
.n5 .svcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.n5 .svc{border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;background:var(--surface);display:grid;gap:2px;min-height:64px;cursor:pointer}
.n5 .svc b{font-size:14.5px}
.n5 .svc span{color:var(--text-3);font-size:12.5px}
.n5 .svc.on{border:2px solid var(--primary);background:var(--sel);padding:11px 13px}
.n5 .paybar{position:sticky;bottom:0;background:var(--ink);color:#fff;display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:14px 14px 0 0;margin:16px -24px 0;z-index:5}
.n5 .paybar .tot{font:700 24px var(--f-ui);font-variant-numeric:tabular-nums}
.n5 .paybar small{display:block;color:#A9B6CB;font-size:12.5px}
.n5 .paybar .btn{margin-inline-start:auto;height:48px;padding:0 22px;background:#fff;color:var(--ink);border-color:#fff;font-size:15px}
@media (max-width:760px){
.n5 .paybar{position:fixed;left:0;right:0;bottom:calc(68px + var(--sab));margin:0;border-radius:14px 14px 0 0;padding:12px 16px}
.n5 .paybar .tot{font-size:21px}
}
.n5 .mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.n5 .mitem{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--text);min-height:76px}
.n5 .mitem:hover{text-decoration:none;border-color:var(--line-strong)}
.n5 .mitem .ic{width:40px;height:40px;border-radius:12px;background:var(--sel);color:var(--primary);display:grid;place-items:center;flex:none}
.n5 .mitem b{display:block;font-size:15px}
.n5 .mitem small{color:var(--text-3);font-size:13px}
.n5 .mhead{font:600 12px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:24px 0 10px}
.n5 .mob-only-flex{display:none!important}
@media (max-width:760px){
.n5 .mob-only-flex{display:flex!important}
}
.n5 .formula{font-family:var(--f-mono);font-size:13px;background:var(--sunken);border-radius:10px;padding:10px 12px;line-height:1.6}
.n5 .panel .body>*,.n5 .field,.n5 .recgrid>*,.n5 .alert>div,.n5 .nhead>*{min-width:0}
.n5 .panel .body{min-width:0}
.n5 .recgrid>div,.n5 .recgrid>aside{grid-template-columns:minmax(0,1fr)}
.n5 .panel:has(>.tbl){overflow-x:auto}
.n5 .paybar>div{min-width:0}
.n5 .paybar .btn{flex:none}
.n5 .ap.short{padding:5px 10px;justify-content:center}
.n5 .ap .one{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.n5 .ap.done{opacity:.72}
.n5 .acard .sv+.sv{grid-row:3}
.n5.n5 .mtop img{height:30px}
.n5.n5.n5{--ink:#191E22; --ink-2:#262C31; --gold:#E35A33; --gold-ink:#B8431C; --gold-bg:#FBE6DD; --sel:#FBEDE7; --hover:#FAF5F2;
  --canvas:#F7F4F0; --side-bg:#191E22; --side-text:#C8CDD1; --side-muted:#8C949B; --side-hover:#22282D; --side-active:#2E3439;
  --primary:#191E22; --primary-2:#2E3439; --chart:#E9D6CC; --chart-cur:#E35A33;}
.n5.n5.n5 .bnav .midb{background:#E35A33;color:#fff}
.n5.n5.n5 .side .grp>button.on{box-shadow:inset 3px 0 0 transparent}
.n5.n5.n5 .stychip.on{background:var(--primary)}
.n5 .askbtn,.n5 .branchbtn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;font:600 13px var(--f-ui);cursor:pointer;white-space:nowrap}
.n5 .askbtn{background:var(--primary);color:var(--on-primary)}
.n5 .askbtn svg.i{width:16px;height:16px;color:var(--gold)}
.n5.n5 .askbtn svg.i{color:#fff}
.n5 .branchbtn{border:1px solid var(--line-strong);color:var(--text)}
.n5 .branchbtn svg.i{width:15px;height:15px;color:var(--text-2)}
.n5 .offchip{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--f-ui);color:var(--warn);background:var(--warn-bg);padding:5px 10px;border-radius:14px;white-space:nowrap}
.n5 .offchip svg.i{width:14px;height:14px}
.n5 .drawer{position:fixed;top:8px;right:8px;bottom:8px;width:420px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-pop);z-index:70;display:flex;flex-direction:column;overflow:hidden}
.n5 .drawer header{display:flex;gap:12px;align-items:flex-start;padding:16px;border-bottom:1px solid var(--line)}
.n5 .drawer header b{display:block;font-size:16px}
.n5 .drawer header small{color:var(--text-3);font-size:12.5px;line-height:1.35;display:block;margin-top:2px}
.n5 .drawer header .iconbtn{margin-inline-start:auto}
.n5 .askic{width:36px;height:36px;border-radius:11px;background:var(--primary);color:var(--gold);display:grid;place-items:center;flex:none}
.n5.n5 .askic{color:#fff;background:var(--gold)}
.n5 .dbody{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.n5 .msg{max-width:92%;font-size:14px;line-height:1.45}
.n5 .msg p{margin:0 0 8px}
.n5 .msg.me{align-self:flex-end;background:var(--primary);color:var(--on-primary);padding:10px 14px;border-radius:14px 14px 4px 14px}
.n5 .msg.ai{align-self:stretch;max-width:100%}
.n5 .tbl.mini td{height:34px;font-size:12.5px;padding:0 8px}
.n5 .tbl.mini{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:table}
.n5 .confirm{margin-top:10px;border:1.5px solid var(--primary);border-radius:12px;padding:12px 14px;background:var(--hover)}
.n5 .confirm ul{margin:6px 0 10px;padding-left:18px;font-size:13.5px;color:var(--text-2)}
.n5 .confirm .row{display:flex;gap:8px;justify-content:flex-end}
.n5 .confirm small{display:block;margin-top:8px;color:var(--text-3);font-size:12px}
.n5 .src{display:block;margin-top:6px;color:var(--text-3);font-size:12px}
.n5 .sugg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--text-3)}
.n5 .sugg a{border:1px solid var(--line-strong);border-radius:14px;padding:5px 10px;color:var(--text-2)}
.n5 .dfoot{padding:12px 16px calc(12px + var(--sab));border-top:1px solid var(--line)}
.n5 .askin{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 12px 0 14px;border:1.5px solid var(--line-strong);border-radius:12px;color:var(--text-3);font-size:14px}
.n5 .palette .askrow{background:var(--hover);border-bottom:1px solid var(--line)}
.n5 .palette .askrow svg.i{color:var(--gold)}
.n5 .hsearch{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;color:var(--text-3);font-size:14px}
.n5 .drawer h5{margin:8px 0 0;font:600 11.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .hl{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:14px;font-weight:500}
.n5 .hl span{color:var(--text-3);font-size:12px}
.n5 .hl:hover{text-decoration:none;border-color:var(--line-strong)}
.n5 .new{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}
.n5 .new p{margin:2px 0;color:var(--text-2)}
.n5 .new time{color:var(--text-3);font-size:12px}
.n5 .tip{position:fixed;width:300px;background:var(--ink);color:#fff;border-radius:14px;padding:14px 16px;z-index:65;box-shadow:var(--shadow-pop)}
.n5 .tip::before{content:"";position:absolute;top:-7px;left:40px;width:14px;height:14px;background:var(--ink);transform:rotate(45deg);border-radius:2px}
.n5 .tip b{font-size:14.5px}
.n5 .tip p{margin:6px 0 10px;font-size:13.5px;color:#D6D2CA;line-height:1.45}
.n5 .tip .row{display:flex;align-items:center;gap:6px}
.n5 .tip .row .faint{color:#A9A398;margin-inline-end:auto;font-size:12px}
.n5 .tip .btn.ghost{color:#D6D2CA}
.n5 .tip .btn.primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.n5 .offbar{position:fixed;left:50%;transform:translateX(-50%);top:calc(var(--top-h) + 10px);z-index:62;display:flex;align-items:center;gap:10px;max-width:min(760px,calc(100vw - 24px));background:#3A2E12;color:#FBF0D6;padding:10px 16px;border-radius:12px;font-size:13.5px;box-shadow:var(--shadow-pop)}
.n5 .offbar svg.i{color:#E3B660}
.n5 .offbar a{color:#E5CD92;font-weight:600;white-space:nowrap}
.n5 .cele{position:fixed;inset:0;background:rgba(20,20,20,.3);display:grid;place-items:center;z-index:80;padding:16px}
.n5 .celecard{background:var(--surface);border-radius:20px;padding:28px 26px 22px;width:min(380px,100%);text-align:center;box-shadow:var(--shadow-pop);animation:lvin .4s cubic-bezier(.2,.8,.2,1)}
.n5 .celecard .ring{width:112px;height:112px;margin:0 auto 12px;display:block}
.n5 .celecard b{font:700 20px var(--f-ui);display:block}
.n5 .celecard p{color:var(--text-2);margin:8px 0 16px;font-size:14px}
.n5 .celecard .row{display:flex;gap:8px}
.n5 .celecard .row .btn{flex:1;height:44px}
.n5 .celecard small{display:block;margin-top:10px}
.n5 [data-text="big"] .main{zoom:1.14}
@media (max-width:1300px){
.n5 .branchbtn{display:none}
}
@media (max-width:760px){
.n5 .drawer{inset:calc(56px + var(--sat)) 0 0 0;width:auto;border-radius:16px 16px 0 0}
.n5 .offbar{top:calc(62px + var(--sat));left:8px;right:8px;transform:none;max-width:none;flex-wrap:wrap}
.n5 .tip{left:16px!important;right:16px;width:auto;top:auto!important;bottom:calc(150px + var(--sab))}
.n5 .tip::before{display:none}
.n5 [data-text="big"] .main{zoom:1.12}
}
.n5 .insights header h3{display:flex;align-items:center;gap:8px}
.n5 .askic.sm{width:26px;height:26px;border-radius:8px}
.n5 .askic.sm svg.i{width:15px;height:15px}
.n5 .ins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.n5 .insc{padding:14px 16px;border-right:1px solid var(--line-soft);display:grid;gap:4px;align-content:start}
.n5 .insc:last-child{border-right:0}
.n5 .insc b{font-size:14px;line-height:1.35}
.n5 .insc small{color:var(--text-3);font-size:12.5px}
.n5 .insc .btn{justify-self:start;margin-top:6px}
.n5 .brs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.n5 .br{padding:14px 16px;display:grid;gap:10px}
.n5 .brh{display:flex;justify-content:space-between;align-items:center}
.n5 .brh b{font-size:15px}
.n5 .brk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.n5 .brk small{display:block;color:var(--text-3);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.n5 .brk b{font-size:16px;font-variant-numeric:tabular-nums}
.n5 .br .track{height:6px;background:var(--sunken);border-radius:3px;overflow:hidden}
.n5 .br .track i{display:block;height:100%;background:var(--ok)}
.n5 .firstwk{margin-bottom:16px}
.n5 .fw{display:grid}
.n5 .fwi{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:14px}
.n5 .fwi:last-child{border-bottom:0}
.n5 .fwi>span:nth-child(2){flex:1;min-width:0}
.n5 .fwi small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .ck{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;font:600 12px var(--f-ui);color:var(--text-2);flex:none}
.n5 .fwi.done .ck{background:var(--ok);border-color:var(--ok);color:#fff}
.n5 .fwi.done .ck svg.i{width:15px;height:15px}
.n5 .fwi.done>span:nth-child(2){color:var(--text-3);text-decoration:line-through}
@media (max-width:760px){
.n5 .ins{grid-template-columns:minmax(0,1fr)}
.n5 .insc{border-right:0;border-bottom:1px solid var(--line-soft)}
.n5 .brs{grid-template-columns:minmax(0,1fr)}
.n5 .brk{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.n5 .tbl.mini td{white-space:normal;padding:4px 6px;font-size:12.5px}
.n5 .tbl.mini .chip{white-space:nowrap}
}
.n5 [dir="rtl"] .main{margin:8px 0 8px 8px}
.n5 [dir="rtl"] .chev,.n5 [dir="rtl"] .crumbs svg.i,.n5 [dir="rtl"] [data-i="right"] svg,.n5 [dir="rtl"] [data-i="left"] svg{transform:scaleX(-1)}
.n5 [dir="rtl"] .num,.n5 [dir="rtl"] .kpi .v{direction:ltr;unicode-bidi:isolate}
.n5 [dir="rtl"] .num{text-align:start}
.n5 [dir="rtl"] .search .kbd{margin-inline-start:auto;margin-left:0}
.n5 [dir="rtl"] .rtab{border-radius:var(--r) var(--r) 0 0}
.n5 [lang="ar"]{--f-ui:'Noto Sans Arabic','Figtree',system-ui,sans-serif;--f-display:'Noto Sans Arabic','Marcellus',serif}
@media (max-width:760px){
.n5 [dir="rtl"] .main{margin:0}
}
.n5 .langpop{width:320px}
.n5 .langpop .ls{display:grid;max-height:420px;overflow:auto}
.n5 .langpop .lr{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;border-bottom:1px solid var(--line-soft)}
.n5 .langpop .lr small{color:var(--text-3);margin-inline-start:auto;font-size:12px}
.n5 .langpop .lr.on{background:var(--sel);font-weight:600}
.n5 .langbtn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:17px;border:1px solid var(--line-strong);font:600 12.5px var(--f-ui);cursor:pointer}
.n5 .user>span:not(.av){white-space:nowrap}
@media (max-width:1599px){
.n5 .user>span:not(.av){display:none}
.n5 .top .sample{font-size:0;padding:5px}
.n5 .top .sample::before{content:"Sample";font-size:10.5px}
}
.n5 .new .chip{flex:none}
@media (max-width:760px){
.n5 .drawer .dbody{padding-bottom:calc(16px + var(--sab))}
.n5 .drawer .row{flex-wrap:wrap}
.n5 .drawer .row .btn{flex:1 1 140px!important}
}
@media (max-width:370px){
.n5 .celecard .row{flex-direction:column}
}
@media (max-width:760px){
.n5 .drawer{padding-bottom:var(--sab)}
.n5 .drawer .dbody{padding-bottom:16px}
}
.n5 .dbody{min-height:0}
.n5 .tbl.mini .num{white-space:nowrap}
@media (max-width:760px){
.n5 .drawer.ask{padding-bottom:0}
}
@media (max-width:380px){
.n5 .tbl.mini td:first-child{display:none}
}
.n5{scroll-padding-top:calc(var(--top-h) + var(--tabs-h) + 16px);scroll-padding-bottom:96px}
@media (max-width:760px){
.n5{scroll-padding-top:calc(72px + var(--sat));scroll-padding-bottom:calc(170px + var(--sab))}
}
.n5 .rtab button.x{all:unset;box-sizing:border-box;width:24px;height:24px;margin-inline-end:-6px;border-radius:6px;display:grid;place-items:center;color:var(--text-3);cursor:pointer;flex:none}
.n5 .rtab button.x:hover{background:var(--tab-hover);color:var(--text)}
.n5 .rtab button.x:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.n5 .rtab button.x svg.i{width:14px;height:14px}
.n5 .colrow .mv{margin-inline-start:auto;display:flex;gap:2px}
.n5 .colrow .mv button{all:unset;box-sizing:border-box;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--text-2);cursor:pointer}
.n5 .colrow .mv button:hover{background:var(--sunken)}
.n5 .colrow .mv button[disabled]{opacity:.35}
.n5 .colrow .mv svg.i{width:15px;height:15px}
.n5 .colrow .lk+.mv{margin-inline-start:8px}
.n5 .tog{width:44px;height:26px;border-radius:13px;background:var(--line-strong);position:relative;flex:none;display:inline-block}
.n5 .tog::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.n5 .tog.on{background:var(--ok)}
.n5 .tog.on::after{inset-inline-start:21px}
.n5 .set{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:14px;min-height:56px}
.n5 .set:last-child{border-bottom:0}
.n5 .set>span:first-child{flex:1;min-width:0}
.n5 .set small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .set select,.n5 .set .inp{font:inherit;height:36px;border:1px solid var(--line-strong);border-radius:8px;padding:0 8px;background:var(--surface);color:var(--text)}
.n5 .d4grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.n5 .d4grid>*{min-width:0}
.n5 .stack{display:grid;gap:16px;min-width:0}
.n5 .stk{display:grid;gap:12px;min-width:0}
.n5 .lbl{font:600 11.5px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}
.n5 .big{font:700 22px/1.2 var(--f-ui)}
.n5 .pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:14px;background:var(--sunken);font:600 12.5px var(--f-ui);color:var(--text-2);white-space:nowrap}
.n5 .pill svg.i{width:14px;height:14px}
.n5 .pill.ok{background:var(--ok-bg);color:var(--ok)}
.n5 .pill.warn{background:var(--warn-bg);color:var(--warn)}
.n5 .pill.info{background:var(--info-bg);color:var(--info)}
.n5 .row{display:flex;align-items:center;gap:8px;min-width:0}
.n5 .wrap{flex-wrap:wrap}
.n5 .grow{flex:1;min-width:0}
.n5 .mapbox{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#ECE8DF;border:1px solid var(--line);aspect-ratio:16/10}
.n5 .mapbox svg{position:absolute;inset:0;width:100%;height:100%}
.n5 .mapbox .mtag{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);border-radius:8px;padding:4px 8px;font-size:11.5px;color:var(--text-2)}
.n5 .nextcard{background:var(--primary);color:#fff;border-radius:var(--r-lg);padding:16px;display:grid;gap:12px}
.n5 .nextcard .lbl{color:var(--gold-lt)}
.n5 .nextcard h2{margin:0;font:700 21px/1.2 var(--f-ui)}
.n5 .nextcard p{margin:2px 0 0;color:#D8D2C6;font-size:13.5px}
.n5 .nextcard .btn{height:46px;background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
.n5 .nextcard .btn.gold{background:var(--gold);color:#141414;border-color:var(--gold)}
.n5 .nextcard .facts2{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#D8D2C6}
.n5 .nextcard .facts2 b{color:#fff;display:block;font-size:15px}
.n5 .stops{list-style:none;margin:0;padding:0}
.n5 .stops li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);min-height:64px}
.n5 .stops li:last-child{border-bottom:0}
.n5 .stops .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--f-ui);background:var(--surface);border:1.5px solid var(--line-strong);color:var(--text)}
.n5 .stops li.done .n{background:var(--ok);border-color:var(--ok);color:#fff}
.n5 .stops li.now .n{background:var(--primary);border-color:var(--primary);color:#fff}
.n5 .stops b{display:block;font-size:14.5px;overflow-wrap:anywhere}
.n5 .stops small{color:var(--text-3);font-size:12.5px;display:block}
.n5 .stops li.done b{color:var(--text-2)}
.n5 .rec{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.n5 .recbtn{width:56px;height:56px;border-radius:50%;background:var(--bad);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 0 0 6px var(--bad-bg)}
.n5 .recbtn i{width:18px;height:18px;border-radius:4px;background:#fff;display:block}
.n5 .wave{flex:1;min-width:0;height:40px;display:flex;align-items:center;gap:3px;overflow:hidden}
.n5 .wave i{flex:none;width:3px;border-radius:2px;background:var(--text-2)}
.n5 .transcript{font-size:14px;line-height:1.55;color:var(--text-2);background:var(--sunken);border-radius:10px;padding:12px 14px}
.n5 .vlog{display:grid;gap:0}
.n5 .vlog div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--line-soft);font-size:14px}
.n5 .vlog div:last-child{border-bottom:0}
.n5 .vlog div>span:first-child{color:var(--text-3);font-size:12.5px;padding-top:1px}
@media (max-width:760px){
.n5 .vlog div{grid-template-columns:minmax(0,1fr);gap:2px}
}
.n5 .sigpad{height:180px;border:1.5px dashed var(--line-strong);border-radius:14px;background:var(--surface);position:relative}
.n5 .sigpad svg{position:absolute;inset:0;width:100%;height:100%}
.n5 .sigpad .l{position:absolute;left:16px;right:16px;bottom:36px;border-top:1px solid var(--line)}
.n5 .sigpad small{position:absolute;left:16px;bottom:12px;color:var(--text-3);font-size:12px}
.n5 .sigpad a{position:absolute;right:10px;top:6px;font-size:13px;padding:8px}
.n5 .qsum .ln{display:flex;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line-soft);font-size:14px}
.n5 .qsum .ln span:first-child{flex:1;min-width:0}
.n5 .qsum .tot{display:flex;justify-content:space-between;padding:12px 16px;font-weight:700;font-size:16px}
.n5 .check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;padding:4px 0}
.n5 .check .cb{margin-top:1px;flex:none;width:22px;height:22px}
.n5 .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.n5 .prod{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.n5 .prod .ph{aspect-ratio:1;background:#fff;display:block;position:relative;border-bottom:1px solid var(--line-soft)}
.n5 .prod .ph img{width:100%;height:100%;object-fit:contain;display:block}
.n5 .prod .ph .pill{position:absolute;top:8px;inset-inline-start:8px;height:24px;font-size:11.5px}
.n5 .prod .pb{padding:10px 12px 12px;display:grid;gap:4px;flex:1}
.n5 .prod b{font-size:13.5px;line-height:1.3;overflow-wrap:anywhere}
.n5 .prod .code{font:500 11.5px var(--f-mono);color:var(--text-3)}
.n5 .prod .pr{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.n5 .prod .pr .num{font-weight:700;font-size:15px;text-align:start}
.n5 .prod .add{margin-inline-start:auto;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-strong);display:grid;place-items:center;background:var(--surface);color:var(--text)}
@media (max-width:760px){
.n5 .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.n5 .prod .pb{padding:8px 10px 10px}
.n5 .prod b{font-size:13px}
}
.n5 .offline-strip{display:flex;align-items:center;gap:10px;background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:10px 14px;font-size:13.5px}
.n5 .offline-strip b{color:var(--ok)}
.n5 .offline-strip svg.i{flex:none}
.n5 .wiz{display:flex;gap:0;counter-reset:w;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.n5 .wiz span{flex:1;min-width:max-content;display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;color:var(--text-3);border-bottom:2px solid var(--line)}
.n5 .wiz span::before{counter-increment:w;content:counter(w);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--f-ui);background:var(--sunken);color:var(--text-2);flex:none}
.n5 .wiz span.done{color:var(--text-2)}
.n5 .wiz span.done::before{content:"✓";background:var(--ok);color:#fff}
.n5 .wiz span.now{color:var(--text);font-weight:600;border-color:var(--primary)}
.n5 .wiz span.now::before{background:var(--primary);color:#fff}
.n5 .src{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.n5 .src a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:600;font-size:14px;min-height:56px}
.n5 .src a.on{border:2px solid var(--primary);padding:11px}
.n5 .src a small{display:block;font-weight:400;color:var(--text-3);font-size:12px}
.n5 .src .lg{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font:700 12px var(--f-ui);color:#fff;flex:none}
.n5 .map3{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line-soft);font-size:14px}
.n5 .map3 .fromc{font:500 12.5px var(--f-mono);background:var(--sunken);padding:6px 8px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n5 .map3 select{font:inherit;height:36px;border:1px solid var(--line-strong);border-radius:8px;padding:0 8px;background:var(--surface);color:var(--text);min-width:0;width:100%}
@media (max-width:760px){
.n5 .map3{grid-template-columns:minmax(0,1fr) auto;}
.n5 .map3 .arr{display:none}
.n5 .map3 select{grid-column:1/-1;grid-row:2}
}
.n5 .bigstat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.n5 .bigstat div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.n5 .bigstat b{display:block;font:700 22px var(--f-ui)}
.n5 .bigstat small{color:var(--text-3);font-size:12.5px}
@media (max-width:760px){
.n5 .bigstat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.n5 .swatches{display:flex;gap:10px;flex-wrap:wrap}
.n5 .sw{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:10px;padding:6px 10px 6px 6px;background:var(--surface);min-height:44px}
.n5 .sw i{width:30px;height:30px;border-radius:8px;display:block;border:1px solid rgba(0,0,0,.08);flex:none}
.n5 .sw b{font:500 13px var(--f-mono)}
.n5 .logodrop{display:flex;align-items:center;gap:14px;border:1.5px dashed var(--line-strong);border-radius:12px;padding:12px;background:var(--surface)}
.n5 .logodrop .lg{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;flex:none;overflow:hidden}
.n5 .logodrop .lg img{max-width:80%;max-height:80%}
.n5 .fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.n5 .fonts a{border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--text);background:var(--surface);text-align:center;font-size:20px;min-height:64px}
.n5 .fonts a small{display:block;font:500 11.5px var(--f-ui);color:var(--text-3);margin-top:2px}
.n5 .fonts a.on{border:2px solid var(--primary);padding:9px}
.n5 .contrast{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border-radius:10px;padding:12px 14px;font-size:13.5px}
.n5 .contrast.bad{background:var(--bad-bg);color:var(--bad)}
.n5 .contrast.ok{background:var(--ok-bg);color:var(--ok)}
.n5 .contrast b{display:block}
.n5 .contrast p{margin:2px 0 0;color:var(--text)}
.n5 .devframe{background:#1a1a1a;border-radius:34px;padding:10px;width:280px;margin:0 auto;box-shadow:var(--shadow-pop)}
.n5 .devframe .scr{border-radius:26px;overflow:hidden;background:var(--canvas);height:520px;position:relative}
.n5 .devframe .sbar{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font:600 11px var(--f-ui);color:#fff}
.n5 .urlbar{display:flex;align-items:center;gap:8px;background:var(--sunken);border-radius:10px;height:40px;padding:0 12px;font:500 13px var(--f-mono);color:var(--text-2);overflow:hidden;white-space:nowrap}
.n5 .urlbar svg.i{width:15px;height:15px;color:var(--ok)}
.n5 .feat{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);min-height:60px}
.n5 .feat:last-child{border-bottom:0}
.n5 .feat .ic{width:36px;height:36px;border-radius:10px;background:var(--sunken);display:grid;place-items:center;color:var(--text-2)}
.n5 .feat b{display:block;font-size:14px}
.n5 .feat small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .dns{font:500 12.5px var(--f-mono);width:100%;border-collapse:collapse}
.n5 .dns td,.n5 .dns th{padding:8px 12px;border-bottom:1px solid var(--line-soft);text-align:start;white-space:nowrap}
.n5 .dns th{font:600 11px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}
.n5 .plan{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:12px}
.n5 .plan.on{border:2px solid var(--primary);padding:19px}
.n5 .plan .pr{font:700 30px var(--f-ui);letter-spacing:-.5px}
.n5 .plan .pr small{font:500 14px var(--f-ui);color:var(--text-3);letter-spacing:0}
.n5 .plan ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.n5 .plan li{display:flex;gap:8px;align-items:flex-start}
.n5 .plan li svg.i{color:var(--ok);flex:none;margin-top:1px}
.n5 .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1100px){
.n5 .plans{grid-template-columns:minmax(0,1fr)}
}
.n5 .zero{display:flex;align-items:center;gap:16px;background:var(--primary);color:#fff;border-radius:16px;padding:18px 20px}
.n5 .zero .z{font:700 44px/1 var(--f-ui);color:var(--gold);flex:none}
.n5 .zero b{font-size:17px;display:block}
.n5 .zero p{margin:4px 0 0;color:#D6D9DC;font-size:13.5px}
.n5 .signwrap{min-height:100vh;display:grid;place-items:center;padding:calc(24px + var(--sat)) 16px calc(24px + var(--sab));background:var(--primary)}
.n5 .signcard{width:100%;max-width:400px;background:var(--surface);border-radius:20px;padding:28px 24px;display:grid;gap:14px}
.n5 .signcard h1{margin:0;font:700 24px/1.2 var(--f-ui)}
.n5 .signcard p{margin:0;color:var(--text-2);font-size:14.5px}
.n5 .signcard .btn{height:52px;font-size:15.5px;width:100%;justify-content:center}
.n5 .or{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:12.5px}
.n5 .or::before,.n5 .or::after{content:"";flex:1;border-top:1px solid var(--line)}
.n5 .fp{width:64px;height:64px;border-radius:18px;background:var(--sunken);display:grid;place-items:center;color:var(--text)}
.n5 .fp svg.i{width:34px;height:34px;stroke-width:1.5}
.n5 .sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:20px 20px 0 0;padding:20px 20px calc(20px + var(--sab));box-shadow:0 -10px 40px rgba(0,0,0,.25);z-index:80;display:grid;gap:12px;max-width:480px;margin:0 auto}
.n5 .sheet h2{margin:0;font:700 20px var(--f-ui)}
.n5 .sheet p{margin:0;color:var(--text-2);font-size:14px}
.n5 .sheet .btn{height:50px;width:100%;justify-content:center;font-size:15px}
@media (min-width:761px){
.n5 .sheet{bottom:auto;top:50%;transform:translateY(-50%);border-radius:20px;padding:24px}
}
.n5 .dim{position:fixed;inset:0;background:rgba(10,10,10,.5);z-index:79}
.n5 .consent{display:grid;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.n5 .consent .check{padding:8px 0}
.n5 .cons-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 16px;border-bottom:1px solid var(--line-soft);font-size:14px;align-items:center}
.n5 .cons-row small{grid-column:1/-1;color:var(--text-3);font-size:12.5px}
.n5 .cons-row:last-child{border-bottom:0}
.n5 .qh{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));height:28px;border-radius:8px;overflow:hidden;margin:8px 16px 4px}
.n5 .qh i{background:var(--ok-bg)}
.n5 .qh i.q{background:var(--primary)}
.n5 .qh i.d{background:var(--gold)}
.n5 .qhl{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);padding:0 16px 12px}
.n5 .digest{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.n5 .digest header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--sunken);font-size:12.5px;color:var(--text-2)}
.n5 .digest .dl{padding:10px 14px;border-bottom:1px solid var(--line-soft);font-size:13.5px;display:flex;gap:10px}
.n5 .digest .dl:last-child{border-bottom:0}
.n5 .digest .dl b{min-width:0}
.n5 .d4grid .devframe{margin-top:4px}
@media (max-width:1100px){
.n5 .d4grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
.n5 .nextcard .btn{flex:1}
.n5 .zero{padding:16px}
.n5 .zero .z{font-size:36px}
}
@media (max-width:1100px){
.n5 .plan.on{order:-1}
}
@media (max-width:380px){
.n5 .mtop .slname{display:none}
}
.n5 .signcard>*{min-width:0}
.n5 .signcard img{max-width:100%;width:auto;justify-self:start;object-fit:contain}
.n5 .signcard .field input{width:100%}
.n5 .pgrid>aside,.n5 .pgrid>div{min-width:0}
.n5 .set select{min-width:0;flex:none;max-width:48%}
.n5 .pgrid>aside,.n5 .pgrid>div{grid-template-columns:minmax(0,1fr)}
.n5 .logodrop{flex-wrap:wrap}
.n5 .panel:has(.pop.cols){overflow:visible}
.n5 .pop.cols{z-index:40}
.n5 .pop.cols{width:320px}
.n5 .a4{background:#fff;border:1px solid var(--line);border-radius:8px;aspect-ratio:1/1.414;padding:22px;display:flex;flex-direction:column;gap:10px;font-size:10.5px;color:#222;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.n5 .a4 .h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.n5 .a4 .h b{font-size:15px;letter-spacing:.5px}
.n5 .a4 .tile{width:40px;height:40px;border-radius:10px;background:#E35A33;color:#fff;display:grid;place-items:center;font:700 14px var(--f-ui)}
.n5 .a4 table{width:100%;border-collapse:collapse}
.n5 .a4 td{padding:5px 0;border-bottom:1px solid #eee}
.n5 .a4 td:last-child{text-align:end}
.n5 .a4 .tt{margin-top:auto;display:flex;justify-content:space-between;font-weight:700;font-size:13px;border-top:2px solid var(--ink);padding-top:6px}
.n5 .a4 .ft{font-size:9px;color:#666;border-top:1px solid #eee;padding-top:6px}
.n5 .a4 .off{display:none}
.n5 .a4 .hl{outline:2px dashed var(--gold);outline-offset:3px;border-radius:3px}
.n5 .part{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line-soft);min-height:56px}
.n5 .part:last-child{border-bottom:0}
.n5 .part small{grid-column:1;color:var(--text-3);font-size:12.5px}
.n5 .part .tog{grid-row:1/span 2;grid-column:2}
.n5 .tokens{display:flex;gap:6px;flex-wrap:wrap}
.n5 .tokens span{font:500 12px var(--f-mono);background:var(--gold-bg);color:var(--gold-ink);padding:5px 8px;border-radius:6px;min-height:28px;display:inline-flex;align-items:center}
.n5 .msgedit{border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;background:var(--surface);font-size:14.5px;line-height:1.55;min-height:110px}
.n5 .msgedit .tk{font:500 12.5px var(--f-mono);background:var(--gold-bg);color:var(--gold-ink);padding:1px 6px;border-radius:5px}
.n5 .bubble{background:#DCF8C6;border-radius:12px 12px 12px 3px;padding:10px 12px;font-size:14px;line-height:1.45;color:#111;max-width:320px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.n5 .bubble .bt{display:block;text-align:center;color:#0B6E99;border-top:1px solid rgba(0,0,0,.08);margin:8px -12px -4px;padding-top:8px;font-weight:600}
.n5 .waback{background:#ECE5DD;border-radius:12px;padding:14px;display:grid;gap:8px}
.n5 .fld{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line-soft);min-height:60px}
.n5 .fld small{color:var(--text-3);font-size:12.5px}
.n5 .fld .mv{display:flex;gap:2px;grid-row:1/span 2;grid-column:2}
.n5 .fld .mv button{all:unset;box-sizing:border-box;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--text-2);cursor:pointer}
.n5 .fld .mv button:hover{background:var(--sunken)}
.n5 .fld .mv button[disabled]{opacity:.35}
.n5 .fld .mv svg.i{width:16px;height:16px}
.n5 .row.wrap .pill{white-space:normal;height:auto;min-height:28px;padding-block:4px;max-width:100%}
.n5.n5 .iconbtn .dot{background:#C94A26}
.n5.n5 .cartbar .btn.btn{background:#C94A26;border-color:#C94A26;color:#fff}
.n5 .s5{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.n5 .g2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.n5 .g2>*,.n5 .g3>*{min-width:0}
.n5 .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.n5 .kick{font:600 11.5px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .coral{color:var(--gold-ink)}
.n5 .tight{margin:0}
.n5 .ic5{width:36px;height:36px;border-radius:10px;background:var(--gold-bg);color:var(--gold-ink);display:grid;place-items:center;flex:none}
.n5 .ic5 svg.i{width:18px;height:18px}
.n5 .lead5{display:flex;gap:12px;align-items:flex-start;min-width:0}
.n5 .lead5>div{min-width:0}
.n5 .lead5 b{display:block;font-size:15px}
.n5 .lead5 small{display:block;color:var(--text-2);font-size:13px;line-height:1.4}
.n5 .gapcard{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 18px;align-items:center}
.n5 .gapcard .tm{font:700 34px/1 var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.n5 .gapcard .tm small{display:block;font:500 12.5px var(--f-ui);color:#C8CDD1;margin-top:6px;letter-spacing:0}
.n5 .gapcard b{font-size:16px;display:block}
.n5 .gapcard p{margin:2px 0 0;color:#C8CDD1;font-size:13.5px;line-height:1.4}
.n5 .gapcard .btn{background:transparent;border-color:rgba(255,255,255,.45);color:#fff;height:44px}
.n5 .gapcard .btn:hover{background:rgba(255,255,255,.08)}
.n5 .gapcard .live{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#FFD7C9;font-weight:600;margin-bottom:4px}
.n5 .gapcard .live i{width:8px;height:8px;border-radius:50%;background:#E35A33;box-shadow:0 0 0 4px rgba(227,90,51,.25)}
@media (prefers-reduced-motion:no-preference){
.n5 .gapcard .live i{animation:pulse5 1.6s ease-in-out infinite}
}
@keyframes pulse5{50%{box-shadow:0 0 0 7px rgba(227,90,51,.08)}}
.n5 .ladder{list-style:none;margin:0;padding:6px 0}
.n5 .ladder li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 16px;min-height:60px;position:relative}
.n5 .ladder li::before{content:"";position:absolute;left:29px;top:0;bottom:0;width:2px;background:var(--line)}
.n5 .ladder li:first-child::before{top:50%}
.n5 .ladder li:last-child::before{bottom:50%}
.n5 .ladder .n{width:28px;height:28px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);display:grid;place-items:center;font:700 12px var(--f-ui);color:var(--text-2);position:relative;z-index:1}
.n5 .ladder li.now .n{background:#E35A33;border-color:#E35A33;color:#fff}
.n5 .ladder li.done .n{background:var(--sunken);color:var(--text-3)}
.n5 .ladder b{display:block;font-size:14.5px}
.n5 .ladder small{display:block;color:var(--text-3);font-size:12.5px;line-height:1.35}
.n5 .ladder li.now{background:var(--sel)}
.n5 .ladder .chip{justify-self:end}
.n5 .wl{list-style:none;margin:0;padding:0}
.n5 .wl li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);min-height:64px}
.n5 .wl li:last-child{border-bottom:0}
.n5 .wl .nav{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font:700 13px var(--f-ui)}
.n5 .wl b{display:block;font-size:14.5px;overflow-wrap:anywhere}
.n5 .wl small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .wl .tags{grid-column:2/-1;display:flex;gap:6px;flex-wrap:wrap}
.n5 .wl .btn{height:40px}
.n5 .autos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.n5 .auto{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;display:grid;gap:12px;align-content:start;min-width:0}
.n5 .auto.on{border-color:var(--line-strong)}
.n5 .auto header{display:flex;gap:12px;align-items:flex-start}
.n5 .auto header>div{flex:1;min-width:0}
.n5 .auto header b{display:block;font-size:15.5px}
.n5 .auto header small{display:block;color:var(--text-2);font-size:13px;line-height:1.4}
.n5 .aud{display:grid;gap:6px}
.n5 .audbar{height:10px;border-radius:5px;background:var(--sunken);overflow:hidden;display:flex}
.n5 .audbar i{display:block;height:100%}
.n5 .audbar .y{background:var(--ok)}
.n5 .audbar .n{background:repeating-linear-gradient(135deg,var(--line-strong) 0 4px,var(--sunken) 4px 8px)}
.n5 .audkey{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-2)}
.n5 .audkey span{display:inline-flex;align-items:center;gap:6px}
.n5 .audkey i{width:10px;height:10px;border-radius:3px;display:inline-block}
.n5 .res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.n5 .res div{background:var(--sunken);border-radius:10px;padding:8px 10px;min-width:0}
.n5 .res small{display:block;color:var(--text-3);font-size:11.5px}
.n5 .res b{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.n5 .auto .row{display:flex;gap:8px;flex-wrap:wrap}
.n5 .auto .row .btn{flex:1 1 120px}
.n5 .rule{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--text-2)}
.n5 .rule .pill{background:var(--surface);border:1px solid var(--line-strong);color:var(--text)}
.n5 .waprev{background:#EFE7DD;border-radius:14px;padding:14px;display:grid;gap:8px;justify-items:start}
.n5 .waprev .bubble{background:#fff;border-radius:4px 12px 12px 12px;max-width:100%}
.n5 .waprev .bubble time{display:block;text-align:end;font-size:10.5px;color:#667781;margin-top:3px}
.n5 .waprev .me{justify-self:end;background:#D9FDD3;border-radius:12px 4px 12px 12px}
.n5 .waprev .bt{color:#027EB5}
.n5 .tok{display:inline-block;background:var(--gold-bg);color:var(--gold-ink);border-radius:6px;padding:0 5px;font-weight:600;font-size:.95em}
.n5 .mplans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.n5 .mplan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:grid;gap:10px;align-content:start;min-width:0}
.n5 .mplan .kind{display:flex;align-items:center;justify-content:space-between;gap:8px}
.n5 .mplan h3{margin:0;font:700 18px/1.25 var(--f-ui)}
.n5 .mplan .price{font:700 26px/1 var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.n5 .mplan .price small{font:500 13px var(--f-ui);color:var(--text-3);letter-spacing:0}
.n5 .mplan ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px;color:var(--text-2)}
.n5 .mplan li{display:flex;gap:8px;align-items:flex-start}
.n5 .mplan li svg.i{width:16px;height:16px;color:var(--ok);flex:none;margin-top:2px}
.n5 .mplan .stat{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3);border-top:1px solid var(--line-soft);padding-top:10px}
.n5 .mplan .stat b{color:var(--text)}
.n5 .punch{display:flex;gap:6px;flex-wrap:wrap}
.n5 .punch i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);display:inline-block}
.n5 .punch i.used{background:var(--ink);border-color:var(--ink)}
.n5 .punch.sm i{width:14px;height:14px;border-width:1.5px}
.n5 .onbill{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.n5 .onbill b{font-size:14.5px}
.n5 .onbill small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .onbill.use{background:var(--sel);border-color:#F2C9B8}
.n5 .onbill .btn{height:40px}
.n5 .pts{display:flex;align-items:center;gap:12px}
.n5 .pts .ring{width:56px;height:56px;border-radius:50%;background:conic-gradient(#E35A33 0 90%,var(--sunken) 90% 100%);display:grid;place-items:center;flex:none}
.n5 .pts .ring span{width:42px;height:42px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font:700 12px var(--f-ui)}
.n5 .mini-till{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--canvas)}
.n5 .mini-till .mh{background:var(--ink);color:#fff;padding:10px 14px;font-size:13px;display:flex;justify-content:space-between;gap:10px}
.n5 .mini-till .mb{padding:12px;display:grid;gap:8px}
.n5 .mini-till .tl{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:2px 2px}
.n5 .mini-till .tl.tot{font-weight:700;font-size:15px;border-top:1px solid var(--line);padding-top:8px}
.n5 .mini-till s{color:var(--text-3)}
.n5 .formlist a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);color:var(--text);min-height:60px}
.n5 .formlist a:hover{text-decoration:none;background:var(--hover)}
.n5 .formlist a.on{background:var(--sel)}
.n5 .formlist a:last-child{border-bottom:0}
.n5 .formlist b{font-size:14.5px}
.n5 .formlist small{grid-column:2;color:var(--text-3);font-size:12.5px}
.n5 .formlist .ic5{grid-row:1/span 2}
.n5 .qs{display:grid;gap:0}
.n5 .q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:12px 16px;border-bottom:1px solid var(--line-soft);align-items:center}
.n5 .q:last-child{border-bottom:0}
.n5 .q>span{font-size:14px;min-width:0}
.n5 .q>span small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .q .ans{font-weight:700;font-size:14px;text-align:end}
.n5 .q .ans.flag{color:var(--bad)}
.n5 .q .note5{grid-column:1/-1;background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:8px 10px;font-size:13px}
.n5 .yn{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}
.n5 .yn a{padding:0 14px;height:36px;display:grid;place-items:center;font-weight:600;font-size:13.5px;color:var(--text-2)}
.n5 .yn a.on{background:var(--ink);color:#fff}
.n5 .patch{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.n5 .sigdone{height:120px;border:1px solid var(--line);border-radius:12px;background:var(--surface);position:relative}
.n5 .sigdone svg{position:absolute;inset:8px 12px 30px;width:calc(100% - 24px);height:calc(100% - 38px)}
.n5 .sigdone small{position:absolute;left:12px;right:12px;bottom:8px;color:var(--text-3);font-size:12px;border-top:1px solid var(--line);padding-top:6px}
.n5 .bpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.n5 .shot{aspect-ratio:1/1;border-radius:12px;background:var(--sunken);border:1px dashed var(--line-strong);display:grid;place-items:center;text-align:center;color:var(--text-3);font-size:12.5px;position:relative;padding:8px}
.n5 .shot svg.i{width:26px;height:26px;display:block;margin:0 auto 6px}
.n5 .shot .tag5{position:absolute;top:8px;inset-inline-start:8px;background:var(--ink);color:#fff;border-radius:6px;padding:2px 8px;font:600 11.5px var(--f-ui)}
.n5 .okpost{display:flex;flex-wrap:wrap;gap:6px}
.n5 .roster{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:760px}
.n5 .roster th{font:600 11.5px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);text-align:start;padding:10px 8px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0}
.n5 .roster td{padding:6px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.n5 .roster td:first-child{padding:10px 12px;white-space:nowrap}
.n5 .roster td:first-child b{display:block;font-size:14px}
.n5 .roster td:first-child small{color:var(--text-3);font-size:12px}
.n5 .shift{display:block;border-radius:8px;padding:6px 8px;font-weight:600;font-size:12.5px;line-height:1.3;background:var(--sunken);color:var(--text)}
.n5 .shift small{display:block;font-weight:500;color:var(--text-3);font-size:11.5px}
.n5 .shift.off{background:transparent;color:var(--text-3);font-weight:500;border:1px dashed var(--line)}
.n5 .shift.leave{background:var(--info-bg);color:var(--info)}
.n5 .shift.busy{background:var(--gold-bg)}
.n5 .rwrap{overflow-x:auto}
.n5 .dayl{list-style:none;margin:0;padding:0}
.n5 .dayl li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line-soft);min-height:60px}
.n5 .dayl li:last-child{border-bottom:0}
.n5 .dayl b{font-size:14.5px}
.n5 .dayl small{grid-column:2;color:var(--text-3);font-size:12.5px}
.n5 .dayl .nav{grid-row:1/span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font:700 13px var(--f-ui)}
.n5 .comm td,.n5 .comm th{white-space:nowrap}
.n5 .comm td.who{white-space:normal}
.n5 .backbar li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 16px;border-bottom:1px solid var(--line-soft);align-items:center}
.n5 .backbar{list-style:none;margin:0;padding:0}
.n5 .backbar li:last-child{border-bottom:0}
.n5 .backbar b{font-size:14px;display:block}
.n5 .backbar small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .use5{grid-column:1/-1;height:8px;border-radius:4px;background:var(--sunken);position:relative;overflow:visible}
.n5 .use5 i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--ok)}
.n5 .use5 i.over{background:var(--warn)}
.n5 .use5 em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text)}
.n5 .mystat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.n5 .mystat>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;min-width:0}
.n5 .mystat small{display:block;font:600 11.5px var(--f-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}
.n5 .mystat b{display:block;font:700 24px/1.15 var(--f-ui);margin-top:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.n5 .mystat span{font-size:12.5px;color:var(--text-2)}
.n5 .only-staff{display:none}
.n5 [data-view="staff"] .only-staff{display:block}
.n5 [data-view="staff"] .only-owner{display:none}
.n5 .recgate{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}
.n5 .recgate>div{flex:1;min-width:0}
.n5 .recgate b{display:block;font-size:16px}
.n5 .recgate small{display:block;color:var(--text-2);font-size:13px;line-height:1.4}
.n5 .convo{list-style:none;margin:0;padding:0}
.n5 .convo li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px;padding:12px 16px;border-bottom:1px solid var(--line-soft);align-items:start}
.n5 .convo li:last-child{border-bottom:0}
.n5 .convo li.on{background:var(--sel)}
.n5 .convo .src5{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sunken);color:var(--text)}
.n5 .convo .src5 svg.i{width:18px;height:18px}
.n5 .convo b{font-size:14.5px;display:block}
.n5 .convo small{display:block;color:var(--text-3);font-size:12.5px;line-height:1.4}
.n5 .convo p{margin:4px 0 0;font-size:13.5px;color:var(--text-2);line-height:1.4;overflow-wrap:anywhere}
.n5 .convo time{font-size:12px;color:var(--text-3);white-space:nowrap}
.n5 .convo .tags{grid-column:2/-1;display:flex;gap:6px;flex-wrap:wrap}
.n5 .can{list-style:none;margin:0;padding:0}
.n5 .can li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:10px 16px;border-bottom:1px solid var(--line-soft);font-size:13.5px;align-items:start}
.n5 .can li:last-child{border-bottom:0}
.n5 .can li svg.i{width:18px;height:18px;margin-top:1px}
.n5 .can .y svg.i{color:var(--ok)}
.n5 .can .n svg.i{color:var(--bad)}
.n5 .can small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .thread{display:grid;gap:8px;padding:14px;background:#EFE7DD;border-radius:0 0 var(--r-lg) var(--r-lg)}
.n5 .thread .bubble{background:#fff;border-radius:4px 12px 12px 12px;max-width:88%}
.n5 .thread .bubble.me{justify-self:end;background:#D9FDD3;border-radius:12px 4px 12px 12px}
.n5 .thread .sys{justify-self:center;background:rgba(255,255,255,.75);border-radius:8px;padding:4px 10px;font-size:12px;color:#54656F;text-align:center}
.n5 .thread .bubble time{display:block;text-align:end;font-size:10.5px;color:#667781;margin-top:3px}
.n5 .thread .ai{display:inline-flex;align-items:center;gap:4px;font:600 11px var(--f-ui);color:#B8431C;margin-bottom:2px}
.n5 .thread .ai svg.i{width:12px;height:12px}
@media (max-width:1100px){
.n5 .autos,.n5 .mplans{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.n5 .g3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:760px){
.n5 .g2,.n5 .g3,.n5 .autos,.n5 .mplans,.n5 .patch{grid-template-columns:minmax(0,1fr)}
.n5 .gapcard{grid-template-columns:minmax(0,1fr);padding:16px}
.n5 .gapcard .tm{font-size:30px}
.n5 .gapcard .btn{width:100%}
.n5 .mystat{grid-template-columns:repeat(2,minmax(0,1fr))}
.n5 .mystat b{font-size:21px}
.n5 .res b{font-size:15px}
.n5 .wl li,.n5 .convo li{grid-template-columns:40px minmax(0,1fr)}
.n5 .wl li>.btn,.n5 .wl li>.acts5,.n5 .convo li>time{grid-column:2}
.n5 .wl li>.btn,.n5 .wl li>.chip{justify-self:start}
.n5 .wl li>.chip{grid-column:2}
.n5 .panel>header:has(.filter){flex-wrap:wrap;row-gap:8px}
.n5 .convo li>time{grid-row:auto}
.n5 .q{grid-template-columns:minmax(0,1fr)}
.n5 .q .ans{text-align:start}
}
@media (max-width:360px){
.n5 .res{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.n5 .res div:last-child{grid-column:1/-1}
.n5 .mystat b{font-size:19px}
}
@media (max-width:760px){
.n5 .page .btn,.n5 .page select,.n5 .page .filter,.n5 .page .yn a{min-height:44px}
.n5 .page .set select{height:44px}
.n5 .page .tog{border:9px solid transparent;background-clip:padding-box;box-sizing:content-box;margin:-9px}
.n5 .page .tog::after{top:3px}
}
.n5 .body b[data-money],.n5 .faint b[data-money]{white-space:nowrap}
@media (max-width:760px){
.n5 .mob-only .toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.n5 .mob-only .toolbar .filter{flex:none}
}
.n5 .waprev .tok{background:#FBE6DD;color:#B8431C}
.n5 .ladder li.now .n{background:#C94A26;border-color:#C94A26}
.n5 .waprev .bubble time,.n5 .thread .bubble time{color:#5B6B74}
.n5 .shift.busy small{color:var(--text-2)}
.n5 .alert.bad a{color:inherit;text-decoration:underline}
.n5 .g7{display:grid;gap:16px;align-items:start}
.n5 .g7>*{min-width:0}
@media (min-width:1000px){
.n5 .g7{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.n5 .g7.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
.n5 .s7{display:grid;gap:16px;align-content:start}
.n5 .s7>*{min-width:0}
.n5 .ref7{border-radius:var(--r-lg,16px);background:#191E22;color:#fff;padding:22px;border:1px solid rgba(255,255,255,.08);display:grid;gap:16px}
.n5 .ref7 .big{font:700 40px/1 var(--f-ui);letter-spacing:-1px}
.n5 .ref7 .big small{font:600 15px var(--f-ui);letter-spacing:0;color:#C9CDD2;margin-inline-start:8px}
.n5 .ref7 p{margin:0;color:#D5D9DE;font-size:14px;line-height:1.45}
.n5 .ref7 .months{display:flex;gap:8px;flex-wrap:wrap}
.n5 .ref7 .months span{height:34px;padding:0 12px;border-radius:17px;display:inline-flex;align-items:center;gap:6px;font:600 13px var(--f-ui);background:rgba(255,255,255,.1);color:#fff}
.n5 .ref7 .months span.used{background:transparent;border:1px dashed rgba(255,255,255,.35);color:#C9CDD2}
.n5 .ref7 .months span.wait{background:#fff;color:#191E22}
.n5 .ref7 .kick7{font:600 12px var(--f-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#FFB49A}
.n5 [data-client="mibiz"] .ref7{background:#0B3B36}
.n5 [data-client="mibiz"] .ref7 .kick7{color:#FFD1A8}
.n5 .link7{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:12px;padding:6px 6px 6px 14px;background:var(--surface);min-width:0}
.n5 .link7 b{font:600 15px var(--f-mono,monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.n5 .share7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.n5 .share7 .btn{justify-content:center;min-height:48px}
.n5 .wa7{background:#E7F3EC;border-radius:14px;padding:14px;display:grid;gap:8px}
.n5 .wa7 .bub{background:#fff;border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:14px;line-height:1.45;color:#141820;max-width:100%;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.n5 .wa7 small{color:var(--text-3);font-size:12.5px}
.n5 .how7{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:h7}
.n5 .how7 li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;font-size:14.5px;line-height:1.45}
.n5 .how7 li::before{counter-increment:h7;content:counter(h7);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 15px var(--f-ui);background:var(--primary-soft,#FBE4DC);color:var(--primary-ink,#8A2E14)}
.n5 .how7 b{display:block;font-size:15px}
.n5 .how7 small{color:var(--text-2);font-size:13px}
.n5 [data-client="mibiz"] .how7 li::before{background:#DDEFEB;color:#0B3B36}
.n5 .fr7{list-style:none;margin:0;padding:0}
.n5 .fr7 li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line-soft)}
.n5 .fr7 li:first-child{border-top:0}
.n5 .fr7 .av{width:40px;height:40px;font-size:14px}
.n5 .fr7 b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n5 .fr7 small{display:block;color:var(--text-3);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n5 .fr7 .chip{white-space:nowrap}
@media (max-width:420px){
.n5 .fr7 li{grid-template-columns:40px minmax(0,1fr)}
.n5 .fr7 li .chip{grid-column:2;justify-self:start;margin-top:2px}
}
.n5 .ledger7 div{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--line-soft);font-size:14px}
.n5 .ledger7 div:first-child{border-top:0}
.n5 .ledger7 span:last-child{white-space:nowrap;font-weight:600}
.n5 .fine7{font-size:13px;color:var(--text-2);line-height:1.5;margin:0}
.n5 .join7{max-width:560px;margin:0 auto;padding:calc(20px + var(--sat,0px)) 20px calc(120px + var(--sab,0px));display:grid;gap:18px}
.n5 .join7 .jtop{display:flex;align-items:center;gap:10px}
.n5 .join7 .jtop img{height:30px}
.n5 .join7 .jtop span{font:600 12px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding-left:10px;border-left:1px solid var(--line)}
.n5 .join7 .inv{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
.n5 .join7 .inv .av{width:48px;height:48px;font-size:16px;flex:none}
.n5 .join7 .inv b{display:block;font-size:15px}
.n5 .join7 .inv small{color:var(--text-2);font-size:13.5px}
.n5 .join7 h1{font:700 34px/1.08 var(--f-ui);letter-spacing:-.8px;margin:0}
.n5 .join7 h1 em{font-style:normal;color:var(--primary-text,#B5401F)}
.n5 [data-client="mibiz"] .join7 h1 em{color:#006256}
.n5 .join7 .lede{font-size:16px;line-height:1.5;color:var(--text-2);margin:0}
.n5 .join7 .ticks7{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.n5 .join7 .ticks7 li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
.n5 .join7 .ticks7 li::before{content:"";width:20px;height:20px;flex:none;margin-top:1px;border-radius:50%;background:var(--ok-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7A45' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}
.n5 .join7 .go{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:12px 20px calc(12px + var(--sab,0px));display:grid;gap:6px;z-index:5}
.n5 .join7 .go .btn{height:52px;justify-content:center;font-size:16px;width:100%;max-width:520px;justify-self:center}
.n5 .join7 .go small{text-align:center;color:var(--text-3);font-size:12.5px}
@media (min-width:760px){
.n5 .join7 .go{position:static;border:0;padding:0;background:transparent}
.n5 .join7{padding-bottom:40px}
}
.n5 .eod7 .cnt{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid var(--line-soft)}
.n5 .eod7 .cnt:first-child{border-top:0}
.n5 .eod7 .cnt b{font-size:14.5px}
.n5 .eod7 .cnt small{display:block;color:var(--text-3);font-size:12.5px}
.n5 .eod7 .inp{height:48px;border:1px solid var(--line-strong);border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font:600 16px var(--f-mono,monospace);background:var(--surface);color:var(--text)}
.n5 .eod7 .inp.ph{color:var(--text-3);font-weight:500}
.n5 .blind7{display:flex;gap:12px;align-items:flex-start;background:var(--sunken);border-radius:12px;padding:14px;font-size:14px;line-height:1.45}
.n5 .blind7 b{display:block}
.n5 .diff7{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;font-weight:600}
.n5 .diff7.ok{background:var(--ok-bg);color:var(--ok)}
.n5 .diff7.warn{background:var(--warn-bg);color:var(--warn)}
.n5 .lst7{list-style:none;margin:0;padding:0}
.n5 .lst7 li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--line-soft);min-height:60px}
.n5 .lst7 li:first-child{border-top:0}
.n5 .lst7 .av{width:40px;height:40px;font-size:14px}
.n5 .lst7 b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n5 .lst7 small{display:block;color:var(--text-3);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n5 .lst7 .r{text-align:right;white-space:nowrap}
.n5 .lst7 .r b{font-size:14px}
.n5 .lst7 .r small{font-size:12px}
.n5 .lst7 .thumb{width:40px;height:40px;border-radius:10px;background:var(--sunken);display:flex;align-items:center;justify-content:center}
.n5 .bar7{height:6px;border-radius:3px;background:var(--line);overflow:hidden;width:72px;margin-left:auto;margin-top:6px}
.n5 .bar7 i{display:block;height:100%;background:var(--primary)}
.n5 .bar7.low i{background:var(--bad)}
.n5 .views7{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0 -2px}
.n5 .views7::-webkit-scrollbar{display:none}
.n5 .views7 .filter{flex:none}
.n5 .kp7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:1000px){
.n5 .kp7{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.n5 .kp7 .k{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.n5 .kp7 .k label{display:block;font:600 12px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .kp7 .k b{display:block;font:700 24px/1.2 var(--f-ui);margin-top:6px;letter-spacing:-.4px}
.n5 .kp7 .k small{display:block;font-size:12.5px;color:var(--text-2);margin-top:2px}
.n5 .kp7 .k small.up{color:var(--ok)}
.n5 .kp7 .k small.dn{color:var(--bad)}
.n5 .wk7{display:flex;align-items:flex-end;gap:6px;height:120px;padding:10px 16px 0}
.n5 .wk7 div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.n5 .wk7 i{display:block;width:100%;max-width:34px;border-radius:6px 6px 2px 2px;background:var(--primary-soft,#F4C9BA)}
.n5 .wk7 i.on{background:var(--primary)}
.n5 .wk7 span{font-size:12px;color:var(--text-3)}
.n5 .rep7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 16px}
@media (min-width:700px){
.n5 .rep7{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.n5 .rep7 a{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;color:inherit;min-height:72px}
.n5 .rep7 a b{font-size:14px}
.n5 .rep7 a small{font-size:12.5px;color:var(--text-3)}
.n5 .set7nav{display:none}
@media (min-width:1000px){
.n5 .set7{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.n5 .set7nav{display:grid;gap:2px;position:sticky;top:90px}
.n5 .set7nav a{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text-2);font-size:14px}
.n5 .set7nav a.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}
}
.n5 .sec7{scroll-margin-top:90px}
.n5 .sec7 .set{min-height:60px}
.n5 .q7{list-style:none;margin:0;padding:0}
.n5 .q7 li{border-top:1px solid var(--line-soft)}
.n5 .q7 li:first-child{border-top:0}
.n5 .q7 button{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;min-height:52px;font-size:14.5px;cursor:pointer}
.n5 .q7 button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
.n5 .q7 .ans{padding:0 16px 16px;font-size:14.5px;line-height:1.5;color:var(--text)}
.n5 .q7 .ans .big{font:700 26px var(--f-ui);display:block;margin-bottom:4px}
.n5 .q7 .ans .btn{margin-top:10px}
@media (pointer:coarse),(max-width:760px){
.n5 .tog{border:9px solid transparent;background-clip:padding-box;box-sizing:content-box;margin:-9px}
}
.n5 .billsum{display:grid;gap:8px}
.n5 .billsum div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.n5 .billsum .tot{border-top:1px solid var(--line);padding-top:8px;font-weight:700;font-size:16px}
.n5 :not([data-view="staff"]) .only-staff{display:none!important}
.n5 [data-view="staff"] .only-owner{display:none!important}
.n5 [data-view="staff"] .blind7.only-staff{display:flex!important}
.n5 .join7{grid-template-columns:minmax(0,1fr)}
.n5 [data-client="mibiz"] .join7 .jtop img{height:22px}
.n5 .join7 .jtop span{white-space:nowrap}
.n5 .feat7{list-style:none;margin:0;padding:0}
.n5 .feat7 li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line-soft);min-height:64px}
.n5 .feat7 li:first-child{border-top:0}
.n5 .feat7 .ic7{width:40px;height:40px;border-radius:10px;background:var(--sunken);display:flex;align-items:center;justify-content:center}
.n5 .feat7 b{display:block;font-size:14.5px}
.n5 .feat7 small{display:block;color:var(--text-2);font-size:12.5px;line-height:1.4}
.n5 .feat7 .pr{display:inline-block;margin-top:4px;font:600 12px var(--f-ui);color:var(--text-3)}
.n5 .feat7 li.off b,.n5 .feat7 li.off .ic7{opacity:.55}
.n5 .feat7 .lockd{font:600 12px var(--f-ui);color:var(--text-3);white-space:nowrap}
.n5 .plan7{border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:16px;display:grid;gap:10px}
.n5 .plan7 .now{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.n5 .plan7 .now b{font:700 26px var(--f-ui);letter-spacing:-.4px}
.n5 .plan7 .now span{font-size:13px;color:var(--text-2)}
.n5 .bar7p{display:flex;gap:6px;background:var(--sunken);border-radius:12px;padding:8px}
.n5 .bar7p span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--text-2);padding:6px 0;border-radius:8px}
.n5 .bar7p span.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.n5 .pick7{display:grid;gap:12px}
@media (min-width:760px){
.n5 .pick7{grid-template-columns:1fr 1fr}
}
.n5 .pick7 label{display:grid;gap:8px;border:2px solid var(--line);border-radius:16px;padding:18px;background:var(--surface);cursor:pointer;position:relative}
.n5 .pick7 label.on{border-color:var(--text);box-shadow:0 0 0 3px rgba(25,30,34,.08)}
.n5 .pick7 label b{font-size:18px}
.n5 .pick7 .price7{font:700 22px var(--f-ui)}
.n5 .pick7 .price7 small{font:500 13px var(--f-ui);color:var(--text-2)}
.n5 .pick7 ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px}
.n5 .pick7 ul li{display:flex;gap:8px}
.n5 .pick7 ul li::before{content:"✓";color:var(--ok);font-weight:700}
.n5 .pick7 .rad{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong)}
.n5 .pick7 label.on .rad{border:7px solid var(--text)}
.n5 .plan7 .now{flex-wrap:wrap}
@media (max-width:999px){
.n5 .g7>.first7{order:-1}
}
.n5 .soon8{display:flex;gap:12px;align-items:flex-start;background:var(--info-bg);color:var(--text);border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.45}
.n5 .soon8 b{display:block;font-size:14px}
.n5 .soon8 [data-i]{color:var(--info);flex:none;margin-top:2px}
.n5 .wkp8{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);gap:10px;overflow-x:auto;scrollbar-width:none;padding:14px 16px;scroll-snap-type:x mandatory}
.n5 .wkp8::-webkit-scrollbar{display:none}
.n5 .wkp8 a{scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:12px;padding:8px;min-width:0;background:var(--surface)}
.n5 .wkp8 a.on{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}
.n5 .wkp8 .d{font:600 12px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .wkp8 img,.n5 .wkp8 .rest{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;display:block;background:var(--sunken)}
.n5 .wkp8 .rest{display:flex;align-items:center;justify-content:center;font-size:12.5px;color:var(--text-3)}
.n5 .wkp8 b{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.n5 .wkp8 .chip{align-self:flex-start}
.n5 .chip.free8{color:var(--ok);background:var(--ok-bg)}
.n5 .post8{display:grid;gap:16px;padding:16px}
@media (min-width:620px){
.n5 .post8{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
}
.n5 .ig8{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;color:#141820;align-self:start}
.n5 .ig8 .h{display:flex;align-items:center;gap:8px;padding:8px 10px;font:600 13px var(--f-ui)}
.n5 .ig8 .h i{width:26px;height:26px;border-radius:50%;background:#191E22;flex:none}
.n5 .ig8 img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.n5 .ig8 p{margin:0;padding:10px;font-size:13px;line-height:1.45}
.n5 .ig8 p b{font-weight:600}
.n5 .ed8{display:grid;gap:12px;min-width:0;align-content:start}
.n5 .ed8 label{font:600 12px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.n5 .cap8{border:1px solid var(--line-strong);border-radius:12px;padding:12px;font-size:15px;line-height:1.5;background:var(--surface);min-height:120px}
.n5 .tone8{display:flex;gap:8px;flex-wrap:wrap}
.n5 .tone8 button{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:500 14px var(--f-ui);cursor:pointer}
.n5 .tone8 button[aria-pressed="true"]{background:var(--text);color:var(--surface);border-color:var(--text)}
.n5 .share8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.n5 .share8 .btn{justify-content:center;min-height:48px;height:auto}
.n5 .fine8{font-size:12.5px;color:var(--text-3);line-height:1.45;margin:0}
.n5 .lst7 .thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.n5 .prog8{display:grid;gap:8px;padding:16px}
.n5 .prog8 .top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.n5 .prog8 .top b{font:700 32px/1 var(--f-ui);letter-spacing:-.8px}
.n5 .prog8 .top b small{font:600 15px var(--f-ui);letter-spacing:0;color:var(--text-3);margin-inline-start:6px}
.n5 .prog8 .bar{height:10px;border-radius:5px;background:var(--line);overflow:hidden}
.n5 .prog8 .bar i{display:block;height:100%;background:var(--ok);border-radius:5px}
.n5 .chk8{list-style:none;margin:0;padding:0}
.n5 .chk8 li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--line-soft);min-height:60px}
.n5 .chk8 .c{width:26px;height:26px;border-radius:50%;border:2px solid var(--line-strong);display:flex;align-items:center;justify-content:center}
.n5 .chk8 li.done .c{background:var(--ok);border-color:var(--ok);color:#fff}
.n5 .chk8 li.done .c svg{width:15px;height:15px}
.n5 .chk8 b{display:block;font-size:14.5px}
.n5 .chk8 small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px;line-height:1.4}
.n5 .chk8 li.done b{color:var(--text-2);font-weight:500}
.n5 .chk8 .btn{min-height:40px}
.n5 .hb8{display:grid;gap:12px;padding:14px 16px}
.n5 .hb8 div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;font-size:14px}
.n5 .hb8 div b{font-variant-numeric:tabular-nums}
.n5 .hb8 div i{grid-column:1/-1;height:8px;border-radius:4px;background:var(--line);overflow:hidden;display:block}
.n5 .hb8 div i s{display:block;height:100%;background:var(--primary);border-radius:4px}
.n5 .stars8{display:flex;align-items:baseline;gap:10px;padding:14px 16px 4px}
.n5 .stars8 b{font:700 32px/1 var(--f-ui);letter-spacing:-.8px}
.n5 .stars8 span{color:#D9A21B;font-size:18px;letter-spacing:2px}
.n5 .stars8 small{color:var(--text-3);font-size:13px}
.n5 .q8{list-style:none;margin:0;padding:0 16px 14px;display:flex;flex-wrap:wrap;gap:8px}
.n5 .q8 li{border:1px solid var(--line);border-radius:18px;padding:6px 12px;font-size:13px;background:var(--surface)}
@media (max-width:420px){
.n5 .share8 .btn{font-size:13.5px;padding:0 8px}
}
.n5 .wrap8 small{white-space:normal;overflow:visible;text-overflow:clip}
.n5 .done8 summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-top:1px solid var(--line-soft);font:600 14px var(--f-ui);color:var(--text-2)}
.n5 .done8 summary::-webkit-details-marker{display:none}
.n5 .done8 summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 0 0 4px}
.n5 .done8[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.n5 .done8[open] summary{color:var(--text)}
@media (min-width:1200px){
.n5 .wkp8{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (max-width:1199px){
.n5 .wkp8{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
}
.n5 .card8{width:100%;aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:10px;background:#0B3B36;color:#fff;font:700 13px/1.2 var(--f-ui);overflow:hidden}
.n5 .card8 small{font:600 10px/1.2 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.n5 .card8.sand{background:#EFE6D2;color:#173B36}
.n5 .card8.coral{background:#B8432A;color:#fff}
.n5 .card8 .st{color:#F2C14E;letter-spacing:1px;font-size:12px}
.n5 .ig8 .card8{border-radius:0;padding:22px;font-size:24px;gap:10px}
.n5 .ig8 .card8 small{font-size:12px}
.n5 .ig8 .card8 .st{font-size:20px}
.n5 .card8.sand .st{color:#8A5A00}
.n5 .wkp8 .card8{font-size:12px;padding:8px}
.n5 .wkp8 .card8 .st{font-size:10px}