:root{--bg-subtle:#F9FAFB;--bg-base:#FFFFFF;--bg-component:#FBFBFB;--bg-hover:#F4F4F5;--bg-pressed:#ECECEE;--border-base:#E4E4E7;--border-strong:#D4D4D8;--fg-base:#18181B;--fg-subtle:#52525B;--fg-muted:#A0A0AB;--brand:#4F46E5;--brand-bg:#ECEBFB;--avito:#7C4DFF;--avito-bg:#EFE9FF;--tg:#2AA6E5;--tg-bg:#E4F2FB;--green-bg:#E3F4E9;--green-dot:#3B9F6B;--orange-bg:#FCF1E0;--orange-dot:#E0A53B;--red-bg:#FBE9EA;--red-dot:#E0444E;--blue-bg:#E7F0FE;--blue-dot:#3B82F6;--purple-bg:#EFEBFB;--purple-dot:#7C5CFC;--grey-bg:#F1F1F3;--grey-dot:#A0A0AB;--shadow-card:0 1px 2px rgba(17,24,39,.05);--shadow-btn:0 1px 2px rgba(17,24,39,.06),inset 0 1px 0 rgba(255,255,255,.7);--shadow-pop:0 8px 28px rgba(17,24,39,.12),0 2px 6px rgba(17,24,39,.06);--r-sm:6px;--r-md:8px;--r-lg:12px;--bg-field:#FFFFFF}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg-subtle);color:var(--fg-base);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::-moz-selection{background:var(--brand-bg)}::selection{background:var(--brand-bg)}.mono{font-family:Roboto Mono,ui-monospace,monospace;font-feature-settings:"tnum"}.app{display:grid;grid-template-columns:248px 1fr;height:100vh;height:100dvh;overflow:hidden}.side{background:var(--bg-base);border-right:1px solid var(--border-base);display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:10px;padding:16px 16px 10px}.brand .mark{width:30px;height:30px;border-radius:8px;flex:0 0 auto;background:#18181B;display:grid;place-items:center;color:#fff;font-weight:700;font-size:10px;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.brand b{font-size:14px;font-weight:600;letter-spacing:.02em}.brand span{display:block;font-size:11.5px;color:var(--fg-muted);font-weight:500;margin-top:-1px}.storefront{margin:4px 12px 10px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border-base);border-radius:var(--r-sm);background:var(--bg-component);font-size:12.5px;color:var(--fg-subtle);font-weight:500}.storefront svg{width:14px;height:14px;color:var(--fg-muted)}.storefront .dot{width:7px;height:7px;border-radius:50%;background:var(--green-dot);box-shadow:0 0 0 3px var(--green-bg);margin-left:auto}.nav{flex:1;overflow:auto;padding:2px 12px 12px}.nav .label{font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 10px 5px}.nav a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--fg-subtle);font-weight:500;font-size:13.5px;margin-bottom:1px;cursor:pointer;transition:background .12s,color .12s}.nav a svg{width:18px;height:18px;color:var(--fg-muted);transition:color .12s;flex:0 0 auto}.nav a.active,.nav a:hover{background:var(--bg-hover);color:var(--fg-base)}.nav a.active{font-weight:600}.nav a.active svg{color:var(--brand)}.nav a .count{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--fg-muted);background:var(--bg-subtle);border:1px solid var(--border-base);padding:0 6px;border-radius:999px;min-width:20px;text-align:center}.nav a .count.hot{color:#fff;background:var(--red-dot);border-color:var(--red-dot)}.user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border-base)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#34d399,#0ea5e9);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:0 0 auto}.user .meta{min-width:0}.user .meta b{font-size:13px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user .meta span{font-size:11.5px;color:var(--fg-muted)}.user .gear{margin-left:auto;color:var(--fg-muted);background:none;border:none;cursor:pointer;padding:4px;border-radius:6px}.user .gear:hover{background:var(--bg-hover);color:var(--fg-subtle)}.main{min-width:0;display:flex;flex-direction:column;min-height:0}.topbar{height:56px;flex:0 0 auto;background:var(--bg-base);border-bottom:1px solid var(--border-base);display:flex;gap:12px;padding:0 20px;position:sticky;top:0;z-index:5}.hamb,.topbar{align-items:center}.hamb{display:none;background:none;border:1px solid var(--border-base);border-radius:var(--r-sm);width:32px;height:32px;justify-content:center;cursor:pointer;color:var(--fg-subtle)}.crumb{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--fg-muted);font-weight:500}.crumb b{color:var(--fg-base);font-weight:600}.crumb svg{width:14px;height:14px}.crumb .home{display:inline}.search{margin-left:8px;flex:1;max-width:380px;display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1px solid var(--border-base);border-radius:var(--r-sm);padding:0 10px;height:34px;color:var(--fg-muted)}.search svg{width:15px;height:15px}.search input{border:none;background:none;outline:none;flex:1;font-size:13.5px;color:var(--fg-base)}.search input::-moz-placeholder{color:var(--fg-muted)}.search input::placeholder{color:var(--fg-muted)}.search kbd{font-family:Inter;font-size:11px;color:var(--fg-muted);border:1px solid var(--border-base);background:var(--bg-base);border-radius:4px;padding:1px 5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.content{flex:1;overflow:auto;padding:24px 28px 56px}.content.flush{padding:0;overflow:hidden}.page{display:none}.page.show{display:block;animation:fade .22s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{font-size:20px;font-weight:600;letter-spacing:-.015em;margin:0}.page-head p{margin:3px 0 0;font-size:13.5px;color:var(--fg-subtle)}.page-head .ha{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-sm);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .12s;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-primary{background:var(--fg-base);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(17,24,39,.2)}.btn-primary:hover{background:#000}.btn-secondary{background:var(--bg-base);color:var(--fg-base);border-color:var(--border-base);box-shadow:var(--shadow-btn)}.btn-secondary:hover{background:var(--bg-hover)}.icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:1px solid var(--border-base);background:var(--bg-base);color:var(--fg-subtle);cursor:pointer;box-shadow:var(--shadow-btn)}.icon-btn:hover{background:var(--bg-hover);color:var(--fg-base)}.icon-btn svg{width:16px;height:16px}.icon-btn .nbadge{top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px}.rel{position:relative}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--r-sm);font-size:12px;font-weight:500;white-space:nowrap}.badge .d{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.b-green{background:var(--green-bg);color:#1f6b46}.b-green .d{background:var(--green-dot)}.b-orange{background:var(--orange-bg);color:#8a5d10}.b-orange .d{background:var(--orange-dot)}.b-red{background:var(--red-bg);color:#9c2a32}.b-red .d{background:var(--red-dot)}.b-blue{background:var(--blue-bg);color:#1f5fc4}.b-blue .d{background:var(--blue-dot)}.b-purple{background:var(--purple-bg);color:#5a40c0}.b-purple .d{background:var(--purple-dot)}.b-grey{background:var(--grey-bg);color:var(--fg-subtle)}.b-grey .d{background:var(--grey-dot)}.b-avito{background:var(--avito-bg);color:#5a34cc}.b-avito .d{background:var(--avito)}.b-tg{background:var(--tg-bg);color:#1a72a8}.b-tg .d{background:var(--tg)}.card{background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.card-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-base)}.card-h h3{margin:0;font-size:14px;font-weight:600}.card-h .sub{font-size:12.5px;color:var(--fg-muted);font-weight:500}.card-h .right{margin-left:auto;display:flex;gap:8px;align-items:center}.link{color:var(--brand);font-weight:500;font-size:13px;cursor:pointer}.link:hover{text-decoration:underline}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--r-md);padding:15px 16px;box-shadow:var(--shadow-card);cursor:pointer}.kpi .t{display:flex;align-items:center;gap:8px;color:var(--fg-subtle);font-size:12.5px;font-weight:500}.kpi .t svg{width:15px;height:15px;color:var(--fg-muted)}.kpi .v{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:9px;font-variant-numeric:tabular-nums}.kpi .delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:6px}.kpi .delta.up{color:var(--green-dot)}.kpi .delta.down{color:var(--red-dot)}.kpi .delta.flat{color:var(--fg-muted)}.kpi .delta svg{width:13px;height:13px}.kpi .delta span{color:var(--fg-muted);font-weight:500;margin-left:2px}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;font-weight:500;color:var(--fg-subtle);font-size:12.5px;padding:9px 16px;background:var(--bg-component)}tbody td,thead th{border-bottom:1px solid var(--border-base);white-space:nowrap}tbody td{padding:11px 16px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover{background:var(--bg-subtle)}td .id{font-weight:600;color:var(--fg-base)}td .muted{color:var(--fg-muted)}td .num{font-variant-numeric:tabular-nums;font-weight:500}.cust{display:flex;align-items:center;gap:9px}.cust .ci{width:26px;height:26px;border-radius:6px;background:var(--bg-hover);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--fg-subtle);flex:0 0 auto}.rowdots{color:var(--fg-muted);background:none;border:none;cursor:pointer;padding:4px;border-radius:5px}.rowdots:hover{background:var(--bg-hover);color:var(--fg-base)}.toolbar{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-base);flex-wrap:wrap}.chip,.toolbar{align-items:center}.chip{display:inline-flex;gap:6px;height:30px;padding:0 11px;border:1px solid var(--border-base);border-radius:var(--r-sm);font-size:12.5px;font-weight:500;color:var(--fg-subtle);background:var(--bg-base);cursor:pointer}.chip:hover{background:var(--bg-hover)}.chip.active{border-color:var(--fg-base);color:var(--fg-base)}.chip svg{width:13px;height:13px;color:var(--fg-muted)}.tbl-search{display:flex;align-items:center;gap:7px;height:30px;border:1px solid var(--border-base);border-radius:var(--r-sm);padding:0 9px;background:var(--bg-base);min-width:200px}.tbl-search svg{width:14px;height:14px;color:var(--fg-muted)}.tbl-search input{border:none;outline:none;font-size:13px;flex:1;background:none}.spacer{flex:1}.tbl-foot{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:12.5px;color:var(--fg-muted);border-top:1px solid var(--border-base)}.pager{display:flex;gap:4px;margin-left:auto}.pager button{width:28px;height:28px;border:1px solid var(--border-base);background:var(--bg-base);border-radius:var(--r-sm);color:var(--fg-subtle);cursor:pointer;font-size:12.5px}.pager button.cur,.pager button:hover{background:var(--bg-hover)}.pager button.cur{color:var(--fg-base);font-weight:600}.sup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sup{background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--r-md);padding:16px;box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .12s,border-color .12s}.sup:hover{box-shadow:var(--shadow-pop);border-color:var(--border-strong)}.sup .top{display:flex;align-items:center;gap:11px}.sup .logo{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;flex:0 0 auto}.sup h4{margin:0;font-size:14px;font-weight:600}.sup .cat{font-size:12px;color:var(--fg-muted);font-weight:500}.sup .stars{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--orange-dot)}.sup .stars svg{width:14px;height:14px;fill:var(--orange-dot)}.sup .rows{margin-top:14px;display:grid;gap:8px}.sup .rows .r{display:flex;justify-content:space-between;font-size:12.5px}.sup .rows .r span{color:var(--fg-muted)}.sup .rows .r b{font-weight:600}.sup .foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-base);display:flex;align-items:center;gap:8px}.board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;align-items:start;overflow-x:auto;padding-bottom:6px}.col{background:var(--bg-component);border:1px solid var(--border-base);border-radius:var(--r-md);flex-direction:column;min-height:120px}.col,.col-h{display:flex}.col-h{align-items:center;gap:8px;padding:11px 12px}.col-h .dt{width:8px;height:8px;border-radius:50%}.col-h b{font-size:12.5px;font-weight:600}.col-h .c{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--fg-muted);background:var(--bg-base);border:1px solid var(--border-base);border-radius:999px;padding:0 7px}.col-body{padding:0 9px 10px;display:flex;flex-direction:column;gap:8px}.bcard{background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--r-sm);padding:11px;box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .12s,transform .08s}.bcard:hover{box-shadow:var(--shadow-pop)}.bcard:active{transform:scale(.99)}.bcard .bt{display:flex;align-items:center;gap:7px;margin-bottom:7px}.bcard .bt .id{font-size:12.5px;font-weight:600}.bcard .bt .badge{margin-left:auto;height:19px;font-size:10.5px;padding:0 6px}.bcard .cfg{font-size:12.5px;color:var(--fg-base);font-weight:500;margin-bottom:3px}.bcard .sn{font-size:11px;color:var(--fg-muted)}.bcard .bf{gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border-base)}.bcard .bf,.bcard .who{display:flex;align-items:center}.bcard .who{gap:6px;font-size:11.5px;color:var(--fg-subtle);font-weight:500}.bcard .who .av{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9.5px;font-weight:600;color:#fff}.bcard .due{margin-left:auto;font-size:11px;color:var(--fg-muted);display:flex;align-items:center;gap:4px}.bcard .due svg{width:12px;height:12px}.bcard .due.late{color:var(--red-dot);font-weight:600}.progress{height:3px;border-radius:2px;background:var(--bg-hover);overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;border-radius:2px}.ls{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border-base)}.ls:last-child{border-bottom:none}.ls .ci{width:34px;height:34px;border-radius:7px;background:var(--bg-hover);display:grid;place-items:center;color:var(--fg-subtle)}.ls .ci svg{width:17px;height:17px}.ls .nm{font-size:13px;font-weight:500}.ls .sub{font-size:11.5px;color:var(--fg-muted)}.ls .stock{margin-left:auto;text-align:right}.ls .stock b{font-size:13.5px;font-weight:600}.ls .bar{width:96px;height:5px;border-radius:3px;background:var(--bg-hover);margin-top:5px;overflow:hidden}.ls .bar i{display:block;height:100%;border-radius:3px}.funnel{padding:6px 16px 14px}.frow{gap:12px;padding:8px 0}.frow,.frow .lbl{display:flex;align-items:center}.frow .lbl{font-size:13px;font-weight:500;width:96px;gap:8px}.frow .lbl .d{width:8px;height:8px;border-radius:50%}.frow .track{flex:1;height:8px;border-radius:5px;background:var(--bg-hover);overflow:hidden}.frow .track i{display:block;height:100%;border-radius:5px}.frow .n{width:34px;text-align:right;font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}.dlg{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--border-base);cursor:pointer}.dlg:last-child{border-bottom:none}.dlg:hover{background:var(--bg-subtle)}.dlg .ava{width:34px;height:34px;place-items:center;font-size:12px;font-weight:600;color:#fff;flex:0 0 auto;position:relative}.dlg .ava,.dlg .ava .ch{border-radius:50%;display:grid}.dlg .ava .ch{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border:2px solid var(--bg-base);place-items:center}.dlg .ava .ch svg{width:9px;height:9px;color:#fff}.dlg .mid{min-width:0;flex:1}.dlg .mid .nm{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.dlg .mid .pr{font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg .rt{text-align:right;flex:0 0 auto}.dlg .rt .tm{font-size:11px;color:var(--fg-muted)}.dlg .rt .un{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;margin-top:5px;padding:0 5px}.note{font-size:12.5px;color:var(--fg-muted);margin-top:14px;padding:0 2px}.inbox{height:100%;display:grid;grid-template-columns:340px 1fr 320px;background:var(--bg-base)}.ib-list{border-right:1px solid var(--border-base);display:flex;flex-direction:column;min-height:0}.ib-list .lh{padding:14px 16px 10px;display:flex;align-items:center;gap:8px}.ib-list .lh h2{margin:0;font-size:16px;font-weight:600}.ib-list .lh .c{margin-left:auto;font-size:11.5px;font-weight:600;color:#fff;background:var(--red-dot);border-radius:999px;padding:1px 7px}.ib-tabs{display:flex;gap:6px;padding:0 12px 10px;border-bottom:1px solid var(--border-base);flex-wrap:wrap}.ib-tabs .chip{height:28px}.ib-scroll{flex:1;overflow:auto}.conv{display:flex;gap:11px;padding:12px 14px;border-bottom:1px solid var(--border-base);cursor:pointer;position:relative}.conv:hover{background:var(--bg-subtle)}.conv.active{background:var(--brand-bg)}.conv.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.conv .ava{width:38px;height:38px;place-items:center;font-size:13px;font-weight:600;color:#fff;flex:0 0 auto;position:relative}.conv .ava,.conv .ava .ch{border-radius:50%;display:grid}.conv .ava .ch{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border:2px solid var(--bg-base);place-items:center}.conv .ava .ch svg{width:9px;height:9px;color:#fff}.conv .mid{min-width:0;flex:1}.conv .nm{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:6px}.conv .nm .t{margin-left:auto;font-size:11px;color:var(--fg-muted);font-weight:500}.conv .pr{font-size:12.5px;color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.conv .meta{display:flex;align-items:center;gap:6px;margin-top:6px}.conv .un{margin-left:auto;display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:0 5px}.ib-thread{display:flex;flex-direction:column;min-height:0;min-width:0}.th-h{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--border-base)}.th-h .back{display:none;width:32px;height:32px;border:1px solid var(--border-base);border-radius:var(--r-sm);background:var(--bg-base);place-items:center;cursor:pointer;color:var(--fg-subtle)}.th-h .ava{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff;flex:0 0 auto}.th-h .ti b{font-size:14px;font-weight:600;display:block}.th-h .ti span{font-size:12px;color:var(--fg-muted)}.th-h .acts{margin-left:auto;display:flex;gap:8px}.th-body{flex:1;overflow:auto;padding:18px 18px 8px;background:var(--bg-subtle);display:flex;flex-direction:column;gap:4px}.daysep{align-self:center;font-size:11px;color:var(--fg-muted);background:var(--bg-base);border:1px solid var(--border-base);border-radius:999px;padding:2px 10px;margin:8px 0}.msg{max-width:76%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.4;position:relative;margin-bottom:2px}.msg .tm{font-size:10px;color:var(--fg-muted);margin-top:3px;text-align:right}.msg.them{align-self:flex-start;background:var(--bg-base);border:1px solid var(--border-base);border-bottom-left-radius:5px}.msg.me{align-self:flex-end;background:var(--fg-base);color:#fff;border-bottom-right-radius:5px}.msg.me .tm{color:rgba(255,255,255,.55)}.th-quick{display:flex;gap:7px;padding:9px 14px 0;overflow-x:auto}.th-quick .qc{flex:0 0 auto;font-size:12px;font-weight:500;color:var(--fg-subtle);background:var(--bg-base);border:1px solid var(--border-base);border-radius:999px;padding:6px 11px;cursor:pointer;white-space:nowrap}.th-quick .qc:hover{background:var(--bg-hover)}.composer{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--border-base)}.composer,.composer .ib{background:var(--bg-base)}.composer .ib{width:34px;height:34px;border:1px solid var(--border-base);border-radius:var(--r-sm);display:grid;place-items:center;color:var(--fg-subtle);cursor:pointer;flex:0 0 auto}.composer textarea{flex:1;resize:none;border:1px solid var(--border-base);border-radius:var(--r-md);padding:8px 12px;font:inherit;font-size:13.5px;min-height:34px;max-height:120px;outline:none;background:var(--bg-field)}.composer textarea:focus{border-color:var(--brand)}.composer .send{width:34px;height:34px;border:none;border-radius:var(--r-sm);background:var(--fg-base);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.composer .send:hover{background:#000}.ib-ctx{border-left:1px solid var(--border-base);overflow:auto;padding:16px}.ib-ctx .csec{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:18px 0 9px}.ib-ctx .csec:first-child{margin-top:0}.ctx-cust{display:flex;align-items:center;gap:11px}.ctx-cust .ava{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:600;color:#fff}.ctx-cust b{font-size:14px;font-weight:600;display:block}.ctx-cust .ph{font-size:12.5px;color:var(--fg-muted)}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:13px}.kv dt{color:var(--fg-muted)}.kv dd{margin:0;font-weight:500;text-align:right}.prodcard{border:1px solid var(--border-base);border-radius:var(--r-md);padding:12px;display:flex;align-items:center;gap:11px}.prodcard .ic{width:40px;height:40px;border-radius:8px;background:var(--bg-hover);display:grid;place-items:center;color:var(--fg-subtle);flex:0 0 auto}.prodcard .ic svg{width:20px;height:20px}.prodcard .nm,.prodcard .pr{font-size:13px;font-weight:600}.prodcard .pr{color:var(--fg-base)}.prodcard .av{font-size:11.5px;color:var(--green-dot);font-weight:500}.scrim{position:fixed;inset:0;background:rgba(17,24,39,.32);opacity:0;pointer-events:none;transition:opacity .22s;z-index:40}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:440px;max-width:92vw;background:var(--bg-base);border-left:1px solid var(--border-base);z-index:41;transform:translateX(100%);transition:transform .26s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(17,24,39,.1)}.drawer.open{transform:none}.dr-h{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border-base)}.dr-h .id{font-size:15px;font-weight:600}.dr-h .x{margin-left:auto;width:30px;height:30px;border:1px solid var(--border-base);border-radius:var(--r-sm);background:var(--bg-base);display:grid;place-items:center;cursor:pointer;color:var(--fg-subtle)}.dr-h .x:hover{background:var(--bg-hover)}.dr-b{flex:1;overflow:auto;padding:18px}.dr-sec{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:20px 0 10px}.dr-sec:first-child{margin-top:0}.li{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border-base)}.li:last-child{border-bottom:none}.li .ci{width:34px;height:34px;border-radius:7px;background:var(--bg-hover);display:grid;place-items:center;color:var(--fg-subtle);flex:0 0 auto}.li .ci svg{width:17px;height:17px}.li .nm{font-size:13px;font-weight:500}.li .sub{font-size:11.5px;color:var(--fg-muted)}.li .amt{margin-left:auto;font-weight:600;font-size:13px}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--border-base)}.tl{position:relative;padding:0 0 16px}.tl:last-child{padding-bottom:0}.tl .pt{position:absolute;left:-22px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--bg-base);border:2px solid var(--border-strong)}.tl.done .pt{background:var(--green-dot);border-color:var(--green-dot)}.tl.cur .pt{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-bg)}.tl .tt{font-size:13px;font-weight:500}.tl .tm{font-size:11.5px;color:var(--fg-muted)}.dr-f{padding:14px 18px;border-top:1px solid var(--border-base);display:flex;gap:8px}.dr-f .btn{flex:1;justify-content:center}.botnav{display:none}.placeholder-card{padding:48px;text-align:center}.placeholder-card .pic{width:46px;height:46px;border-radius:11px;background:var(--bg-hover);display:grid;place-items:center;margin:0 auto 14px;color:var(--fg-muted)}.placeholder-card b{font-weight:600;font-size:15px}.placeholder-card p{color:var(--fg-subtle);font-size:13.5px;max-width:440px;margin:6px auto 0}@media (max-width:1180px){.sup-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1080px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.ib-ctx{display:none}.inbox{grid-template-columns:320px 1fr}}@media (max-width:760px){.app{grid-template-columns:1fr}.side{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:60;transform:translateX(-100%);transition:transform .24s;box-shadow:var(--shadow-pop)}.side.open{transform:none}.crumb .home,.hamb,.search{display:none}.content{padding:16px 14px 84px}.content.flush{padding:0}.sup-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.page-head .ha .btn span,.top-actions .lbl-hide{display:none}.as-cards table,.as-cards tbody,.as-cards td,.as-cards thead,.as-cards tr{display:block;width:100%}.as-cards thead{display:none}.as-cards tr{border:1px solid var(--border-base);border-radius:var(--r-md);margin:0 12px 10px;padding:4px 2px;box-shadow:var(--shadow-card)}.as-cards tr,.as-cards tr:hover{background:var(--bg-base)}.as-cards td{border:none!important;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;gap:14px;white-space:normal;text-align:right}.as-cards td:before{content:attr(data-label);color:var(--fg-muted);font-size:12px;font-weight:500;flex:0 0 auto;text-align:left}.as-cards td:first-child{border-bottom:1px solid var(--border-base)!important;padding:11px 14px 9px;margin-bottom:2px}.as-cards td:first-child:before{display:none}.as-cards td .cust{justify-content:flex-end;text-align:left}.as-cards td.hide-m{display:none}.as-cards .tbl-wrap{overflow:visible}.card.as-cards{border:none;background:none;box-shadow:none}.card.as-cards .toolbar{background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--r-md);margin:0 12px 12px}.card.as-cards .tbl-foot{margin:0 12px}.board{grid-template-columns:1fr;gap:10px}.col{min-height:0}.inbox{grid-template-columns:1fr;height:calc(100% - 56px)}.ib-list{border-right:none}.ib-ctx,.ib-thread,.inbox.thread-open .ib-list{display:none}.inbox.thread-open .ib-thread{display:flex}.th-h .back{display:grid}.botnav{display:flex;position:fixed;left:0;right:0;bottom:0;height:56px;background:var(--bg-base);border-top:1px solid var(--border-base);z-index:55;padding-bottom:env(safe-area-inset-bottom)}.botnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--fg-muted);font-size:10.5px;font-weight:500;cursor:pointer;position:relative}.botnav a svg{width:21px;height:21px}.botnav a.active{color:var(--brand)}.botnav a .bb{position:absolute;top:6px;right:50%;transform:translateX(16px);min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--red-dot);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg-base)}.drawer{width:100%;max-width:100%;border-left:none;border-top-left-radius:16px;border-top-right-radius:16px;top:auto;bottom:0;height:92dvh;transform:translateY(100%)}.drawer.open{transform:none}}.modal-wrap{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .2s}.modal-wrap.open{opacity:1;pointer-events:auto}.modal-card{background:var(--bg-base);border:1px solid var(--border-base);border-radius:16px;width:760px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(17,24,39,.28);transform:translateY(8px) scale(.99);transition:transform .2s}.modal-wrap.open .modal-card{transform:none}@media (max-width:760px){.modal-wrap{padding:0;align-items:flex-end}.modal-card{width:100%;max-width:100%;max-height:94dvh;border-radius:16px 16px 0 0}}.h-tl{display:flex;align-items:flex-start;overflow-x:auto;padding:6px 0 2px}.h-tl .step{flex:1;min-width:78px;text-align:center;position:relative;padding-top:18px}.h-tl .step:before{content:"";position:absolute;top:5px;left:50%;width:100%;height:2px;background:var(--border-base)}.h-tl .step:last-child:before{display:none}.h-tl .step.done:before{background:var(--green-dot)}.h-tl .step .pt{position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:var(--bg-base);border:2px solid var(--border-strong);z-index:1}.h-tl .step.done .pt{background:var(--green-dot);border-color:var(--green-dot)}.h-tl .step.cur .pt{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-bg)}.h-tl .step.refused .pt{background:var(--red-dot);border-color:var(--red-dot)}.h-tl .step .tt{font-size:11.5px;font-weight:500;padding:0 2px}.h-tl .step .tm,.h-tl .step.todo .tt{color:var(--fg-muted)}.h-tl .step .tm{font-size:10px;font-variant-numeric:tabular-nums}.seg{background:var(--bg-subtle);border:1px solid var(--border-base);border-radius:var(--r-sm);padding:2px;gap:2px}.seg,.seg button{display:inline-flex}.seg button{border:none;background:none;font:inherit;font-size:12.5px;font-weight:500;color:var(--fg-subtle);padding:5px 12px;border-radius:6px;cursor:pointer;align-items:center;gap:6px}.seg button.on{background:var(--bg-base);color:var(--fg-base);box-shadow:var(--shadow-card)}.seg button svg{width:15px;height:15px}.fld{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-base);border-radius:var(--r-sm);font:inherit;font-size:13px;outline:none;background:var(--bg-base)}.fld:focus{border-color:var(--brand)}.flbl{font-size:12px;color:var(--fg-subtle);margin-bottom:4px}.toggle2{display:inline-flex;border:1px solid var(--border-base);border-radius:var(--r-sm);overflow:hidden;flex:0 0 auto}.toggle2 button{border:none;background:var(--bg-base);font:inherit;font-size:12px;padding:6px 10px;cursor:pointer;color:var(--fg-subtle)}.toggle2 button.on{background:var(--brand);color:#fff}.m-h{display:flex;align-items:center;gap:10px;padding:18px 22px 16px;border-bottom:1px solid var(--border-base);flex-wrap:wrap}.m-h .id,.m-h .sum{font-size:16px;font-weight:700}.m-h .x{margin-left:auto;width:32px;height:32px;border:1px solid var(--border-base);border-radius:var(--r-sm);background:var(--bg-base);display:grid;place-items:center;cursor:pointer;color:var(--fg-subtle)}.m-h .x:hover{background:var(--bg-hover)}.m-b{flex:1;overflow:auto;padding:6px 22px 18px}.m-f{display:flex;gap:10px;padding:14px 22px;border-top:1px solid var(--border-base)}.m-f .btn{flex:1}.m-f .grow{flex:2}.msec{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:20px 0 10px}.stepper{display:flex;padding:14px 4px 8px}.stepper .step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.stepper .step .ln{position:absolute;top:8px;right:50%;width:100%;height:2px;background:var(--border-base);z-index:1}.stepper .step:first-child .ln{display:none}.stepper .step .dot{width:18px;height:18px;border-radius:50%;background:var(--bg-base);border:2px solid var(--border-strong);z-index:2;display:grid;place-items:center}.stepper .step .dot svg{width:10px;height:10px;color:#fff}.stepper .step.done .dot{border-color:var(--green-dot)}.stepper .step.done .dot,.stepper .step.done .ln{background:var(--green-dot)}.stepper .step.cur .dot{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-bg)}.stepper .step.cur .ln{background:var(--green-dot)}.stepper .step.refused .dot{background:var(--red-dot);border-color:var(--red-dot)}.stepper .step.refused .ln{background:var(--red-dot)}.stepper .step .lbl{font-size:12px;font-weight:600;margin-top:8px}.stepper .step.future .lbl{color:var(--fg-muted);font-weight:500}.stepper .step .tm{font-size:10.5px;color:var(--fg-muted);margin-top:2px;font-variant-numeric:tabular-nums}.client{display:flex;align-items:center;gap:11px}.client .ci{width:38px;height:38px;border-radius:9px;background:var(--bg-hover);display:grid;place-items:center;color:var(--fg-subtle)}.client .ci,.client b{font-size:14px;font-weight:600}.client b{display:block}.client .ph{font-size:12.5px;color:var(--fg-muted)}.client .tags{margin-left:auto;display:flex;gap:6px}.pline{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--border-base)}.pline .nm{font-size:13.5px;font-weight:500}.pline .sub{font-size:12px;color:var(--fg-muted);margin-top:2px}.pline .amt{margin-left:auto;font-weight:600;font-size:13.5px;white-space:nowrap}.ptotal{display:flex;align-items:center;padding:12px 0 2px;font-weight:700;font-size:15px}.ptotal .amt{margin-left:auto}.flabel{font-size:11.5px;color:var(--fg-muted);font-weight:500;margin-bottom:5px;display:block}.segfull{width:100%;display:grid;grid-template-columns:1fr 1fr}.segfull button{justify-content:center}.combo{position:relative}.combo-list{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg-base);border:1px solid var(--border-base);border-radius:10px;box-shadow:var(--shadow-pop);z-index:8;max-height:200px;overflow:auto;padding:5px;display:none}.combo-list.show{display:block}.combo-opt{padding:8px 10px;border-radius:7px;font-size:13px;cursor:pointer;color:var(--fg-subtle)}.combo-opt:hover{background:var(--bg-hover);color:var(--fg-base)}.combo-opt.add{color:var(--brand);font-weight:600}.combo-empty{padding:8px 10px;font-size:12.5px;color:var(--fg-muted)}.prow{border:1px solid var(--border-base);border-radius:11px;padding:13px;margin-bottom:10px;background:var(--bg-base)}.prow.recd{background:var(--green-bg);border-color:#bfe6cf}.prow .ph{display:flex;align-items:center;gap:10px}.prow .ph .nm{font-size:13px;font-weight:600}.prow .ph .rem{margin-left:auto;font-size:11.5px;color:var(--fg-muted);font-weight:500}.prow .grid2{grid-template-columns:1fr 150px}.prow .grid-recv,.prow .grid2{display:grid;gap:10px;margin-top:11px}.prow .grid-recv{grid-template-columns:1fr auto auto;align-items:center}.tg{display:inline-flex;border:1px solid var(--border-base);border-radius:9px;overflow:hidden;flex:0 0 auto}.tg,.tg button{background:var(--bg-base)}.tg button{height:38px;padding:0 14px;border:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--fg-subtle);cursor:pointer}.tg button.on{background:var(--brand);color:#fff}.tg.pay button.on{background:var(--green-dot)}.tg.small button{height:30px;padding:0 11px;font-size:12px}.kvbox{background:var(--bg-component);border:1px solid var(--border-base);border-radius:11px;padding:13px 15px}.kvbox .row{display:flex;align-items:center;gap:10px;font-size:13px;padding:4px 0}.kvbox .row span{color:var(--fg-muted)}.kvbox .row b{margin-left:auto;font-weight:600}.hint{font-size:12px;color:var(--fg-muted);margin:8px 2px 0}.warn{background:var(--orange-bg);color:#8a5d10;border-radius:9px;padding:10px 13px;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:8px}.warn svg{width:16px;height:16px;flex:0 0 auto}.rad{border:1px solid var(--border-base);border-radius:11px;padding:13px;margin-bottom:9px;cursor:pointer;display:flex;gap:11px;align-items:flex-start}.rad:hover{background:var(--bg-hover)}.rad.on{border-color:var(--brand);background:var(--brand-bg)}.rad .rb{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);flex:0 0 auto;margin-top:1px;display:grid;place-items:center}.rad.on .rb{border-color:var(--brand)}.rad.on .rb:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}.rad .rt{font-size:13.5px;font-weight:600}.rad .rd{font-size:12px;color:var(--fg-subtle);margin-top:2px}.col.over{outline:2px dashed var(--brand);outline-offset:-2px;background:var(--brand-bg)}.col-sub{font-size:11.5px;color:var(--fg-muted);font-weight:500;padding:0 13px 8px;margin-top:-2px}.col-sub b{color:var(--fg-base)}.kcard{background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--r-md);padding:12px;box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .12s,transform .08s}.kcard:hover{box-shadow:var(--shadow-pop);transform:translateY(-1px)}.kcard:active{cursor:grabbing}.kcard .kt{display:flex;align-items:center;gap:7px;margin-bottom:8px}.kcard .kt .id{font-size:12.5px;font-weight:700}.kcard .kt .badge{margin-left:auto;height:20px;font-size:10.5px;padding:0 7px}.kcard .knm{font-size:13px;font-weight:600;margin-bottom:2px}.kcard .kpd{font-size:12px;color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcard .kpd .pr{color:var(--fg-base);font-weight:600}.kcard .recv{display:flex;align-items:center;gap:6px;margin-top:9px}.kcard .recv .bar{flex:1;height:5px;border-radius:3px;background:var(--bg-hover);overflow:hidden}.kcard .recv .bar i{display:block;height:100%;border-radius:3px;background:var(--orange-dot)}.kcard .recv span{font-size:11px;color:var(--fg-muted);font-weight:600}.kcard .kf{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border-base)}.kcard .src{color:var(--fg-muted)}.kcard .courier,.kcard .src{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.kcard .courier{margin-left:auto;color:var(--fg-subtle)}.kcard .courier svg{width:13px;height:13px;color:var(--fg-muted)}.kcard .courier.wait{color:var(--orange-dot);font-weight:600}.kcol-empty{font-size:12px;color:var(--fg-muted);text-align:center;padding:16px 6px;border:1px dashed var(--border-base);border-radius:var(--r-md)}.lane{margin-top:14px;background:var(--bg-component);border:1px solid var(--border-base);border-radius:var(--r-lg)}.lane-h{display:flex;align-items:center;gap:8px;padding:12px 14px}.lane-h .dt{width:9px;height:9px;border-radius:50%;background:var(--red-dot)}.lane-h b{font-size:13px;font-weight:600}.lane-h .c{font-size:11.5px;font-weight:600;color:var(--fg-muted);background:var(--bg-base);border:1px solid var(--border-base);border-radius:999px;padding:1px 8px}.lane-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px;padding:0 12px 12px}.ksla{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 7px;border-radius:6px;margin-bottom:8px}.ksla svg{width:12px;height:12px;flex:0 0 auto}.ksla.red{background:var(--red-bg);color:#9c2a32}.ksla.orange{background:var(--orange-bg);color:#8a5d10}.dotwarn{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:11px;font-weight:700;margin-right:6px;vertical-align:middle}.dotwarn.red{background:var(--red-bg);color:#9c2a32}.dotwarn.orange{background:var(--orange-bg);color:#8a5d10}.kpi .kd{font-size:12px;color:var(--fg-muted);font-weight:500;margin-top:5px}.kpi .kd.green{color:var(--green-dot);font-weight:600}.kpi .kd.orange{color:var(--orange-dot);font-weight:600}.kpi .kd.red{color:var(--red-dot);font-weight:600}.cnote{padding:11px 16px;font-size:12px;color:var(--fg-muted);border-top:1px solid var(--border-base)}.csettle{gap:11px;padding:12px 16px}.csettle,.zrow{display:flex;align-items:center;border-bottom:1px solid var(--border-base)}.zrow{padding:10px 16px;font-size:13.5px}.zrow:last-child{border-bottom:none}.zrow span{color:var(--fg-subtle)}.zrow b{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}.zrow.total{background:var(--bg-component)}.zrow.total span{font-weight:700;color:var(--fg-base)}.zrow.total b{font-size:15px}.cashtabs{margin:0 0 16px}.cashtabs button{padding:0 14px}.cchk{width:42px}.chk{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-strong);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;flex:0 0 auto;background:var(--bg-base);vertical-align:middle}.chk:checked{background:var(--brand);border-color:var(--brand)}.chk:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.actionbar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-base);border-top:1px solid var(--border-base);border-radius:0 0 var(--r-md) var(--r-md)}.actionbar .sel{font-size:13px;font-weight:700}.actionbar .sel span{color:var(--fg-muted);font-weight:600}.sortsel{height:30px;border:1px solid var(--border-base);border-radius:var(--r-sm);padding:0 8px;font:inherit;font-size:12.5px;background:var(--bg-base);cursor:pointer}.amt-out{color:var(--red-dot);font-weight:600}.amt-in{color:var(--green-dot);font-weight:600}.expense-cats{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-base)}.catchip{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;border:1px solid var(--border-base);border-radius:9px;font-size:12.5px;font-weight:500;color:var(--fg-subtle);background:var(--bg-component)}.catchip b{font-weight:700;color:var(--fg-base)}.ledrow{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border-base)}.ledrow:last-child{border-bottom:none}.ledtype{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.ledtype .di{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.ledtype .di svg{width:16px;height:16px}.ledtype .di-in{background:var(--green-bg);color:var(--green-dot)}.ledtype .di-out{background:var(--red-bg);color:var(--red-dot)}.ledtype .lt{font-size:13px;font-weight:600}.ledtype .ls{font-size:11.5px;color:var(--fg-muted);margin-top:1px}.ledr{text-align:right;flex:0 0 auto}.ledr .lv{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.ledr .lts{font-size:11px;color:var(--fg-muted);margin-top:1px}.notif{position:fixed;top:54px;right:18px;width:368px;max-width:92vw;background:var(--bg-base);border:1px solid var(--border-base);border-radius:14px;box-shadow:var(--shadow-pop);z-index:55;max-height:72vh;display:flex;flex-direction:column}.notif .nh{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--border-base);font-weight:600;font-size:14px}.notif .nh .c{margin-left:auto;font-size:12px;color:var(--fg-muted);font-weight:600;background:var(--bg-hover);border-radius:999px;padding:1px 8px}.notif .nb{overflow:auto;padding:6px}.nitem{display:flex;gap:11px;padding:10px;border-radius:10px;cursor:pointer}.nitem:hover{background:var(--bg-hover)}.nitem .ni{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.nitem .ni svg{width:16px;height:16px}.nitem.red .ni{background:var(--red-bg);color:var(--red-dot)}.nitem.orange .ni{background:var(--orange-bg);color:var(--orange-dot)}.nitem .nt{font-size:13px;font-weight:600}.nitem .ns{font-size:12px;color:var(--fg-muted);margin-top:1px}.notif .nf{padding:10px 14px;border-top:1px solid var(--border-base)}.notif-empty{padding:30px;text-align:center;color:var(--fg-muted);font-size:13px}.icon-btn.rel{position:relative}.icon-btn .nbadge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red-dot);border:2px solid var(--bg-base);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}