:root{--font:"DM Sans", system-ui, sans-serif;--sidebar-bg:#0f1117;--sidebar-border:#ffffff0f;--sidebar-text:#94a3b8;--sidebar-text-bright:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#4f46e51a;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 24px #0f172a0f;--topbar-h:64px;--overdue-row-bg:#fee2e26b;--overdue-row-bg-hover:#fca5a5b8;--overdue-row-accent:#b91c1ce6;--overdue-text:#7f1d1d;--overdue-text-accent:#c2410c;--overdue-modal-bg:#ffedd5e0;--overdue-modal-bg-hover:#fdba749e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-app-mode=purchase]{--sidebar-bg:#0c1419;--accent:#0d9488;--accent-hover:#0f766e;--accent-soft:#0d94881f;--surface-2:#f0fdfa}html[data-app-mode=purchase] .shell{transition:background .25s}.sidebar__footer .mode-toggle{color:#f8fafc;background:#ffffff1a;border:1px solid #ffffff47;font-weight:600}.sidebar__footer .mode-toggle:hover{color:#fff;background:#ffffff29;border-color:#fff6}html[data-app-mode=purchase] .sidebar__footer .mode-toggle{color:#ecfdf5;background:#0d948859;border-color:#2dd4bf8c}html[data-app-mode=purchase] .sidebar__footer .mode-toggle:hover{color:#fff;background:#0d948880;border-color:#5eead4a6}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font);color:var(--text);background:var(--surface-2);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}#root{min-height:100vh}.shell{min-height:100vh;display:flex;position:relative}.shell__menu-fab{z-index:50;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--text);box-shadow:var(--shadow-md);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:fixed;top:1rem;left:1rem}.shell__menu-fab:hover{background:var(--surface-2);color:var(--accent)}.shell__backdrop{display:none}.sidebar{background:var(--sidebar-bg);width:260px;height:100vh;max-height:100dvh;color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);z-index:40;flex-direction:column;flex-shrink:0;align-self:flex-start;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .22s,box-shadow .28s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar--collapsed{opacity:0;pointer-events:none;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{opacity:1;pointer-events:auto;transform:translate(0)}@media (width<=900px){.shell__backdrop{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0f172a73;border:none;margin:0;padding:0;animation:.22s shellBackdropIn;display:block;position:fixed;inset:0}.sidebar{position:fixed;top:0;left:0;box-shadow:8px 0 32px #00000040}.sidebar--collapsed{transform:translate(-105%)}body.shell--nav-open{overflow:hidden}}@media (width>=901px){.shell--sidebar-collapsed .sidebar{opacity:0;pointer-events:none;position:fixed;transform:translate(-100%)}.shell--sidebar-open .sidebar{opacity:1;pointer-events:auto;position:sticky;transform:translate(0)}}@keyframes shellBackdropIn{0%{opacity:0}to{opacity:1}}.sidebar__brand{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:flex-start;gap:.65rem;padding:1.35rem 1rem 1.5rem 1.25rem;display:flex}.sidebar__brand-text{min-width:0}.sidebar__collapse{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--sidebar-text);cursor:pointer;background:#ffffff0f;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15rem;transition:background .15s,color .15s;display:flex}.sidebar__collapse:hover{color:var(--sidebar-text-bright);background:#ffffff1f}.sidebar__logo{color:#fff;background:linear-gradient(135deg, var(--accent), #7c3aed);width:36px;height:36px;box-shadow:0 6px 16px -8px var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__title{color:var(--sidebar-text-bright);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.sidebar__tag{color:var(--sidebar-text);margin-top:.1rem;font-size:.75rem}.sidebar__nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:.75rem .75rem 1rem;display:flex;overflow:hidden auto}.sidebar__group{flex-direction:column;gap:.15rem;display:flex}.sidebar__group+.sidebar__group{border-top:1px solid #ffffff0f;margin-top:.35rem;padding-top:.5rem}.sidebar__group-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8d9;padding:.15rem .75rem .35rem;font-size:.65rem;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;padding:.6rem .75rem .6rem .85rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.nav-item,.sidebar{transition:none}}.nav-item:hover:not(.nav-item--soon){color:var(--sidebar-text-bright);background:#ffffff0f}.nav-item--active{color:#e0e7ff;background:#6366f138}.nav-item--active:before{content:"";background:#818cf8;border-radius:0 3px 3px 0;width:3px;position:absolute;top:.35rem;bottom:.35rem;left:0}html[data-app-mode=purchase] .nav-item--active{color:#ccfbf1;background:#0d948838}html[data-app-mode=purchase] .nav-item--active:before{background:#2dd4bf}html[data-app-mode=purchase] .nav-item--active .nav-item__icon{color:#5eead4}.nav-item--active .nav-item__icon{color:#a5b4fc}.nav-item--soon{opacity:.55;cursor:default}.nav-item__icon{color:var(--sidebar-text);flex-shrink:0;display:flex}.nav-item__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--sidebar-text);background:#ffffff14;border-radius:4px;margin-left:auto;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.sidebar__footer{border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:1rem 1.25rem 1.25rem}.shell__mode-fab{z-index:48;max-width:calc(100vw - 2rem);position:fixed;bottom:1rem;left:1rem;box-shadow:0 4px 14px #0f172a2e}.env-pill{text-transform:uppercase;letter-spacing:.06em;color:#86efac;background:#22c55e26;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.sidebar__hint{color:var(--sidebar-text);opacity:.9;margin:.65rem 0 0;font-size:.75rem;line-height:1.45}.shell__main{background:linear-gradient(180deg, #eef2ff 0%, var(--surface-2) 220px);flex-direction:column;flex:1;min-width:0;display:flex}.shell__content{flex-direction:column;flex:1;min-width:0;display:flex}.app-topnav{z-index:25;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 1px #0f172a0a}html[data-app-mode=purchase] .app-topnav{background:#fffffff0}.app-topnav__start{flex-shrink:0;align-items:center;gap:.5rem;min-width:0;display:flex}.app-topnav__menu-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.app-topnav__menu-btn:hover{border-color:var(--border-strong);color:var(--accent);background:var(--surface-2)}.app-topnav__brand{flex-direction:column;min-width:0;display:flex}.app-topnav__brand-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:1.2}.app-topnav__crumb{color:var(--text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.app-topnav__links{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:1;align-items:center;gap:.25rem;min-width:0;padding:.15rem 0;display:flex;overflow:auto hidden}.app-topnav__link{font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:.38rem .72rem;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.app-topnav__link:hover{background:var(--surface-2);color:var(--text)}.app-topnav__link--active{background:var(--accent-soft);color:var(--accent);border-color:#4f46e533}html[data-app-mode=purchase] .app-topnav__link--active{border-color:#0d948840}.app-topnav__end{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.app-topnav__mode-pill{letter-spacing:.06em;text-transform:uppercase;background:var(--surface-2);color:var(--text-muted);border-radius:6px;padding:.2rem .45rem;font-size:.65rem;font-weight:700}.app-topnav__mode-btn{white-space:nowrap}@media (width<=900px){.app-topnav{flex-wrap:wrap;padding:.5rem .75rem}.app-topnav__links{flex:100%;order:3;max-width:100%}.app-topnav__mode-pill{display:none}.app-topnav__mode-btn{padding:.35rem .55rem;font-size:.75rem}}@media (width>=901px){.shell__menu-fab{display:none}}.shell--sidebar-collapsed .topbar{padding-left:4.25rem}.topbar{min-height:var(--topbar-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.75rem;display:flex}.topbar__title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:1.35rem;font-weight:700}.topbar__subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.875rem}.topbar__actions{align-items:center;gap:.65rem;display:flex}.topbar__back{font:inherit;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.35rem;margin-right:.25rem;padding:.45rem .75rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.topbar__back:hover{background:var(--surface-2);color:var(--text)}.topbar__lead{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.topbar__lead .topbar__title{margin:0}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:600}.chip--accent{background:var(--accent-soft);color:var(--accent);border-color:#6366f159}.chip--muted{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-muted)}.workspace{flex:1;grid-template-columns:1fr;align-items:start;gap:1.5rem;padding:1.5rem 1.75rem 2.5rem;display:grid}@media (width>=1080px){.workspace--editor{grid-template-columns:minmax(0,1fr) 340px}.workspace--editor .workspace__primary{grid-column:1}.workspace--editor .workspace__aside{grid-area:1/2}}.workspace__primary{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.workspace__aside{position:sticky;top:1rem}.panel--full{width:100%}.bills-table-wrap{border-top:none}.data-table--compact td,.data-table--compact th{padding:.55rem .85rem}.col-inv{min-width:6.5rem}.col-gstin{min-width:9.5rem}.col-hsn{width:6.5rem;min-width:5.5rem}.col-hsn-qty{vertical-align:top;text-align:center;width:7.25rem;min-width:6.5rem}.th-sub{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:.2rem;font-size:.65rem;font-weight:600;display:block}.hsn-qty-stack{flex-direction:column;align-items:stretch;gap:.4rem;width:100%;min-width:0;display:flex}.hsn-qty-stack .table-input{box-sizing:border-box;width:100%;min-width:0}.hsn-qty-stack .table-input--mono,.hsn-qty-stack .table-input--qty-cell{text-align:center}.hsn-qty-stack .table-select--unit{box-sizing:border-box;text-align:center;width:100%;min-width:0;padding:.28rem .35rem;font-size:.72rem}.price-cell__unit-hint{color:var(--text-muted);margin-top:.15rem;font-size:.68rem;display:block}.col-pick{white-space:nowrap;vertical-align:top;width:12rem;min-width:10rem}.party-fields-grid{margin-top:1rem}.col-product-wide{min-width:160px}.col-price-wide{width:11rem;min-width:9rem}.col-date{white-space:nowrap;min-width:8.5rem}.col-num,.data-table--compact th.col-num{text-align:right}.cell-mono{letter-spacing:.02em;font-family:ui-monospace,Cascadia Code,monospace;font-size:.8rem}.cell-num{font-variant-numeric:tabular-nums}.cell-strong{font-weight:600}.cell-muted{color:var(--text-muted);font-size:.8125rem}.bills-empty{text-align:center;color:var(--text-muted);font-size:.875rem;padding:1.75rem 1rem!important}.bills-grid tbody tr.is-selected{background:#eef2ff}.bills-grid tbody tr.is-selected:hover{background:#e0e7ff}.linkish{font:inherit;color:var(--accent);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:500;-webkit-text-decoration:underline #4f46e559;text-decoration:underline #4f46e559}.linkish:hover{color:var(--accent-hover)}.inline-alert--inset{margin:0 1.35rem .75rem}.panel__toolbar--split{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.panel__toolbar--split .btn--secondary{margin-right:auto}.spinner--dark{border-color:#0f172a33;border-top-color:var(--text-muted)}.panel{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.panel--overflow-visible{overflow:visible}.panel__head{padding:1.15rem 1.35rem 0}.panel__head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel__title{color:var(--text);margin:0;font-size:1rem;font-weight:600}.panel__desc{color:var(--text-muted);margin:.35rem 0 0;font-size:.8125rem}.panel__body{padding:1.1rem 1.35rem 1.35rem}.panel__body--flush{padding:0 0 1.25rem}.panel__toolbar{margin-top:.25rem;padding:0 1.35rem}.form-grid{gap:1rem;display:grid}@media (width>=640px){.form-grid{grid-template-columns:1fr 1fr}}@media (width>=800px){.form-grid--three{grid-template-columns:1fr 1fr 1fr}}@media (width>=900px){.form-grid--invoice{grid-template-columns:repeat(4,minmax(0,1fr))}}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem;font-weight:600}.form-hint{color:var(--text-muted);text-transform:none;letter-spacing:normal;margin-top:.35rem;font-size:.72rem;font-weight:400;line-height:1.4;display:block}.form-select{cursor:pointer;appearance:auto}.form-input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.65rem .75rem;transition:border-color .15s,box-shadow .15s}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e526}.form-input:disabled,.form-textarea:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed;opacity:.92}.party-lock-hint{margin:0 0 .75rem}.table-input:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed;opacity:.9}.form-input--mono{letter-spacing:.04em;font-family:ui-monospace,Cascadia Code,monospace}.table-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:auto visible}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:var(--surface-2)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.65rem 1rem;font-size:.7rem;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid var(--border);padding:.5rem 1rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f8fafccc}.data-table tbody tr.bill-row--overdue:hover,.bills-grid tbody tr.bill-row--overdue.is-selected:hover{background:var(--overdue-row-bg-hover);box-shadow:inset 3px 0 0 var(--overdue-row-accent)}.col-product{min-width:200px}.col-qty{width:5.5rem;min-width:5.5rem;max-width:6.5rem}.data-table--bill-lines{table-layout:fixed;min-width:640px}.combo--modal-catalog{max-width:none}.combo__dropdown--modal{max-height:260px}.data-table--bill-lines .col-product-wide{width:auto;min-width:0}.table-input.table-input--qty-cell{text-align:center;min-width:4.25rem}.col-price{width:10.5rem;min-width:9.5rem}.data-table--bill-lines .col-actions{text-align:right;width:48px;min-width:48px}.col-actions.master-grid-actions,.data-table:not(.data-table--bill-lines) td.col-actions{text-align:right;vertical-align:middle;width:auto;min-width:12rem;max-width:none}.master-grid-actions .icon-btn+.icon-btn{margin-left:.15rem}.master-grid-sub{letter-spacing:.01em;margin-top:.12rem;font-size:.68rem}.btn--xs{border-radius:6px;padding:.35rem .55rem;font-size:.75rem}.table-input--readonly{background:var(--surface-2);color:var(--text-muted);cursor:default}.price-cell{flex-direction:column;align-items:stretch;gap:.15rem;min-width:0;display:flex}.price-cell__hint{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:.2rem;font-size:.68rem;line-height:1.2;display:flex}.price-cell__hint-label{flex-shrink:0}.price-cell__hint-sep{opacity:.55;flex-shrink:0}.table-input{width:100%;font:inherit;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;padding:.5rem .6rem}.table-input:hover{background:#f1f5f9cc}.table-input:focus{background:var(--surface);border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #4f46e51f}.table-input--num{font-variant-numeric:tabular-nums;text-align:right}.table-input--mono{letter-spacing:.02em;font-family:ui-monospace,Cascadia Code,monospace;font-size:.8125rem}.input-prefix{align-items:center;gap:.25rem;display:flex}.input-prefix__sym{color:var(--text-muted);flex-shrink:0;font-size:.8rem;font-weight:600}.input-prefix .table-input{flex:1;min-width:0}.icon-btn{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{color:#dc2626;background:#fee2e2e6}.inline-alert{border-radius:var(--radius-sm);color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;margin:.75rem 1.35rem 0;padding:.65rem .85rem;font-size:.875rem}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--secondary:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn--ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn--sm{padding:.45rem .75rem;font-size:.8125rem}.btn__plus{font-size:1.1rem;font-weight:500;line-height:1}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.summary-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden}.summary-card__head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6366f10f 0%,#0000 60%);padding:1.15rem 1.25rem}.summary-card__title{letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:700}.summary-card__empty{color:var(--text-muted);margin:.4rem 0 0;font-size:.8rem}.summary-invoice{border-bottom:1px solid var(--border);background:var(--surface-2);padding:.75rem 1.25rem;font-size:.8125rem}.summary-invoice__row{justify-content:space-between;align-items:baseline;gap:.75rem;padding:.25rem 0;display:flex}.summary-invoice__row span:first-child{color:var(--text-muted);flex-shrink:0}.summary-party{border-bottom:1px solid var(--border);background:var(--surface-2);padding:1rem 1.25rem}.summary-party__name{color:var(--text);font-size:.9rem;font-weight:600}.summary-party__meta{color:var(--text-muted);letter-spacing:.03em;margin-top:.25rem;font-family:ui-monospace,monospace;font-size:.75rem}.summary-party__addr{color:var(--text-muted);white-space:pre-line;margin-top:.45rem;font-size:.78rem;line-height:1.45}.summary-lines{border-bottom:1px solid var(--border);max-height:220px;margin:0;padding:.75rem 1.25rem;list-style:none;overflow-y:auto}.summary-lines__item{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.8125rem;display:flex}.summary-lines__item:last-child{border-bottom:none}.summary-lines__main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.summary-lines__desc{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;font-weight:400;line-height:1.35;display:block}.summary-lines__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.summary-lines__incl{color:var(--text-muted);font-size:.72rem;font-weight:400}.summary-lines__qty{color:var(--text-muted);font-size:.72rem}.summary-lines__amt{font-variant-numeric:tabular-nums;color:var(--text);flex-shrink:0;font-weight:600}.summary-totals{margin:0;padding:.85rem 1.25rem 1.15rem}.summary-totals__row{justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;font-size:.875rem;display:flex}.summary-totals__row dt{color:var(--text-muted);margin:0;font-weight:500}.summary-totals__row dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.summary-totals__row--grand{border-top:2px solid var(--border);margin-top:.35rem;padding-top:.75rem}.summary-totals__row--grand dt{color:var(--text);font-weight:700}.summary-totals__row--grand dd{color:var(--accent);font-size:1.2rem;font-weight:700}.summary-placeholder{text-align:center;padding:1.5rem 1.25rem 1.75rem}.summary-placeholder__visual{border-radius:var(--radius);background:var(--surface-2);color:var(--border-strong);margin-bottom:.75rem;padding:1rem;display:inline-flex}.summary-placeholder p{color:var(--text-muted);max-width:240px;margin:0 auto;font-size:.8125rem;line-height:1.55}.col-status{white-space:nowrap;width:6.5rem}.status-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:.2rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.status-pill--active{color:#15803d;background:#22c55e26}.status-pill--inactive{color:var(--text-muted);background:#f1f5f9}.payment-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:.2rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.payment-pill--paid{color:#15803d;background:#22c55e26}.payment-pill--partial{color:#b45309;background:#fbbf2433}.payment-pill--unpaid{color:#dc2626;background:#fee2e2e6}.payment-pill--overdue{color:var(--overdue-text-accent);background:#fed7aaf2}.bill-row--overdue{background:var(--overdue-row-bg);box-shadow:inset 3px 0 0 var(--overdue-row-accent)}.bill-row--overdue .linkish{color:var(--overdue-text)}.bill-row--overdue .cell-muted{color:#57534e}.overdue-badge{color:var(--overdue-text);font-size:.7rem;font-weight:600}.party-credit-banner{border-radius:var(--radius-sm);color:var(--text-muted);background:#f1f5f9e6;border:1px solid #cbd5e1cc;flex-wrap:wrap;gap:.35rem 1rem;margin:.65rem 0 0;padding:.55rem .75rem;font-size:.8rem;display:flex}.party-credit-banner strong{color:var(--text);font-weight:600}.party-credit-banner--warning{color:#7f1d1d;background:#451a1a14;border-color:#7f1d1d40}.party-credit-banner--warning strong{color:#7f1d1d}.inline-alert--warning{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.credit-bar{background:#e2e8f0;border-radius:2px;max-width:8rem;height:4px;margin-top:.35rem;overflow:hidden}.credit-bar__fill{border-radius:2px;height:100%;transition:width .2s}.credit-bar__fill--ok{background:#22c55e}.credit-bar__fill--warn{background:#f59e0b}.credit-bar__fill--danger{background:#dc2626}.credit-edit-snapshot{background:#f8fafc;border-radius:8px;margin-top:.5rem;padding:.75rem}.payment-summary-dl{grid-template-columns:repeat(3,1fr);gap:.75rem 1rem;margin:0 0 1rem;display:grid}.payment-summary-dl dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:.7rem;font-weight:600}.payment-summary-dl dd{margin:.15rem 0 0;font-weight:600}.payment-form{margin-top:.5rem}.panel__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.bill-row--inactive{opacity:.72}.bill-row--inactive .linkish{color:var(--text-muted)}.icon-btn--danger:hover{color:#dc2626;background:#fee2e2f2}.form-textarea{resize:vertical;min-height:4.5rem;line-height:1.45}.form-field--block{max-width:100%;margin-top:1rem}.form-field--narrow{max-width:20rem;margin-top:1rem}.modal-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog{width:100%;max-width:480px;margin:auto}.modal-dialog--wide{max-width:720px}.ledger-modal-summary{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;display:flex}.ledger-modal-summary__amount{margin-top:.15rem;font-size:1.25rem;display:block}.ledger-modal-table{max-height:280px;overflow:auto}.transactions-modal{flex-direction:column;width:min(96vw,920px);max-width:none;max-height:min(88vh,780px);padding:0;display:flex;overflow:hidden}.transactions-modal__head{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1.1rem .5rem}.transactions-modal__hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.4}.transactions-modal__toolbar{border-bottom:1px solid var(--border);background:var(--surface-2,#f8fafc);flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:.65rem .85rem;padding:.65rem 1.1rem;display:flex}.transactions-modal__date{min-width:9rem;margin:0}.transactions-modal__alert{flex-shrink:0;margin:.5rem 1.1rem 0}.transactions-modal__summary{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:.75rem 1.25rem;padding:.65rem 1.1rem;font-size:.85rem;display:flex}.transactions-modal__summary-total{margin-top:.1rem;font-size:1.15rem;display:block}.transactions-modal__scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:12rem;overflow:auto}.transactions-modal__table{margin:0}.transactions-modal__table thead th{z-index:2;background:var(--surface);box-shadow:0 1px 0 var(--border);position:sticky;top:0}.transactions-modal__row--payment{background:#f0fdf4a6}.transactions-modal__row--payment:hover{background:#dcfce7d9}.transactions-modal__row--overdue{background:var(--overdue-modal-bg)}.data-table tbody tr.transactions-modal__row--overdue:hover{background:var(--overdue-modal-bg-hover)}.transactions-modal__row--overdue .linkish{color:var(--overdue-text-accent);font-weight:600}.transactions-modal__type-overdue{color:var(--overdue-text-accent);margin-top:.1rem;font-size:.68rem;font-weight:600;display:block}.transactions-modal__loading{color:var(--text-muted);margin:0;padding:1.25rem 1.1rem}.btn--danger-text{color:#b91c1c}.btn--danger-text:hover:not(:disabled){color:#991b1b;background:#fee2e299}.ledger-outstanding-link{color:var(--accent,#2563eb);font-weight:600}.product-pick-list{max-height:240px}.product-pick-list--filter{max-height:220px}.combo{max-width:32rem;position:relative}.combo--table{max-width:none}.combo__field{align-items:stretch;display:flex;position:relative}.combo__field--table .table-input{padding-right:1.75rem}.combo__input{flex:1;min-width:0}.combo__field{position:relative}.combo__clear{width:22px;height:22px;color:var(--text-muted,#888);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.combo__clear:hover{color:var(--text,#222);background:var(--surface-hover,#f0f0f0)}.combo__chevron{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.combo__chevron:hover{color:var(--text);background:#f1f5f9e6}.combo__chevron--table{right:.15rem}.combo__dropdown{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.combo__dropdown--table{min-width:16rem;max-width:min(22rem,85vw)}.combo__options{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.combo__option{border:none;border-bottom:1px solid var(--border);background:var(--surface);width:100%;font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.5rem .75rem;transition:background .1s;display:flex}.combo__options li:last-child .combo__option{border-bottom:none}.combo__option:hover,.combo__option--active{background:var(--surface-2)}.combo__option-title{color:var(--text);font-size:.875rem;font-weight:600}.combo__option-meta{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.7rem}.combo__hint{color:var(--text-muted);padding:.65rem .75rem;font-size:.8125rem}.combo__hint--error{color:#b91c1c}.combo__footer{border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0;padding:.5rem .65rem}.combo__footer-btn{width:100%}.product-pick-row__desc{color:var(--text-muted);text-align:left;font-size:.75rem;line-height:1.35}.modal-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:0;overflow:hidden;box-shadow:0 20px 50px #0f172a26}.modal-card__head{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.15rem;display:flex}.modal-card__title{margin:0;font-size:1.05rem;font-weight:700}.modal-card__close{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.35rem;line-height:1}.modal-card__close:hover{background:var(--border);color:var(--text)}.modal-card__intro{color:var(--text-muted);margin:0;padding:.75rem 1.15rem 0;font-size:.8125rem;line-height:1.45}.modal-card__actions{border-bottom:1px solid var(--border);background:var(--surface);justify-content:flex-end;align-items:center;gap:.5rem;padding:.65rem 1.15rem;display:flex}.modal-card__body{max-height:min(70vh,520px);padding:1rem 1.15rem;overflow-y:auto}.bill-preview__delivery{margin-bottom:1rem;display:block}.bill-preview__delivery .form-input{max-width:12rem}.company-master__logo{margin-bottom:1.25rem}.company-master__logo-box{justify-content:flex-start;align-items:center;min-height:80px;display:flex}.company-master__logo-img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);width:auto;max-width:220px;height:auto;max-height:80px;padding:6px}.company-master__section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:1.25rem 0 .75rem;font-size:.8rem;font-weight:700}.company-master__logo-source{margin-bottom:.65rem}.company-master__logo-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.company-master__file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bill-preview__dl{grid-template-columns:7rem 1fr;gap:.35rem 1rem;margin:0 0 1rem;font-size:.875rem;display:grid}.bill-preview__dl dt{color:var(--text-muted);margin:0;font-weight:600}.bill-preview__dl dd{margin:0}.bill-preview__addr-dt{align-self:start}.bill-preview__addr-dd{white-space:pre-wrap;word-break:break-word}.bill-preview__lines-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.bill-preview__lines{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:180px;margin:0 0 1rem;padding:0;list-style:none;overflow-y:auto}.bill-preview__lines li{border-bottom:1px solid var(--border);flex-direction:column;gap:.2rem;padding:.5rem .65rem;display:flex}.bill-preview__lines li:last-child{border-bottom:none}.bill-preview__line-name{font-size:.875rem;font-weight:600}.bill-preview__line-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.bill-preview__totals{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:.35rem 1.5rem;margin:0;padding:.75rem 0 0;font-size:.875rem;display:grid}.bill-preview__totals dt{color:var(--text-muted);margin:0}.bill-preview__totals dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.bill-preview__totals .bill-preview__grand dt,.bill-preview__totals .bill-preview__grand dd{padding-top:.35rem;font-size:1rem;font-weight:700}.modal-section{border-bottom:1px solid var(--border);padding:1rem 1.15rem}.modal-section:last-child{border-bottom:none}.modal-section--compact{padding-top:.65rem;padding-bottom:.65rem}.form-field--inline-qty{flex-flow:wrap;align-items:center;gap:.65rem 1rem}.form-field--inline-qty .form-label{flex-shrink:0;margin:0}.form-input--qty{font-variant-numeric:tabular-nums;text-align:center;max-width:6rem}.modal-section__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .65rem;font-size:.75rem;font-weight:700}.modal-muted{color:var(--text-muted);margin:0;font-size:.875rem}.modal-error{color:#b91c1c;margin:0 0 .5rem;font-size:.8125rem}.vendor-pick-list{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.vendor-pick-row{border:none;border-bottom:1px solid var(--border);background:var(--surface);width:100%;font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .75rem;transition:background .12s;display:flex}.vendor-pick-list li:last-child .vendor-pick-row{border-bottom:none}.vendor-pick-row:hover{background:var(--surface-2)}.vendor-pick-row__name{color:var(--text);font-size:.875rem;font-weight:600}.vendor-pick-row__meta{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.72rem}.modal-form{flex-direction:column;gap:.75rem;display:flex}.modal-form__actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}@media (width<=860px){.shell{flex-direction:column}.sidebar:not(.sidebar--collapsed){width:100%}.sidebar{flex-flow:wrap;align-items:center;padding:.5rem 0}.sidebar__brand{border-bottom:none;flex:1;min-width:200px;padding:.75rem 1rem}.sidebar__nav{border-top:1px solid var(--sidebar-border);flex-flow:wrap;flex:100%;padding:0 .75rem .75rem}.nav-item{flex:none}.sidebar__footer{border-top:1px solid var(--sidebar-border);flex-direction:column;flex:100%;align-items:stretch;padding:.5rem .75rem .75rem;display:flex}.sidebar__footer .sidebar__hint{display:none}.sidebar:not(.sidebar--collapsed){z-index:40;height:auto;max-height:none;position:sticky;top:0}.workspace__aside{position:static}}.analytics-filters{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.analytics-filters__row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;gap:.75rem 1rem;display:grid}@media (width>=720px){.form-field--grow{grid-column:span 2}}.form-field--check{flex-direction:row;align-items:center;gap:.5rem}.form-field--check .form-label{margin:0}.analytics-summary{border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.25rem;padding:.75rem 0;display:flex}.analytics-summary__item{flex-direction:column;gap:.15rem;display:flex}.analytics-summary__item--accent .analytics-summary__value{color:var(--accent);font-size:1.35rem}.analytics-summary__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.7rem;font-weight:700}.analytics-summary__value{font-variant-numeric:tabular-nums;color:var(--text);font-size:1rem;font-weight:700}.analytics-table-wrap{max-height:min(65vh,720px);overflow:auto}.analytics-table th{z-index:1;background:var(--surface-2);vertical-align:bottom;padding:0;position:sticky;top:0}.analytics-sort-btn{width:100%;font:inherit;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:space-between;align-items:center;gap:.35rem;padding:.5rem .45rem;font-size:.7rem;font-weight:700;display:flex}.analytics-sort-btn:hover{background:var(--border);color:var(--text)}.analytics-sort-btn--active{color:var(--accent,#4f46e5)}.analytics-sort-btn__hint{opacity:.85;flex-shrink:0;font-size:.65rem}.analytics-footnote{color:var(--text-muted);margin:0;padding:.65rem .75rem;font-size:.75rem;line-height:1.4}.table-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.2rem;max-width:none;display:flex}.table-actions__btn{white-space:nowrap;flex:none;padding:.18rem .4rem;font-size:.65rem}.table-actions__btn--danger{color:#b91c1c;border-color:#f8717180}.pagination-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:.75rem 0 0;padding:.5rem .75rem .65rem;display:flex}.panel__body--flush>.pagination-bar:first-child{border-top:none;border-bottom:1px solid var(--border);margin-top:0;padding-top:.65rem;padding-bottom:.5rem}.pagination-bar__meta{color:var(--text-muted);font-size:.8rem}.pagination-bar__controls{align-items:center;gap:.5rem;display:flex}.pagination-bar__page{color:var(--text-muted);text-align:center;min-width:5.5rem;font-size:.8rem}.inventory-metrics{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;display:grid}.inventory-metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.85rem 1rem}.inventory-metric-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:700;display:block}.inventory-metric-card__value{color:var(--text);margin-top:.25rem;font-size:1.25rem;line-height:1.1;display:block}.inventory-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;padding:.85rem 1.35rem;display:flex}.inventory-toolbar__search{flex:1;min-width:min(26rem,100%)}.inventory-import-summary{color:var(--text-muted);flex-wrap:wrap;gap:.6rem 1rem;font-size:.82rem;display:flex}.inventory-import-summary span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:.3rem .55rem}.inventory-product-cell{align-items:center;gap:.5rem;display:flex}.inventory-stock-chip{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .45rem;font-size:.65rem;font-weight:700}.inventory-stock-chip--ok{color:#15803d;background:#22c55e26}.inventory-stock-chip--warn{color:#b45309;background:#f59e0b29}.inventory-stock-chip--danger{color:#b91c1c;background:#ef444429}.inventory-stock-input{min-width:5.5rem}.inventory-quick-edit{align-items:center;gap:.35rem;display:inline-flex}.inventory-review-submeta{color:var(--text-muted);margin-top:.2rem;font-size:.74rem}.metrics-tabs{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.metrics-tabs__btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.metrics-tabs__btn:hover{border-color:var(--border-strong);color:var(--text)}.metrics-tabs__btn--active{background:var(--accent-soft);color:var(--accent);border-color:#4f46e559}html[data-app-mode=purchase] .metrics-tabs__btn--active{background:var(--accent-soft);color:var(--accent);border-color:#0d948859}.metrics-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.metrics-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.85rem 1rem}.metrics-kpi__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600;display:block}.metrics-kpi__value{letter-spacing:-.02em;margin-top:.25rem;font-size:1.35rem;font-weight:700;display:block}.metrics-kpi__sub{color:var(--text-muted);margin-top:.2rem;font-size:.75rem;display:block}.metrics-kpi__sub--warn{color:#c2410c;font-weight:500}.metrics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin-bottom:1rem;display:grid}.chart-card__body{min-height:12rem}.app-boot{min-height:100dvh;color:var(--text-muted);background:var(--surface-2);justify-content:center;align-items:center;gap:.75rem;font-weight:500;display:flex}.auth{background:var(--surface);grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid;overflow:hidden}.auth__hero{color:#f8fafc;isolation:isolate;background:#0b1020;flex-direction:column;justify-content:space-between;padding:clamp(2rem,4vw,3.5rem);display:flex;position:relative;overflow:hidden}.auth__aurora{z-index:-2;filter:blur(14px)saturate(135%);opacity:.9;background:radial-gradient(38% 44% at 22% 28%,#6366f1 0%,#0000 60%),radial-gradient(42% 48% at 78% 30%,#8b5cf6 0%,#0000 60%),radial-gradient(50% 55% at 60% 82%,#2563eb 0%,#0000 62%),radial-gradient(40% 45% at 25% 78%,#0ea5e9 0%,#0000 60%);animation:22s ease-in-out infinite alternate auth-aurora;position:absolute;inset:-30%}@keyframes auth-aurora{0%{transform:translate(-4%,-3%)rotate(0)scale(1.05)}50%{transform:translate(4%,2%)rotate(8deg)scale(1.15)}to{transform:translate(-2%,4%)rotate(-6deg)scale(1.08)}}.auth__grid{z-index:-1;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 40%,#0000 100%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 40%,#0000 100%)}.auth__orb{z-index:-1;filter:blur(6px);opacity:.5;mix-blend-mode:screen;border-radius:50%;position:absolute}.auth__orb--1{background:radial-gradient(circle at 30% 30%,#a5b4fc,#0000 70%);width:190px;height:190px;animation:16s ease-in-out infinite auth-float-1;top:12%;left:8%}.auth__orb--2{background:radial-gradient(circle at 30% 30%,#c4b5fd,#0000 70%);width:240px;height:240px;animation:20s ease-in-out infinite auth-float-2;bottom:6%;right:10%}.auth__orb--3{background:radial-gradient(circle at 30% 30%,#7dd3fc,#0000 70%);width:130px;height:130px;animation:18s ease-in-out infinite auth-float-3;top:46%;right:26%}@keyframes auth-float-1{50%{transform:translate(26px,-22px)scale(1.12)}}@keyframes auth-float-2{50%{transform:translate(-30px,18px)scale(1.08)}}@keyframes auth-float-3{50%{transform:translate(-18px,-26px)scale(1.15)}}.auth__hero-content{max-width:30rem;margin-top:auto;margin-bottom:auto;position:relative}.auth__logo{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:16px;place-items:center;width:56px;height:56px;animation:.7s cubic-bezier(.22,1,.36,1) both auth-rise;display:grid;box-shadow:0 8px 30px #00000040}.auth__hero-title{letter-spacing:-.02em;margin:1.25rem 0 0;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;line-height:1.05;animation:.7s cubic-bezier(.22,1,.36,1) 60ms both auth-rise}.auth__hero-tagline{color:#e2e8f0d1;margin:.85rem 0 0;font-size:1.02rem;line-height:1.55;animation:.7s cubic-bezier(.22,1,.36,1) .12s both auth-rise}.auth__features{flex-direction:column;gap:.7rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.auth__feature{color:#e2e8f0e6;align-items:center;gap:.65rem;font-size:.92rem;animation:.7s cubic-bezier(.22,1,.36,1) both auth-rise;display:flex}.auth__feature:first-child{animation-delay:.18s}.auth__feature:nth-child(2){animation-delay:.24s}.auth__feature:nth-child(3){animation-delay:.3s}.auth__feature-icon{color:#d9fbe7;background:#10b98138;border:1px solid #10b98166;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.auth__hero-footer{color:#e2e8f099;font-size:.8rem;animation:.7s .36s both auth-rise;position:relative}.auth__panel{background:radial-gradient(900px 500px at 80% -10%, var(--accent-soft), transparent 60%), var(--surface-2);justify-content:center;align-items:center;padding:1.5rem;display:flex}.auth__card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:384px;box-shadow:0 24px 60px -20px #0f172a38, var(--shadow-sm);border-radius:18px;flex-direction:column;gap:.9rem;padding:clamp(1.5rem,3vw,2.25rem);animation:.6s cubic-bezier(.22,1,.36,1) both auth-card-in;display:flex}.auth__card>*{animation:.55s cubic-bezier(.22,1,.36,1) both auth-rise}.auth__card>:first-child{animation-delay:80ms}.auth__card>:nth-child(2){animation-delay:.14s}.auth__card>:nth-child(3){animation-delay:.2s}.auth__card>:nth-child(4){animation-delay:.26s}.auth__card>:nth-child(5){animation-delay:.32s}.auth__card>:nth-child(6){animation-delay:.38s}.auth__card>:nth-child(7){animation-delay:.44s}.auth__mark{color:#fff;background:linear-gradient(135deg, var(--accent), #7c3aed);width:46px;height:46px;box-shadow:0 10px 24px -8px var(--accent);border-radius:13px;place-items:center;display:grid}.auth__head{margin-bottom:.15rem}.auth__title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.4rem;font-weight:800}.auth__subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.88rem}.auth__field{flex-direction:column;gap:.35rem;display:flex}.auth__input-wrap{align-items:center;display:flex;position:relative}.auth__input-icon{color:var(--text-muted);pointer-events:none;transition:color .15s;position:absolute;left:.85rem}.auth__input{width:100%;padding-left:2.6rem}.auth__input--password{padding-right:2.7rem}.auth__input-wrap:focus-within .auth__input-icon{color:var(--accent)}.auth__reveal{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;right:.5rem}.auth__reveal:hover{color:var(--text);background:var(--surface-2)}.auth__submit{background:linear-gradient(135deg, var(--accent), #7c3aed);width:100%;box-shadow:0 12px 24px -12px var(--accent);border:none;justify-content:center;gap:.5rem;margin-top:.35rem;padding-block:.7rem;font-size:.95rem;transition:transform .12s,box-shadow .2s,filter .2s}.auth__submit:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 16px 30px -12px var(--accent);transform:translateY(-1px)}.auth__submit:active:not(:disabled){transform:translateY(0)}.auth__submit svg{transition:transform .18s}.auth__submit:hover:not(:disabled) svg{transform:translate(3px)}.auth__secure{color:var(--text-muted);justify-content:center;align-items:center;gap:.4rem;margin:.35rem 0 0;font-size:.78rem;display:flex}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=860px){.auth{grid-template-columns:1fr}.auth__hero{display:none}.auth__panel{background:radial-gradient(1000px 520px at 50% -20%, var(--accent-soft), transparent 60%), var(--surface-2)}}@media (prefers-reduced-motion:reduce){.auth__aurora,.auth__orb--1,.auth__orb--2,.auth__orb--3{animation:none}.auth__logo,.auth__hero-title,.auth__hero-tagline,.auth__feature,.auth__hero-footer,.auth__card,.auth__card>*{opacity:1;animation:none;transform:none}}.sidebar__mode-toggle{width:100%;margin-top:.5rem}.sidebar__hint{margin-top:.5rem}.sidebar__user{border-top:1px solid var(--sidebar-border);align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.75rem;display:flex}.sidebar__user-avatar{color:#fff;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:grid}.sidebar__user-email{min-width:0;color:var(--sidebar-text-bright);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.8rem;overflow:hidden}.sidebar__logout{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--sidebar-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;flex:none;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.sidebar__logout:hover{color:#fff;background:#ffffff24;border-color:#ffffff52}.btn--danger{color:#fff;background:#dc2626;border-color:#dc2626}.btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.confirm-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:440px;box-shadow:var(--shadow-md);flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.confirm-modal__title{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.confirm-modal__body{color:var(--text-muted);white-space:pre-line;font-size:.9rem;line-height:1.5}.confirm-modal__body ul{margin:.5rem 0 0;padding-left:1.1rem}.confirm-modal__actions{justify-content:flex-end;gap:.5rem;margin-top:.35rem;display:flex}.toast-stack{z-index:1200;flex-direction:column;gap:.5rem;max-width:min(380px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--text-muted);box-shadow:var(--shadow-md);color:var(--text);align-items:flex-start;gap:.6rem;padding:.7rem .85rem;font-size:.87rem;animation:.18s ease-out toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--error{border-left-color:#dc2626}.toast--success{border-left-color:#16a34a}.toast--info{border-left-color:var(--accent)}.toast__msg{flex:auto;min-width:0}.toast__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0 .15rem;font-size:1.1rem;line-height:1}.toast__close:hover{color:var(--text)}.onb{z-index:1300;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.onb__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b10208c;animation:.25s both onb-fade;position:absolute;inset:0}.onb__card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 2.5rem);animation:.4s cubic-bezier(.22,1,.36,1) both onb-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -24px #0f172a80}.onb__head{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1.1rem 1.5rem .9rem;display:flex}.onb__progress{flex:auto;align-items:center;gap:.75rem;display:flex}.onb__bar{background:var(--surface-2);border-radius:999px;flex:auto;height:6px;overflow:hidden}.onb__bar-fill{background:linear-gradient(90deg, var(--accent), #7c3aed);border-radius:999px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}.onb__step-label{color:var(--text-muted);white-space:nowrap;flex:none;font-size:.75rem;font-weight:600}.onb__skip{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:none;padding:.35rem .5rem;font-size:.82rem;font-weight:600}.onb__skip:hover{color:var(--text);background:var(--surface-2)}.onb__body{padding:1.75rem 1.75rem 1.5rem;animation:.35s cubic-bezier(.22,1,.36,1) both onb-step;overflow-y:auto}.onb__step{flex-direction:column;gap:.6rem;display:flex}.onb__step--center{text-align:center;align-items:center}.onb__hero-icon,.onb__done-icon{color:#fff;border-radius:18px;place-items:center;width:60px;height:60px;margin-bottom:.35rem;display:grid}.onb__hero-icon{background:linear-gradient(135deg, var(--accent), #7c3aed);box-shadow:0 12px 26px -10px var(--accent)}.onb__done-icon{background:linear-gradient(135deg,#16a34a,#059669);animation:.5s cubic-bezier(.22,1,.36,1) both onb-pop;box-shadow:0 12px 26px -10px #16a34a}.onb__title{letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.35rem;font-weight:800}.onb__subtitle{color:var(--text-muted);max-width:42ch;margin:0;font-size:.9rem;line-height:1.55}.onb__step--center .onb__subtitle{margin-inline:auto}.onb__checklist{flex-direction:column;gap:.5rem;width:100%;max-width:320px;margin:1rem 0 0;padding:0;list-style:none;display:flex}.onb__checklist li{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);align-items:center;gap:.65rem;padding:.6rem .8rem;font-size:.9rem;font-weight:500;display:flex}.onb__num{color:#fff;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:grid}.onb__grid{grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.5rem;display:grid}.onb__col-2{grid-column:1/-1}.onb__logo{border:2px dashed var(--border-strong);background:var(--surface-2);border-radius:18px;place-items:center;width:140px;height:140px;margin:.5rem 0;display:grid;overflow:hidden}.onb__logo--has{border-style:solid;border-color:var(--border);background:var(--surface)}.onb__logo-img{object-fit:contain;width:100%;height:100%;padding:.5rem}.onb__logo-empty{color:var(--text-muted)}.onb__upload{cursor:pointer}.onb__foot{border-top:1px solid var(--border);align-items:center;gap:.6rem;padding:1rem 1.5rem 1.25rem;display:flex}.onb__foot-spacer{flex:auto}.onb__cta{justify-content:center;gap:.4rem;min-width:130px}@keyframes onb-fade{0%{opacity:0}to{opacity:1}}@keyframes onb-pop{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onb-step{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (width<=560px){.onb__grid{grid-template-columns:1fr}.onb__col-2{grid-column:auto}}@media (prefers-reduced-motion:reduce){.onb__backdrop,.onb__card,.onb__body,.onb__done-icon{animation:none}.onb__bar-fill{transition:none}}