:root{--primary:oklch(0.42 0.11 156);--primary-deep:oklch(0.32 0.10 156);--primary-soft:oklch(0.92 0.04 156);--primary-tint:oklch(0.97 0.02 156);--ink:oklch(0.20 0.01 240);--ink-2:oklch(0.42 0.01 240);--ink-3:oklch(0.62 0.01 240);--line:oklch(0.92 0.005 240);--line-2:oklch(0.96 0.005 240);--bg:oklch(0.985 0.005 100);--panel:#fff;--danger:oklch(0.55 0.18 25);--warn:oklch(0.7 0.15 70);--shadow:0 1px 2px rgba(15,40,30,.04),0 8px 24px -12px rgba(15,40,30,.08);--shadow-lg:0 4px 12px rgba(15,40,30,.06),0 24px 60px -20px rgba(15,40,30,.18);--radius:10px;--radius-sm:6px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,Noto Sans Lao,Noto Sans Thai,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}[lang=lo]{font-family:Noto Sans Lao,Inter,sans-serif}[lang=th]{font-family:Noto Sans Thai,Inter,sans-serif}button{font-family:inherit}input,select,textarea{font-family:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:none}#app{height:100vh;display:flex;flex-direction:column}.topbar{height:56px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);gap:12px;flex-shrink:0}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:15px;letter-spacing:-.01em}.brand-dot{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-deep) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}.spacer{flex:1 1}.tb-btn{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .12s}.tb-btn:hover{background:var(--line-2);border-color:var(--ink-3)}.tb-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.tb-btn.primary:hover{background:var(--primary-deep);border-color:var(--primary-deep)}.tb-btn.ghost{border-color:transparent;background:transparent}.tb-btn.ghost:hover{background:var(--line-2)}.tb-sep{width:1px;height:22px;background:var(--line)}.lang-group{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;height:34px}.lang-group button{border:0;background:#fff;padding:0 11px;font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;border-right:1px solid var(--line)}.lang-group button:last-child{border-right:0}.lang-group button.active{background:var(--primary);color:#fff}.split{display:flex;flex:1 1;min-height:0}.form-pane{width:440px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);overflow-y:auto}.preview-pane{flex:1 1;min-width:0;background:radial-gradient(circle at 20% 0,oklch(.96 .02 156) 0,transparent 50%),var(--bg);overflow:auto;padding:36px 36px 80px;display:flex;flex-direction:column;align-items:center;gap:18px}.section{border-bottom:1px solid var(--line)}.section-head{padding:14px 18px 8px;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-head h3{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.section-head .chev{margin-left:auto;color:var(--ink-3);transition:transform .15s}.section.collapsed .chev{transform:rotate(-90deg)}.section.collapsed .section-body{display:none}.section-body{padding:4px 18px 16px}.field{margin-bottom:10px}.field label{display:block;font-size:11px;font-weight:600;color:var(--ink-2);margin-bottom:4px;letter-spacing:.01em}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}.field textarea{resize:vertical;min-height:62px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px oklch(.42 .11 156/.12)}.field-row{display:grid;grid-gap:8px;gap:8px}.field-row.cols-2{grid-template-columns:1fr 1fr}.field-row.cols-3{grid-template-columns:1fr 1fr 1fr}.items-table{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:4px;background:#fff}.items-row{display:grid;grid-template-columns:1fr 50px 56px 80px 28px;grid-gap:0;gap:0;border-bottom:1px solid var(--line)}.items-row:last-child{border-bottom:0}.items-row.header{background:var(--primary-tint);font-size:10px;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.items-row.header>div{padding:8px}.items-row input{width:100%;border:0;background:transparent;padding:8px;font-size:12.5px;border-right:1px solid var(--line)}.items-row>:nth-child(4){border-right:0!important}.items-row input:focus{background:var(--primary-tint)}.items-row .rm-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--ink-3);cursor:pointer;border-left:1px solid var(--line)}.items-row .rm-btn:hover{color:var(--danger);background:oklch(.97 .02 25)}.add-row-btn{width:100%;margin-top:8px;padding:8px;border:1px dashed var(--line);background:var(--line-2);border-radius:7px;color:var(--ink-2);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.add-row-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.bank-card{border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px;position:relative}.bank-card .rm{position:absolute;top:6px;right:6px;border:0;background:transparent;color:var(--ink-3);cursor:pointer;font-size:14px;width:22px;height:22px;border-radius:5px}.bank-card .rm:hover{color:var(--danger);background:oklch(.97 .02 25)}.logo-drop{border:1.5px dashed var(--line);border-radius:10px;padding:14px;text-align:center;cursor:pointer;background:var(--line-2);transition:all .15s;position:relative}.logo-drop:hover{border-color:var(--primary);background:var(--primary-tint)}.logo-drop img{max-width:80px;max-height:80px;display:block;margin:0 auto 6px;border-radius:6px}.logo-drop .hint{font-size:11px;color:var(--ink-3)}.logo-drop .clear{position:absolute;top:6px;right:6px;background:#fff;border:1px solid var(--line);border-radius:5px;width:22px;height:22px;cursor:pointer;font-size:12px;color:var(--ink-2)}.paper{width:794px;min-height:1123px;background:#fff;box-shadow:var(--shadow-lg);border-radius:4px;overflow:hidden;--inv-primary:var(--primary);--inv-primary-deep:var(--primary-deep)}.inv-header,.inv-header.wave,.paper{position:relative}.inv-header.wave{height:260px;color:#fff;padding:30px 48px 0;display:flex;align-items:flex-start;justify-content:space-between;overflow:visible;background:#fff}.wave-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.wave-svg path{transition:fill .3s}.inv-header.wave .inv-logo-wrap,.inv-header.wave .inv-title-block{position:relative;z-index:2}.logo-badge{width:118px;height:200px;border-radius:16px;background:linear-gradient(180deg,oklch(.18 .04 156),oklch(.26 .06 156));padding:9px;position:relative;box-shadow:0 8px 28px rgba(0,0,0,.22),inset 0 1px 0 hsla(0,0%,100%,.1);flex-shrink:0}.logo-badge:before{content:"";position:absolute;inset:5px;border-radius:14px;border:1px solid hsla(0,0%,100%,.1);pointer-events:none}.logo-badge-inner{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 0 transparent)}.logo-badge .placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 8px;text-align:center;color:oklch(.92 .04 156)}.logo-badge .placeholder .bot,.logo-badge .placeholder .top{font-size:8.5px;font-weight:700;letter-spacing:.22em;border-top:1px solid;border-bottom:1px solid;padding:4px 0;width:88%;opacity:.85}.logo-badge .placeholder .glyph{font-family:Phudu,sans-serif;font-weight:800;font-size:46px;line-height:1;letter-spacing:-.02em;color:oklch(.92 .04 156)}.logo-badge .placeholder .name{font-family:Phudu,sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;margin-top:6px}.logo-badge .placeholder .sub{font-size:8px;font-weight:600;letter-spacing:.2em;opacity:.7;margin-top:2px}.logo-badge.has-image{background:transparent;padding:0;box-shadow:0 14px 36px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12)}.logo-badge.has-image:before{display:none}.logo-badge.has-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.inv-header.solid{position:relative;background:var(--inv-primary-deep);color:#fff;height:280px;padding:0;display:flex;flex-direction:column;overflow:hidden}.inv-header.solid:after{display:none}.solid-bg{position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,hsla(0,0%,100%,.16) 0,transparent 45%),radial-gradient(circle at 5% 95%,rgba(0,0,0,.32) 0,transparent 55%),linear-gradient(125deg,var(--inv-primary-deep) 0,var(--inv-primary) 55%,var(--inv-primary-deep) 100%)}.solid-bg-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:3px 3px;opacity:.55;mix-blend-mode:overlay}.solid-bg-rays{position:absolute;inset:0;background:linear-gradient(118deg,transparent,transparent 46%,hsla(0,0%,100%,.08) 50%,transparent 54%,transparent)}.solid-eyebrow{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:22px 48px 0;font-size:9.5px;font-weight:700;letter-spacing:.32em;color:hsla(0,0%,100%,.72);text-transform:uppercase;font-family:JetBrains Mono,monospace}.solid-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.8;display:inline-block}.solid-eyebrow .sep{opacity:.4}.solid-content{position:relative;z-index:2;display:flex;align-items:flex-end;gap:28px;padding:6px 48px 0;flex:1 1}.solid-content-left{flex-shrink:0}.solid-content-right{flex:1 1;padding-bottom:6px;text-align:right}.solid-kicker{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.22em;color:hsla(0,0%,100%,.55);margin-bottom:4px;text-transform:uppercase}.solid-title{font-family:Phudu,Inter,sans-serif;font-weight:800;font-size:82px;line-height:.85;letter-spacing:-.04em;color:#fff;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.18)}.solid-company{font-size:11px;letter-spacing:.2em;font-weight:600;text-transform:uppercase;color:hsla(0,0%,100%,.7);margin-top:10px}.solid-meta{position:relative;z-index:2;display:flex;margin:18px 48px 0;padding:12px 0 18px;border-top:1px solid hsla(0,0%,100%,.18);gap:0}.solid-meta-cell{flex:1 1;padding:4px 16px 0;border-right:1px dashed hsla(0,0%,100%,.16)}.solid-meta-cell:first-child{padding-left:0}.solid-meta-cell:last-child{padding-right:0;border-right:0}.solid-meta-cell .k{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:hsla(0,0%,100%,.5);margin-bottom:5px}.solid-meta-cell .v{font-family:Phudu,Inter,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.02em;color:#fff}.inv-header.minimal{background:#fff;color:var(--ink);padding:36px 48px 22px;border-bottom:3px solid var(--inv-primary);display:flex;align-items:flex-end;justify-content:space-between;height:auto}.inv-header.minimal .inv-title{color:var(--ink)}.inv-header.minimal .logo-badge{height:140px;width:100px;border-radius:14px}.inv-header.minimal .logo-badge .placeholder .glyph{font-size:32px}.inv-header.side{background:#fff;color:var(--ink);padding:0;height:auto;position:relative;display:block;min-height:220px}.inv-header.side:before{display:none}.side-band{position:absolute;left:0;top:0;width:48px;height:100%;min-height:220px;background:linear-gradient(180deg,var(--inv-primary-deep) 0,var(--inv-primary) 50%,var(--inv-primary-deep) 100%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 0;box-shadow:inset -1px 0 0 rgba(0,0,0,.18);overflow:hidden}.band-mark{width:9px;height:9px;background:hsla(0,0%,100%,.92);transform:rotate(45deg);flex-shrink:0}.band-mark.band-mark-outline{background:transparent;border:1px solid hsla(0,0%,100%,.7)}.band-text{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Phudu,sans-serif;font-weight:700;font-size:9.5px;letter-spacing:.42em;color:hsla(0,0%,100%,.92);text-transform:uppercase;white-space:nowrap;text-align:center}.side-content{padding:34px 48px 22px 72px}.side-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:28px;gap:28px;align-items:flex-start}.side-logo{flex-shrink:0}.side-title-wrap{padding-top:14px}.side-kicker{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:var(--inv-primary);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}.side-title{font-family:Phudu,Inter,sans-serif;font-weight:800;font-size:64px;line-height:.88;letter-spacing:-.035em;color:var(--ink);margin:0}.side-company{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-top:8px;font-weight:600}.side-stamp{border:1.5px solid var(--inv-primary);border-radius:5px;min-width:200px;margin-top:14px;overflow:hidden;position:relative;background:#fff}.side-stamp:after,.side-stamp:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:38%;height:5px;background:#fff;z-index:1}.side-stamp:before{top:-3px}.side-stamp:after{bottom:-3px}.stamp-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 14px;border-bottom:1px dashed oklch(.92 .005 240)}.stamp-row:last-child{border-bottom:0}.stamp-row.hl{background:var(--inv-primary);color:#fff;border-bottom-color:transparent}.stamp-row .stamp-k{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);font-weight:500}.stamp-row.hl .stamp-k{color:hsla(0,0%,100%,.78)}.stamp-row .stamp-v{font-family:Phudu,sans-serif;font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--ink)}.stamp-row.hl .stamp-v{color:#fff}.side-rule{margin-top:22px;height:1px;background:linear-gradient(90deg,var(--inv-primary) 0,oklch(.42 .11 156/.4) 40%,transparent 100%)}.inv-logo-wrap{display:flex;align-items:center;gap:18px}.inv-title-block{text-align:right;position:relative;z-index:2;align-self:flex-start;padding-top:14px}.inv-title{font-family:Phudu,Inter,sans-serif;font-weight:800;font-size:62px;letter-spacing:-.025em;line-height:1;color:#fff;margin:30px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.15)}.inv-header.wave .inv-title{margin-top:4px;font-size:64px}.inv-meta{font-size:13px;font-weight:500;line-height:1.6;margin-top:6px}.inv-meta .label{opacity:.85;font-weight:400}.inv-header.minimal .inv-meta,.inv-header.side .inv-meta{color:var(--ink-2)}.inv-body{padding:22px 48px 28px}.inv-header.wave+.inv-body{padding-top:18px}.parties{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:16px}.party h4{margin:0 0 6px;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.party h4 .colon{color:var(--inv-primary)}.party .name{font-weight:700;font-size:13px;margin-bottom:2px}.party .lines{font-size:12px;color:var(--ink-2);line-height:1.55;white-space:pre-line}.inv-items{width:100%;border-collapse:collapse;margin-top:6px;font-size:12.5px;border:1px solid var(--line)}.inv-items thead th{background:var(--inv-primary);color:#fff;font-weight:600;padding:8px 10px;text-align:left;font-size:12px;border-right:1px solid oklch(1 0 0/.2)}.inv-items thead th:last-child{border-right:0}.inv-items thead th.num{text-align:right}.inv-items thead th.center{text-align:center}.inv-items tbody td{padding:6px 10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.inv-items tbody td:last-child{border-right:0}.inv-items tbody td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv-items tbody td.center{text-align:center}.inv-items tbody tr.empty td{height:20px}.inv-items tbody tr.total td{font-weight:700;background:var(--line-2);padding:8px 10px}.totals-row{display:flex;justify-content:flex-end;margin-top:10px;align-items:stretch}.totals-box{min-width:320px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.totals-line{display:flex;justify-content:space-between;padding:6px 14px;font-size:12.5px;border-bottom:1px solid var(--line)}.totals-line:last-child{border-bottom:0}.totals-line.grand{background:var(--inv-primary);color:#fff;font-weight:700;font-size:14px;padding:9px 14px}.totals-line.grand .v{font-size:16px}.totals-line .v,.totals-line.grand .v{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.foot{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:28px;gap:28px;margin-top:18px}.pay h5{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.pay .bank{display:grid;grid-template-columns:70px 1fr;grid-gap:1px 10px;gap:1px 10px;font-size:11.5px;margin-bottom:5px}.pay .bank .lbl{font-weight:700;color:var(--ink)}.pay .bank .val{color:var(--ink-2)}.sigs{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;align-self:end;font-size:10px}.sig{text-align:left}.sig .co{font-family:Phudu,Inter,serif;font-weight:600;font-size:10.5px;letter-spacing:.05em;margin-bottom:40px;text-transform:uppercase;color:var(--ink)}.sig .line{border-top:1px solid var(--ink);padding-top:4px;font-size:9.5px;letter-spacing:.04em}.sig .line .row{display:flex;gap:6px;margin-bottom:2px}.sig .line .row .k{font-weight:700;min-width:38px}.sig .line .row .v{color:var(--ink-2)}.notes{margin-top:18px;font-size:11px;color:var(--ink-3);border-top:1px dashed var(--line);padding-top:10px;white-space:pre-line}.paper-toolbar{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 8px;font-size:12px;box-shadow:var(--shadow)}.paper-toolbar .pt-btn{border:0;background:transparent;width:28px;height:28px;border-radius:6px;cursor:pointer;color:var(--ink-2);display:flex;align-items:center;justify-content:center}.paper-toolbar .pt-btn:hover{background:var(--line-2)}.paper-toolbar .pt-val{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.template-pills{display:flex;gap:6px;background:var(--line-2);padding:4px;border-radius:8px}.template-pills button{border:0;background:transparent;padding:5px 10px;border-radius:5px;font-size:11px;font-weight:600;color:var(--ink-2);cursor:pointer}.template-pills button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.06)}[contenteditable=true]:focus{outline:2px dashed oklch(.42 .11 156/.5);outline-offset:2px;border-radius:2px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:1000}.form-pane::-webkit-scrollbar,.preview-pane::-webkit-scrollbar{width:10px;height:10px}.form-pane::-webkit-scrollbar-thumb,.preview-pane::-webkit-scrollbar-thumb{background:oklch(.88 .005 240);border-radius:5px;border:2px solid transparent;background-clip:padding-box}.form-pane::-webkit-scrollbar-thumb:hover,.preview-pane::-webkit-scrollbar-thumb:hover{background:oklch(.75 .005 240);background-clip:padding-box}.inv-header.solid+.inv-body{padding-top:22px}.inv-header.side+.inv-body{padding-top:18px}@media print{@page{size:A4 portrait;margin:0}*,:after,:before{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body,html{margin:0!important;padding:0!important;height:auto!important;overflow:visible!important;background:#fff!important}.form-pane,.modal-bg,.paper-toolbar,.toast,.topbar,.wizard-overlay{display:none!important}#app,.preview-pane,.split{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;gap:0!important}#app,.paper,.preview-pane,.split{padding:0!important;margin:0!important}.paper{width:210mm!important;min-height:297mm!important;max-width:210mm!important;box-shadow:none!important;border-radius:0!important;transform:none!important;transform-origin:top left!important;overflow:hidden!important;page-break-after:avoid;page-break-inside:avoid;break-inside:avoid}.wave-svg,.wave-svg *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.cust-picker{position:relative;margin-bottom:12px}.cust-picker-row{display:flex;gap:6px}.cust-picker-trigger{flex:1 1;min-height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;text-align:left;color:var(--ink);transition:all .12s}.cust-picker-trigger:hover{border-color:var(--primary-soft);background:var(--primary-tint)}.cust-picker-trigger .lbl{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-picker-trigger .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex-shrink:0}.cust-picker-trigger .count{font-size:11px;color:var(--ink-3);background:var(--line-2);padding:1px 6px;border-radius:10px;font-weight:600}.cust-picker-trigger .chev{color:var(--ink-3);display:flex;align-items:center}.cust-save-btn{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .12s}.cust-save-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.cust-save-btn:disabled{opacity:.4;cursor:not-allowed}.cust-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);z-index:50;max-height:380px;display:flex;flex-direction:column;overflow:hidden}.cust-dropdown-search{padding:8px;border-bottom:1px solid var(--line)}.cust-dropdown-search input{width:100%;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;font-size:12.5px}.cust-dropdown-search input:focus{border-color:var(--primary);outline:none}.cust-dropdown-list{flex:1 1;overflow-y:auto;padding:4px}.cust-row{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:7px;font-size:12.5px}.cust-row:hover{background:var(--line-2)}.cust-row.active{background:var(--primary-tint)}.cust-row.new{color:var(--primary);font-weight:600;border-bottom:1px dashed var(--line);border-radius:0;margin-bottom:4px;padding-bottom:10px}.cust-row .ico{display:flex;align-items:center;color:inherit}.cust-row-main{flex:1 1;min-width:0}.cust-row-name{font-weight:600;color:var(--ink)}.cust-row-meta,.cust-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-row-meta{font-size:11px;color:var(--ink-3);margin-top:1px}.cust-row-side{display:flex;gap:4px;flex-shrink:0}.cust-row-side .badge{background:var(--line-2);color:var(--ink-2);padding:1px 6px;border-radius:9px;font-size:10px;font-weight:700}.cust-row-side .badge.alt{background:var(--primary-tint);color:var(--primary-deep)}.cust-dropdown-foot{border-top:1px solid var(--line);padding:6px;background:var(--line-2)}.past-orders{position:relative;margin-bottom:8px}.past-orders-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);z-index:40;width:340px;max-height:340px;overflow-y:auto}.past-orders-head{border-bottom:1px solid var(--line);background:var(--line-2);font-size:11px;font-weight:600;color:var(--ink-2);justify-content:space-between;gap:8px;position:-webkit-sticky;position:sticky;top:0}.past-orders-head,.past-orders-item{padding:8px 12px;display:flex;align-items:center}.past-orders-item{width:100%;gap:10px;border:0;background:transparent;border-bottom:1px solid var(--line-2);cursor:pointer;text-align:left}.past-orders-item:hover{background:var(--primary-tint)}.past-orders-item:last-child{border-bottom:0}.po-main{flex:1 1;min-width:0}.po-desc{font-size:12.5px;font-weight:500;color:var(--ink)}.po-meta{font-size:10.5px;color:var(--ink-3);margin-top:1px}.po-add{color:var(--primary);display:flex;align-items:center}.customers-modal{max-width:720px;width:100%}.customers-list{max-height:60vh;overflow-y:auto;padding:8px}.customer-card{display:flex;gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:#fff;transition:all .12s}.customer-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow)}.customer-card-main{flex:1 1;min-width:0}.customer-card-name{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}.customer-card-meta{font-size:12px;color:var(--ink-2);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-card-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--ink-3)}.customer-card-actions{display:flex;gap:6px;align-self:center;flex-shrink:0}.customer-card-actions .tb-btn{height:32px;font-size:12px}.wizard-overlay{position:fixed;inset:0;background:oklch(.2 .01 240);z-index:400;display:flex;flex-direction:column}.wizard-top{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0}.wizard-top h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.wizard-top .sub{font-size:12px;color:var(--ink-3)}.wizard-body{flex:1 1;display:grid;grid-template-columns:280px 1fr;min-height:0;background:var(--bg)}.wizard-steps{background:#fff;border-right:1px solid var(--line);padding:24px 0;overflow-y:auto}.wizard-step{display:flex;align-items:center;gap:12px;padding:11px 22px;cursor:pointer;border-left:3px solid transparent;font-size:13px;color:var(--ink-2);transition:background .12s}.wizard-step:hover{background:var(--line-2)}.wizard-step.active{background:var(--primary-tint);border-left-color:var(--primary);color:var(--ink);font-weight:600}.wizard-step.done .num{background:var(--primary);color:#fff;border-color:var(--primary)}.wizard-step .num{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-3);flex-shrink:0}.wizard-step.active .num{border-color:var(--primary);color:var(--primary)}.wizard-step .label{flex:1 1}.wizard-step .check{color:var(--primary);font-size:14px}.wizard-panel{overflow-y:auto;padding:36px 48px 80px;background:var(--bg)}.wizard-panel-inner{max-width:720px;margin:0 auto}.wizard-panel h3{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.wizard-panel .desc{color:var(--ink-2);font-size:13.5px;margin-bottom:28px}.wizard-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.wizard-foot{height:72px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0}.wizard-progress{flex:1 1;height:6px;background:var(--line);border-radius:3px;overflow:hidden;max-width:280px}.wizard-progress-bar{height:100%;background:var(--primary);transition:width .25s;border-radius:3px}.wizard-foot .step-count{font-size:12px;color:var(--ink-3);font-weight:500}.btn-big{height:44px;padding:0 22px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .12s}.btn-big:hover{background:var(--line-2)}.btn-big.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-big.apply,.btn-big.primary:hover{background:var(--primary-deep);border-color:var(--primary-deep)}.btn-big.apply{color:#fff;font-weight:700}.btn-big.apply:hover{background:oklch(.25 .1 156)}.wiz-review{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.wiz-review-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.wiz-review-card h5{margin:0 0 10px;font-size:11px;font-weight:700;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.wiz-review-card .row{display:flex;font-size:12.5px;padding:4px 0;border-bottom:1px dashed var(--line-2)}.wiz-review-card .row:last-child{border-bottom:0}.wiz-review-card .row .k{color:var(--ink-3);min-width:80px;font-weight:500}.wiz-review-card .row .v{color:var(--ink);font-weight:500;flex:1 1}.wiz-review-full{grid-column:1/-1}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:8px}.template-card{border:2px solid var(--line);border-radius:10px;padding:0;cursor:pointer;overflow:hidden;background:#fff;transition:all .15s}.template-card:hover{border-color:var(--primary-soft)}.template-card.active{border-color:var(--primary);box-shadow:0 0 0 3px oklch(.42 .11 156/.15)}.template-card .preview{height:90px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Phudu,sans-serif;font-weight:800;font-size:24px;position:relative;overflow:hidden}.template-card .label{padding:8px 12px;font-size:12px;font-weight:600;color:var(--ink);border-top:1px solid var(--line);background:#fff}.color-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:7px;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);transition:transform .12s}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 2px var(--ink)}.modal-bg{position:fixed;inset:0;background:rgba(15,20,18,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.modal{background:#fff;border-radius:14px;max-width:560px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.modal-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:16px;font-weight:700}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:var(--line-2)}.icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-stage{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:oklch(.985 .012 80);overflow:auto}@media (max-width:880px){.auth-stage{grid-template-columns:1fr}}.auth-brand{position:relative;color:oklch(.94 .02 156);padding:36px 44px;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}.auth-brand-bg{position:absolute;inset:0;z-index:-1;background:oklch(.16 .04 156)}.auth-brand-wave{position:absolute;inset:0;width:100%;height:100%}.auth-brand-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.045) 1px,transparent 0);background-size:3px 3px;mix-blend-mode:overlay;opacity:.7;pointer-events:none}.auth-brand-foot,.auth-brand-top{position:relative;z-index:1}.auth-mono{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:hsla(0,0%,100%,.74)}.auth-mono-sm{font-size:9.5px;letter-spacing:.24em}.auth-mono-xs{font-size:9px;letter-spacing:.22em;color:var(--ink-3)}.auth-mono-sep{opacity:.4}.auth-mono-dot{width:7px;height:7px;border-radius:50%;background:oklch(.78 .18 156);box-shadow:0 0 12px oklch(.78 .18 156/.6)}.auth-mono-dot.tiny{width:5px;height:5px;background:oklch(.42 .11 156);box-shadow:0 0 8px oklch(.42 .11 156/.5)}.auth-brand-hero{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;grid-gap:28px;gap:28px;align-items:center;margin:24px 0}.auth-logo-mount{margin:0;width:132px;height:226px;border-radius:18px;overflow:hidden;box-shadow:0 32px 64px -16px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.08);background:oklch(.2 .04 156);transform:rotate(-2.5deg);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.auth-logo-mount:hover{transform:rotate(0)}.auth-logo-mount img{width:100%;height:100%;object-fit:cover;display:block}.auth-eyebrow{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:oklch(.78 .12 156);margin-bottom:14px}.auth-eyebrow-dark{color:var(--primary)}.auth-display{font-family:Phudu,Inter,sans-serif;font-weight:800;font-size:clamp(44px,5.6vw,76px);line-height:.92;letter-spacing:-.04em;margin:0;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}.auth-display-stroke{color:transparent;-webkit-text-stroke:1.5px hsla(0,0%,100%,.92);font-style:italic}.auth-tagline{margin:18px 0 0;max-width:36ch;font-size:13.5px;line-height:1.6;color:hsla(0,0%,100%,.72);font-weight:400}.auth-form-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 36px;background:radial-gradient(ellipse at 80% -10%,oklch(.97 .03 80) 0,transparent 50%),oklch(.985 .012 80)}.auth-form-index{position:absolute;top:28px;right:36px;display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}.auth-card{width:100%;max-width:420px;background:transparent;padding:0;display:flex;flex-direction:column;gap:28px}.auth-card-head .auth-eyebrow{margin-bottom:10px}.auth-h2{font-family:Phudu,Inter,sans-serif;font-weight:800;font-size:clamp(34px,3.4vw,44px);line-height:1;letter-spacing:-.025em;margin:0;color:var(--ink)}.auth-sub{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--ink-2);max-width:38ch}.auth-fields{display:flex;flex-direction:column;gap:18px}.auth-field{position:relative}.auth-label{display:block;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.auth-field input{width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid oklch(.86 .005 240);border-radius:0;font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:var(--ink);transition:border-color .15s;letter-spacing:-.005em}.auth-field input:disabled{opacity:.55}.auth-field input:focus{outline:none}.auth-field-rule{position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.auth-field .auth-pw-wrap:focus-within~.auth-field-rule,.auth-field input:focus~.auth-field-rule{transform:scaleX(1)}.auth-pw-wrap{position:relative}.auth-pw-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;color:var(--ink-3);padding:8px;display:flex;align-items:center;transition:color .12s}.auth-pw-toggle:hover{color:var(--primary)}.auth-error{font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;color:var(--danger);min-height:18px;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;display:flex;align-items:center;gap:8px;padding-left:12px;border-left:2px solid transparent}.auth-error.is-visible{opacity:1;transform:translateY(0);border-left-color:var(--danger)}.auth-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 24px;height:56px;background:var(--ink);color:#fff;border:0;border-radius:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:background .15s,letter-spacing .25s,padding .25s}.auth-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.06) 50%,transparent);transform:translateX(-100%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.auth-submit:hover:not(:disabled){background:var(--primary-deep);letter-spacing:.26em;padding:0 30px}.auth-submit:hover:not(:disabled):before{transform:translateX(100%)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.auth-submit-arrow{display:inline-flex;align-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.auth-submit:hover:not(:disabled) .auth-submit-arrow{transform:translateX(4px)}.auth-card-foot{margin-top:6px;padding-top:18px;border-top:1px dashed oklch(.88 .005 240)}@keyframes authReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:authReveal .55s cubic-bezier(.2,.8,.2,1) both}@keyframes authShake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}35%{transform:translateX(5px)}55%{transform:translateX(-3px)}75%{transform:translateX(2px)}}.auth-shake{animation:authShake .48s cubic-bezier(.36,.07,.19,.97)}.tb-btn.danger{color:var(--ink-2)}.tb-btn.danger:hover{color:var(--danger);border-color:var(--danger);background:oklch(.97 .02 25)}.users-page{flex:1 1;min-height:0;display:flex;flex-direction:column;background:oklch(.985 .012 80);overflow:hidden}.users-head{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:24px;gap:24px;padding:18px 36px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0;position:relative}.users-head:after{content:"";position:absolute;left:36px;right:36px;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--primary) 0,oklch(.42 .11 156/.25) 30%,transparent 100%)}.users-head-left{display:flex;align-items:center;gap:24px;min-width:0}.users-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border:1px solid var(--line);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;background:#fff;transition:all .15s}.users-back:hover{border-color:var(--primary);color:var(--primary);transform:translateX(-2px)}.users-head-titles{min-width:0}.users-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}.users-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px oklch(.42 .11 156/.5)}.users-eyebrow .sep{opacity:.4}.users-title{font-family:Phudu,Inter,sans-serif;font-weight:800;font-size:34px;line-height:1;letter-spacing:-.03em;margin:0;color:var(--ink)}.users-head-right{display:flex;align-items:center;gap:18px}.users-stats{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.users-stats .stat{display:flex;flex-direction:column;gap:1px;padding:8px 16px;border-right:1px solid var(--line);min-width:78px}.users-stats .stat:last-child{border-right:0}.users-stats .stat-v{font-family:Phudu,sans-serif;font-weight:800;font-size:18px;line-height:1;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.users-stats .stat-v-muted{color:var(--ink-3)}.users-stats .stat-k{font-size:8.5px;letter-spacing:.22em;color:var(--ink-3);font-weight:600}.users-add-btn,.users-stats .stat-k{font-family:JetBrains Mono,monospace;text-transform:uppercase}.users-add-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.18em;cursor:pointer;transition:all .15s}.users-add-btn:hover{background:var(--primary-deep);letter-spacing:.22em}.users-body{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);background:oklch(.985 .012 80)}.users-list-pane{border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:0;overflow:hidden}.users-list-rail{display:grid;grid-template-columns:32px 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:14px 22px 10px;border-bottom:1px solid var(--line);background:oklch(.985 .012 80)}.rail-label{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;letter-spacing:.24em;color:var(--ink-3);text-transform:uppercase}.rail-label-right{text-align:right}.rail-label-spacer{padding-left:38px}.users-list{flex:1 1;overflow-y:auto;padding:6px 0}.user-row{width:100%;display:grid;grid-template-columns:32px 36px 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 22px;border:0;border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:background .15s;border-bottom:1px dashed oklch(.94 .005 240)}.user-row:hover{background:oklch(.985 .012 80)}.user-row.selected{background:oklch(.97 .025 156);border-left-color:var(--primary)}.user-row.muted{opacity:.72}.user-row.muted.selected{opacity:1}.user-row-index{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--ink-3);letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.user-avatar{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Phudu,sans-serif;font-weight:800;font-size:14px;letter-spacing:.04em;flex-shrink:0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 1px 3px rgba(0,0,0,.08);position:relative}.user-avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,hsla(0,0%,100%,.18),transparent 50%);pointer-events:none}.user-avatar-pending{background:oklch(.94 .012 240);color:var(--primary);font-size:18px;font-weight:700;border:1.5px dashed var(--primary);box-shadow:none}.user-row-main{min-width:0;display:flex;flex-direction:column;gap:2px}.user-row-name{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.005em;display:inline-flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-self{font-family:JetBrains Mono,monospace;font-size:8.5px;font-weight:700;letter-spacing:.2em;color:var(--primary);background:var(--primary-tint);padding:2px 7px;border-radius:999px}.user-row-meta{font-size:11.5px;color:var(--ink-2);display:inline-flex;gap:8px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row-meta .muted-text{color:var(--ink-3)}.user-row-meta .sep{opacity:.4}.user-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;flex-shrink:0}.user-pill-dot{width:6px;height:6px;border-radius:50%}.user-pill.active{background:var(--primary-tint);color:var(--primary-deep)}.user-pill.active .user-pill-dot{background:var(--primary);box-shadow:0 0 6px oklch(.42 .11 156/.5)}.user-pill.suspended{background:oklch(.96 .005 240);color:var(--ink-3)}.user-pill.suspended .user-pill-dot{background:var(--ink-3)}.user-pill-draft{background:oklch(.97 .05 80);color:oklch(.45 .12 80)}.user-row-pending{background:oklch(.97 .025 156/.4)}.user-row-pending.selected{background:oklch(.97 .025 156)}.users-empty{padding:40px 22px;text-align:center;font-size:13px;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:10px}.users-empty .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.users-empty .dot.pulse{animation:usersPulse 1.2s ease-in-out infinite}@keyframes usersPulse{0%,to{opacity:.4}50%{opacity:1}}.users-empty-error{color:var(--danger)}.users-detail-pane{padding:36px 44px 60px;overflow-y:auto;background:radial-gradient(ellipse at 100% 0,oklch(.97 .03 80) 0,transparent 50%),oklch(.985 .012 80)}.users-detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:var(--ink-2)}.detail-empty-mono{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:8px}.detail-empty-mono .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);opacity:.6}.detail-empty-h2{font-family:Phudu,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.025em;color:var(--ink);margin:0}.detail-empty-sub{margin:0;font-size:13.5px;color:var(--ink-2);max-width:36ch}.users-detail-card{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:28px;animation:detailReveal .45s cubic-bezier(.2,.8,.2,1) both}@keyframes detailReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-head{border-bottom:1px solid var(--line);padding-bottom:20px}.detail-eyebrow{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.detail-h2{font-family:Phudu,sans-serif;font-weight:800;font-size:38px;line-height:1;letter-spacing:-.03em;margin:0;color:var(--ink);word-break:break-word}.detail-id{margin-top:12px;display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-3)}.detail-id .k{letter-spacing:.22em;font-weight:700}.detail-id code{font-family:inherit;background:oklch(.96 .005 240);padding:2px 8px;border-radius:4px;color:var(--ink-2);letter-spacing:.04em}.detail-self-pill{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--primary);background:var(--primary-tint);padding:2px 8px;border-radius:999px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px 24px;gap:22px 24px}.detail-field{display:flex;flex-direction:column;gap:8px}.detail-field-full{grid-column:1/-1}.detail-label{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}.detail-label-hint{text-transform:none;letter-spacing:.02em;color:var(--ink-3);font-weight:400;font-family:Inter,sans-serif;font-size:10.5px;margin-left:4px}.detail-field input{padding:12px 0;background:transparent;border:0;border-bottom:1px solid oklch(.86 .005 240);font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:var(--ink);letter-spacing:-.005em;transition:border-color .2s}.detail-field input:focus{outline:none;border-bottom-color:var(--primary)}.detail-field input:disabled{opacity:.5}.detail-pw{position:relative}.detail-pw input{width:100%;padding-right:30px}.detail-pw-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;color:var(--ink-3);padding:6px;display:flex;align-items:center;transition:color .12s}.detail-pw-toggle:hover{color:var(--primary)}.detail-toggle-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detail-toggle{display:inline-flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;background:oklch(.96 .005 240);border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:all .15s}.detail-toggle:hover{border-color:var(--ink-3)}.detail-toggle.on{background:var(--primary-tint);border-color:var(--primary)}.toggle-track{width:34px;height:18px;background:oklch(.85 .005 240);border-radius:999px;position:relative;transition:background .2s}.detail-toggle.on .toggle-track{background:var(--primary)}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.2,.8,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.15)}.detail-toggle.on .toggle-thumb{transform:translateX(16px)}.toggle-label{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.detail-toggle-hint{font-size:12px;color:var(--ink-2);font-style:italic}.detail-error{display:flex;align-items:stretch;gap:12px;padding:12px 16px;background:oklch(.97 .04 25);border-radius:8px;color:var(--danger);font-size:13px;font-weight:500}.detail-error .bar{width:3px;background:var(--danger);border-radius:2px;align-self:stretch}.detail-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px dashed var(--line);margin-top:8px}.detail-foot-left,.detail-foot-right{display:flex;align-items:center;gap:10px}.detail-btn-danger,.detail-btn-ghost,.detail-btn-primary{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .15s}.detail-btn-ghost{border:1px solid var(--line);background:#fff;color:var(--ink-2)}.detail-btn-ghost:hover:not(:disabled){border-color:var(--ink-3);color:var(--ink)}.detail-btn-primary{border:0;background:var(--ink);color:#fff}.detail-btn-primary:hover:not(:disabled){background:var(--primary-deep);letter-spacing:.22em;padding:0 22px}.detail-btn-danger{border:1px solid transparent;background:transparent;color:var(--danger)}.detail-btn-danger:hover:not(:disabled){border-color:var(--danger);background:oklch(.97 .04 25)}.detail-btn-danger.disabled,.detail-btn-danger:disabled{opacity:.4;cursor:not-allowed}.detail-btn-danger-solid{background:var(--danger);color:#fff!important;border-color:var(--danger)}.detail-btn-danger-solid:hover:not(:disabled){background:oklch(.45 .18 25);border-color:oklch(.45 .18 25)}button:disabled{cursor:not-allowed}.users-confirm-bg{position:fixed;inset:0;background:oklch(.2 .01 240/.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;display:flex;align-items:center;justify-content:center;padding:24px;animation:confirmFade .2s ease both}@keyframes confirmFade{0%{opacity:0}to{opacity:1}}.users-confirm{width:100%;max-width:440px;background:#fff;border-radius:14px;padding:28px 28px 22px;box-shadow:0 32px 60px -16px rgba(0,0,0,.35);animation:confirmPop .35s cubic-bezier(.2,.8,.2,1) both}@keyframes confirmPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-eyebrow{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--danger);margin-bottom:12px}.confirm-h3{font-family:Phudu,sans-serif;font-weight:800;font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink)}.confirm-h3 em{font-style:normal;color:var(--danger)}.confirm-sub{font-size:13px;line-height:1.55;color:var(--ink-2);margin:0 0 22px}.confirm-row{display:flex;align-items:center;justify-content:flex-end;gap:10px}.users-toast{background:var(--primary-deep)}@media (max-width:900px){.users-body{grid-template-columns:1fr}.users-list-pane{border-right:0;border-bottom:1px solid var(--line);max-height:50vh}.users-head{grid-template-columns:1fr;gap:12px;padding:16px 20px}.users-head-right{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.users-detail-pane{padding:24px 20px 60px}}