:root{--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f1f5f9;--color-bg-soft:#e8f4f8;--color-surface:#ffffffd1;--color-surface-solid:#fff;--color-surface-alt:#f8fafc;--color-surface-muted:#f8fafc;--color-border:#0f172a1a;--color-border-strong:#0f172a29;--color-text:#0b1220;--color-text-muted:#475569;--color-text-soft:#64748b;--color-text-inverse:#f8fafc;--color-sidebar:#0b1220;--color-sidebar-mid:#0f3d4e;--color-sidebar-end:#082f49;--color-primary:#0ea5e9;--color-primary-strong:#0284c7;--color-primary-soft:#0ea5e91f;--color-accent-teal:#0f766e;--color-accent-green:#16a34a;--color-accent-orange:#ea580c;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#ef4444;--color-ring:#0ea5e938;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px;--radius-button:999px;--shadow-sm:0 8px 24px #0f172a0a;--shadow-md:0 16px 32px #0f172a14;--shadow-lg:0 22px 48px #0f172a24;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--glass-blur:blur(12px);font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(ellipse 70% 80% at 8% -10%, #0ea5e924, transparent 55%), radial-gradient(ellipse 55% 70% at 92% 0%, #10b9811a, transparent 50%), linear-gradient(180deg, #f8fafc, var(--color-bg));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.no-spinner{appearance:textfield}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-shell__sidebar{background:linear-gradient(180deg, var(--color-sidebar) 0%, var(--color-sidebar-mid) 55%, var(--color-sidebar-end) 100%);color:var(--color-text-inverse);padding:var(--space-5) var(--space-4) var(--space-4);overscroll-behavior:contain;border-right:1px solid #94a3b824;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:inset -1px 0 #38bdf814}.sidebar-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.brand-mark{width:42px;height:42px;color:var(--color-text-inverse);letter-spacing:.06em;background:linear-gradient(145deg,#2563eb,#38bdf8);border-radius:14px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 12px 24px #0ea5e947}.brand-copy{gap:2px;display:grid}.brand-copy strong{font-size:14px}.brand-copy span{color:#e2e8f0b8;font-size:12px}.app-shell__sidebar nav,.sidebar-nav{gap:var(--space-2);overscroll-behavior:contain;flex-direction:column;padding-right:2px;display:flex;overflow-x:hidden}.sidebar-nav--primary{flex:1;min-height:0;overflow-y:auto}.sidebar-nav--bottom{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid #94a3b829;flex-shrink:0}.sidebar-nav__label{letter-spacing:.1em;text-transform:uppercase;color:#bae6fd8c;margin:0 0 4px;padding:0 14px;font-size:10px;font-weight:600}.app-shell__sidebar nav a,.sidebar-nav a{color:#e2e8f0e0;border-radius:12px;padding:11px 14px;font-weight:500;transition:background .18s,color .18s,transform .18s;display:block}.app-shell__sidebar nav a:hover,.sidebar-nav a:hover{background:#ffffff12;transform:translate(2px)}.app-shell__sidebar nav a.active,.sidebar-nav a.active{color:var(--color-text-inverse);background:linear-gradient(135deg,#2563ebf2,#0ea5e9e6);font-weight:600;box-shadow:0 10px 22px #0ea5e938}.nav-group{gap:6px;display:grid}.nav-group__toggle{color:#e2e8f0e0;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;font-weight:500;display:flex}.nav-group__toggle:hover{background:#ffffff0f}.nav-group__toggle.active{color:var(--color-text-inverse);background:#0ea5e92e}.nav-group__items{gap:6px;padding-left:8px;display:grid}.nav-group__items a{font-size:13px;font-weight:500}.app-shell__content{background:0 0;flex-direction:column;min-width:0;display:flex;overflow:auto}.app-shell__content main{flex:1;padding:24px 28px 36px}.app-shell__content main:has(.db-page){padding:0}.sidebar-profile{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid #94a3b826;flex-shrink:0;position:relative}.profile-button{color:var(--color-text-inverse);border-radius:var(--radius-button);cursor:pointer;background:#ffffff0f;border:1px solid #94a3b82e;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:600;transition:background .16s;display:flex}.profile-button:hover{background:#ffffff1a}.profile-button__avatar{background:linear-gradient(135deg, var(--color-primary), #38bdf8);width:34px;height:34px;color:var(--color-text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.profile-button__meta{text-align:left;min-width:0;display:grid}.profile-button__meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-button__meta small{color:#e2e8f099;text-transform:capitalize;font-size:11px}.profile-menu{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:60;border-radius:12px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden}.profile-menu button{text-align:left;background:var(--color-surface);cursor:pointer;width:100%;color:var(--color-text);border:0;padding:12px 14px}.profile-menu button:hover{background:var(--color-surface-muted)}.primary-action-button,.secondary-action-button,.table-action-button,.auth-form button{border-radius:var(--radius-button);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:500;line-height:1.2;transition:background .16s,border-color .16s,filter .16s;display:inline-flex}.primary-action-button,.auth-form button[type=submit]{color:var(--color-text-inverse);background:linear-gradient(135deg,#2563eb,#0ea5e9);border:0;box-shadow:0 10px 22px #0ea5e938}.primary-action-button:hover,.auth-form button[type=submit]:hover{filter:brightness(1.06);transform:none}.secondary-action-button,.table-action-button{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-text);box-shadow:none;background:#fff;border:1px solid #94a3b88c}.secondary-action-button:hover,.table-action-button:hover{background:#0ea5e90a;border-color:#0ea5e959;transform:none}.primary-action-button:active,.secondary-action-button:active,.auth-form button:active{transform:none}.primary-action-button:disabled,.secondary-action-button:disabled,.table-action-button:disabled,.auth-form button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.table-action-button{border-radius:var(--radius-button);padding:8px 14px;font-weight:500}.dashboard-stack{gap:18px;display:grid}.page-stats-strip{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.page-stat-tile{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.page-stat-tile:hover{box-shadow:var(--shadow-md);border-color:#0ea5e938;transform:translateY(-2px)}.page-stat-tile:before{content:"";background:var(--color-border);border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.page-stat-tile--primary:before{background:linear-gradient(90deg, var(--color-primary), #38bdf8)}.page-stat-tile--success:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.page-stat-tile--danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.page-stat-tile--purple:before{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.page-stat-tile--warning:before{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.page-stat-tile__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:11px;font-weight:500}.page-stat-tile__value{color:var(--color-text);word-break:break-all;font-size:22px;font-weight:600;line-height:1.1}@media (width<=1100px){.page-stats-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.page-stats-strip{grid-template-columns:repeat(2,1fr)}}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-grid--wide{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.dashboard-hero{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffdb,#f8fbffb3);padding:20px}.dashboard-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dashboard-title-wrap{gap:6px;display:grid}.dashboard-title-wrap h1{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.06}.dashboard-subtitle{color:var(--color-text-soft);max-width:760px;margin:0}.dashboard-chip{border-radius:var(--radius-pill);background:var(--color-primary-soft);width:fit-content;color:var(--color-primary-strong);border:1px solid #2563eb4d;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-actions,.dashboard-actions__meta{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.badge,.status-badge{border-radius:var(--radius-pill);text-transform:capitalize;letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge{background:var(--color-sidebar);color:var(--color-text-inverse)}.badge--soft,.status-badge--in-progress{color:#0369a1;background:#0ea5e91a}.status-badge--completed{color:#166534;background:#dcfce7}.status-badge--planned{color:#475569;background:#f1f5f9}.badge--green{color:#166534;background:#dcfce7}.badge--red{color:#991b1b;background:#fee2e2}.badge--gray{color:#475569;background:#f1f5f9}.badge--yellow{color:#854d0e;background:#fef9c3}.badge--orange{color:#9a3412;background:#ffedd5}.badge--purple{color:#0f766e;background:#ccfbf1}.badge--blue{color:#0369a1;background:#0ea5e91f}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-tile{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffeb,#f8fafcd1);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-tile--default,.stat-tile--success,.stat-tile--primary,.stat-tile--accent,.stat-tile--blue,.stat-tile--green,.stat-tile--orange,.stat-tile--purple,.stat-tile--red,.stat-tile--teal,.stat-tile--pink{border-color:var(--color-border);color:var(--color-text);background:linear-gradient(#ffffffeb,#f8fafcd1)}.stat-tile--default .stat-label,.stat-tile--success .stat-label,.stat-tile--primary .stat-label,.stat-tile--accent .stat-label,.stat-tile--blue .stat-label,.stat-tile--green .stat-label,.stat-tile--orange .stat-label,.stat-tile--purple .stat-label,.stat-tile--red .stat-label,.stat-tile--teal .stat-label,.stat-tile--pink .stat-label{color:var(--color-text-soft)}.stat-tile--default .stat-value,.stat-tile--success .stat-value,.stat-tile--primary .stat-value,.stat-tile--accent .stat-value,.stat-tile--blue .stat-value,.stat-tile--green .stat-value,.stat-tile--orange .stat-value,.stat-tile--purple .stat-value,.stat-tile--red .stat-value,.stat-tile--teal .stat-value,.stat-tile--pink .stat-value{color:var(--color-text)}.stat-label{color:var(--color-text-soft);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.stat-value{color:var(--color-text);margin:12px 0 0;font-size:32px;font-weight:700;line-height:1;display:block}.enterprise-kpi-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.enterprise-kpi-grid .stat-tile{min-width:0}.enterprise-kpi-grid .stat-label{font-size:11px}.enterprise-kpi-grid .stat-value{font-size:24px}.banking-balance-hero{margin-bottom:var(--space-4);background:linear-gradient(135deg,#1a3f5e 0%,#2a5080 100%);border-radius:16px;padding:32px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.banking-balance-hero:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-50%}.balance-hero__layout{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.balance-hero__content{flex:auto;min-width:0}.balance-hero__label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffbf;margin:0 0 8px;font-size:14px;font-weight:600}.balance-hero__value{color:#fff;margin:0 0 24px;font-size:48px;font-weight:700;line-height:1.2}.balance-hero__details{align-items:center;gap:32px;display:flex}.balance-detail{flex-direction:column;gap:6px;display:flex}.balance-detail__label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffa6;font-size:12px;font-weight:600}.balance-detail__value{color:#fff;font-size:20px;font-weight:700}.balance-hero__visual{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;border:1px solid #ffffff3d;border-radius:14px;flex:0 0 280px;height:150px;position:relative;overflow:hidden}.balance-hero__pointer-line{background:linear-gradient(90deg,#ffffff40,#ffffffd9);height:2px;position:absolute;top:78px;left:20px;right:18px}.balance-hero__pointer-line:before,.balance-hero__pointer-line:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px}.balance-hero__pointer-line:before{opacity:.45;left:0}.balance-hero__pointer-line:after{right:0}.balance-hero__pulse-dot{background:#86efac;border-radius:50%;width:10px;height:10px;animation:2.1s infinite balancePulse;position:absolute;top:74px;right:14px;box-shadow:0 0 #86efac99}.balance-hero__chip{letter-spacing:.02em;color:#fff;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;position:absolute}.balance-hero__chip--up{animation:3.2s ease-in-out infinite floatDrift;top:22px;left:18px}.balance-hero__chip--down{animation:3.2s ease-in-out 1.1s infinite floatDrift;bottom:20px;right:14px}@keyframes balancePulse{0%{box-shadow:0 0 #86efaca6}70%{box-shadow:0 0 0 12px #86efac00}to{box-shadow:0 0 #86efac00}}@keyframes floatDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dashboard-filters-container{gap:var(--space-4);justify-content:space-between;align-items:flex-end;display:flex}.dashboard-filters-left{gap:var(--space-3);flex:0 auto;align-items:flex-end;display:flex}.dashboard-filters-right{gap:var(--space-2);flex:auto;justify-content:flex-end;align-items:flex-end;display:flex}.dashboard-filters-right .form-field{flex:0 auto;margin:0}.dashboard-filters-right button{height:40px;padding:0 var(--space-3);flex-shrink:0}@media (width<=900px){.dashboard-filters-container{align-items:stretch;gap:var(--space-2);flex-direction:column}.dashboard-filters-right{flex-wrap:wrap;justify-content:flex-start}}@media (width<=640px){.banking-balance-hero{padding:22px}.balance-hero__layout{flex-direction:column;align-items:flex-start}.balance-hero__visual{flex-basis:auto;width:100%;height:120px}.balance-hero__value{font-size:36px}.balance-hero__details{flex-wrap:wrap;gap:16px}}.enterprise-chart{gap:10px;display:grid}.enterprise-chart svg{border:1px solid var(--color-border);background:linear-gradient(#fff,#f8fbff);border-radius:12px;width:100%}.enterprise-chart__axis{stroke:#cbd5e1;stroke-width:1px}.enterprise-chart__line{fill:none;stroke-width:2.5px}.enterprise-chart__line--sales{stroke:#2563eb}.enterprise-chart__line--purchase{stroke:#16a34a}.enterprise-chart__line--receipt{stroke:#d97706}.enterprise-chart__line--payment{stroke:#7c3aed}.enterprise-chart__legend{color:var(--color-text-muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.enterprise-chart__legend span{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot--sales{background:#2563eb}.dot--purchase{background:#16a34a}.dot--receipt{background:#d97706}.dot--payment{background:#7c3aed}.page-card,.simple-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);background:#ffffffd6;border:1px solid #94a3b829;border-radius:20px;padding:22px 24px;transition:box-shadow .2s,border-color .2s}.page-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid #94a3b829;margin-bottom:18px;padding:0 0 14px;display:flex}.page-card__header h2{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:600;display:flex}.page-card__header h2:before{content:"";background:linear-gradient(#2563eb,#38bdf8);border-radius:4px;flex-shrink:0;width:4px;height:18px;display:inline-block}.page-card__header p{color:var(--color-text-soft);margin:5px 0 0;font-size:13px;font-weight:400}.page-card__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-card__body{gap:var(--space-3);display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field__label{color:var(--color-text-muted);letter-spacing:.02em;font-size:12px;font-weight:500}.form-field input,.form-field select,.form-field__control{border:1px solid var(--color-border-strong);width:100%;color:var(--color-text);background:#ffffffeb;border-radius:12px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;box-shadow:0 4px 12px #0f172a08}.form-field input:focus,.form-field select:focus,.form-field__control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0ea5e91f}.form-field input::placeholder,.form-field__control::placeholder{color:#94a3b8}.auth-page{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.error-text{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:10px 14px;font-size:13.5px;font-weight:500;line-height:1.5;display:flex}.error-text:before{content:"⚠";flex-shrink:0;font-size:14px;line-height:1.4}.success-text{color:#166534;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:10px 14px;font-size:13.5px;font-weight:500;line-height:1.5;display:flex}.success-text:before{content:"✓";flex-shrink:0;font-size:14px;font-weight:700;line-height:1.4}.hint-text{color:var(--color-text-soft);font-size:14px}.tracker-list,.insight-list,.rights-checklist{gap:var(--space-2);display:grid}.tracker-list{margin:0;padding:0;list-style:none}.tracker-list li{justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid #eef2f7;display:flex}.tracker-list--detailed li{align-items:center}.tracker-list--detailed li small,.rights-check-item small{color:var(--color-text-soft);margin-top:4px;display:block}.progress-strip{border-radius:var(--radius-pill);width:100%;height:10px;margin-bottom:var(--space-3);background:#e5e7eb;overflow:hidden}.progress-strip__bar{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), #0ea5e9);height:100%}.detail-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-list div,.rights-section,.quick-action-card{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:18px}.detail-list div{gap:6px;padding:12px;display:grid}.detail-list span,.quick-action-card span,.rights-section__header span,.toggle-switch__label{color:var(--color-text-soft);font-size:13px}.quick-actions-grid,.rights-grid{gap:var(--space-3);display:grid}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quick-action-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);color:inherit;background:#ffffffd1;gap:6px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}a.quick-action-card:hover,.quick-action-card:hover{box-shadow:var(--shadow-md);border-color:#0ea5e940;transform:translateY(-2px)}.quick-action-card strong{letter-spacing:-.01em;color:var(--color-text);font-size:.95rem;font-weight:600}.insight-list{color:var(--color-text-muted);margin:0;padding-left:18px}.inline-filter{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;padding:10px 14px;display:flex}.inline-filter--space-between{justify-content:space-between}.table-filters{gap:var(--space-3);margin-bottom:var(--space-3);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#ffffffc7;border-radius:18px;grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(160px,.6fr));padding:14px 16px;display:grid}.rights-toolbar{margin-top:var(--space-2)}.rights-user-select{min-width:320px}.rights-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.rights-grid{margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.rights-section{background:var(--color-surface);padding:12px}.rights-section__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rights-section__header h3{margin:0;font-size:16px}.rights-check-item{background:var(--color-surface-muted);border:1px solid #edf2f7;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;display:flex}.rights-check-item input{margin-top:2px}.rights-check-item strong{font-size:14px;display:block}.table-wrap{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#ffffffb8;border-radius:18px;overflow-x:auto}.table-wrap--full{width:100%}.data-table{border-collapse:collapse;width:100%}.data-table--users th,.data-table--users td{vertical-align:middle}.data-table thead{z-index:2;position:sticky;top:0}.data-table th{text-align:left;white-space:nowrap;color:#64748b;letter-spacing:.04em;border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;background:#f8fafcf2;padding:11px 14px;font-size:11px;font-weight:500}.data-table th:first-child{border-radius:0}.data-table td{text-align:left;white-space:nowrap;color:var(--color-text);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover td{background:#0ea5e90f}.table-total-row td,.data-table tfoot td{border-top:2px solid var(--color-border);background:#f8fafc;border-bottom:none;padding:11px 14px;font-size:13px;font-weight:700}.ledger-debit{color:#dc2626;font-weight:600}.ledger-credit{color:#16a34a;font-weight:600}.empty-state-cell{color:var(--color-text-soft);font-size:14px;text-align:center!important;padding:48px 16px!important}.inline-actions--end{justify-content:flex-end}.modal-backdrop{-webkit-backdrop-filter:blur(3px);z-index:1000;overscroll-behavior:contain;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.modal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:min(760px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-lg);background:#fffffff5;flex-direction:column;min-height:0;display:flex;overflow:hidden}.modal-card__header{border-bottom:1px solid var(--color-border);background:#f8fafcf2;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.modal-card__header h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:1.05rem;font-weight:600;display:flex}.modal-card__header h2:before{content:"";background:linear-gradient(#2563eb,#38bdf8);border-radius:4px;flex-shrink:0;width:4px;height:16px;display:inline-block}.modal-card__header p{color:var(--color-text-soft);margin:5px 0 0;font-size:13px}.modal-card__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:20px 24px 24px;overflow-y:auto}.modal-close{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-button);width:32px;height:32px;color:var(--color-text-soft);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.modal-close:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.modal-form{margin-top:4px}.modal-form-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sale-invoice-form__meta{gap:var(--space-3);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(160px,220px);align-items:end;display:grid}.sale-invoice-form .form-field>span{color:var(--color-text-muted);font-size:.8125rem;font-weight:600;line-height:1.2}.sale-invoice-form .form-field .ui-select,.sale-invoice-form .form-field>input{box-sizing:border-box;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:42px;color:var(--color-text);font:inherit;padding:10px 12px;line-height:1.25}.sale-invoice-form .form-field .ui-select:focus,.sale-invoice-form .form-field>input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0ea5e91f}.sale-invoice-form__balance{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin-top:-.15rem;font-size:.82rem;display:flex}.sale-invoice-form__balance .is-dr{color:#15803d}.sale-invoice-form__balance .is-cr{color:#dc2626}.sale-invoice-form__side-panel{flex-direction:column;gap:.55rem;width:min(420px,100%);margin-left:auto;display:flex}.sale-invoice-form__side-title{text-align:right;font-size:.82rem;font-weight:600}.sale-invoice-form__expense-list{gap:.45rem;display:grid}.sale-invoice-form__expense-row{grid-template-columns:minmax(0,1fr) 120px 40px;align-items:center;gap:.4rem;display:grid}.sale-invoice-form__amounts{grid-template-columns:1fr 1fr;align-items:end;gap:.5rem;display:grid}.sale-invoice-form__totals{width:100%;margin-left:0}@media (width<=900px){.sale-invoice-form__meta{grid-template-columns:1fr}}.toggle-switch{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.toggle-switch__track{border-radius:var(--radius-pill);background:#cbd5e1;width:44px;height:24px;transition:background .2s;position:relative}.toggle-switch__thumb{background:var(--color-surface);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a40}.toggle-switch--on .toggle-switch__track{background:#22c55e}.toggle-switch--on .toggle-switch__thumb{transform:translate(20px)}@media (width<=1100px){.dashboard-grid,.dashboard-grid--wide,.detail-list,.rights-grid,.modal-form-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.dashboard-head,.inline-filter--space-between{flex-direction:column;align-items:flex-start}.table-filters{grid-template-columns:1fr}.rights-user-select,.profile-button{min-width:0}.enterprise-kpi-grid .stat-label{font-size:11px}.enterprise-kpi-grid .stat-value{font-size:28px}}.unit-mappings{border:1px solid var(--color-border,#e2e8f0);border-radius:6px;margin-top:1.25rem;padding:.875rem 1rem}.unit-mappings__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.unit-mappings__title{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;font-weight:600}.unit-mappings__table-wrap{overflow-x:auto}.unit-mappings__table{width:100%;font-size:.8125rem}.unit-mappings__table td select,.unit-mappings__table td input[type=number]{padding:.25rem .375rem;font-size:.8125rem}.unit-mappings__empty{color:var(--color-text-muted,#94a3b8);margin:0;font-size:.8125rem}.table-action-button--danger{color:#ef4444;border-color:#fecaca}.table-action-button--danger:hover{background:#fef2f2;border-color:#ef4444}.table-action-button{border-radius:var(--radius-button);letter-spacing:.01em;white-space:nowrap;padding:5px 12px;font-size:12px;font-weight:500}.stock-breakdown{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.875rem}.product-search-dropdown{z-index:1500;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;max-height:220px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.product-search-item{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.875rem;display:flex}.product-search-sku{color:#94a3b8;white-space:nowrap;font-size:.75rem}.form-input-sm{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:.3rem .4rem;font-size:.8125rem}.form-input-sm:focus{border-color:#0ea5e9;outline:none}.input-error{background:#fff5f5;border-color:#ef4444!important}.totals-panel{border:1px solid #e2e8f0;border-radius:6px;width:320px;max-width:100%;margin-left:auto;font-size:.875rem;overflow:hidden}.totals-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:.4rem .75rem;display:flex}.totals-row:last-child{border-bottom:none}.totals-row--total{background:#f8fafc;font-weight:600}.due-row{color:#dc2626;background:#fff5f5;font-weight:700}.view-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:.75rem;font-size:.875rem;line-height:1.6;display:flex}.view-header p{margin:0}.view-note{color:var(--color-text-soft);margin:0;font-size:.78rem}.cashbook-day-card{gap:12px;display:grid}.cashbook-split-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cashbook-wrap{overflow-x:visible}.cashbook-table{table-layout:fixed}.cashbook-table th,.cashbook-table td{white-space:normal;word-break:break-word;overflow-wrap:anywhere;padding:.38rem .42rem;font-size:.78rem}.cashbook-summary-table td{font-size:.8rem}.cashbook-total-divider td{border-top:3px solid #1f2937!important}.cashbook-closing-row td{background:#eefbf3}@media (width<=980px){.cashbook-split-row{grid-template-columns:1fr}}.unauth-page{min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 0 0,#0ea5e91a,#0000 30%),radial-gradient(circle at 100% 100%,#0ea5e914,#0000 25%),#f3f6fb;justify-content:center;align-items:center;padding:24px;display:flex}.unauth-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:0;width:100%;max-width:480px;padding:48px 44px;display:flex;box-shadow:0 20px 60px #0f172a1a}.unauth-brand{align-self:flex-start;align-items:center;gap:10px;margin-bottom:32px;display:flex}.unauth-brand__mark{background:linear-gradient(135deg, var(--color-primary), #38bdf8);color:#fff;letter-spacing:.06em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:600;display:inline-flex}.unauth-brand span{color:var(--color-text-muted);font-size:13px;font-weight:600}.unauth-icon{width:72px;height:72px;color:var(--color-primary);background:#0ea5e914;border:2px solid #0ea5e92e;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.unauth-icon svg{width:32px;height:32px}.unauth-code{letter-spacing:-.04em;background:linear-gradient(135deg, var(--color-primary), #38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:72px;font-weight:900;line-height:1}.unauth-title{color:var(--color-text);letter-spacing:-.02em;margin:0 0 12px;font-size:24px;font-weight:600}.unauth-desc{color:var(--color-text-muted);max-width:360px;margin:0 0 32px;font-size:14.5px;line-height:1.6}.unauth-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:28px;display:flex}.unauth-btn{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.unauth-btn svg{width:16px;height:16px}.unauth-btn--primary{background:linear-gradient(135deg, var(--color-primary), #38bdf8);color:#fff;border:none;box-shadow:0 8px 24px #0ea5e959}.unauth-btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0ea5e973}.unauth-btn--secondary{color:var(--color-text);border:1.5px solid var(--color-border-strong);background:#fff}.unauth-btn--secondary:hover{background:var(--color-surface-muted);border-color:#0ea5e959}.unauth-footer{color:#94a3b8;font-size:12px}.branch-selector{border:1px solid var(--color-border,#e2e8f0);background:#fafbff;border-radius:8px;margin-top:1.25rem;padding:.875rem 1rem}.branch-selector__header{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.branch-selector__title{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:.8125rem;font-weight:700}.branch-selector__hint{color:var(--color-text-muted,#94a3b8);margin:0 0 .75rem;font-size:.8125rem}.branch-selector__search input{border:1px solid var(--color-border,#e2e8f0);background:#fff;border-radius:6px;outline:none;width:100%;margin-bottom:.625rem;padding:.375rem .625rem;font-size:.8125rem}.branch-selector__search input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.branch-selector__list{border:1px solid var(--color-border,#e2e8f0);background:#fff;border-radius:6px;flex-direction:column;gap:.25rem;max-height:180px;padding:.375rem;display:flex;overflow-y:auto}.branch-selector__item{cursor:pointer;border-radius:5px;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;transition:background .12s;display:flex}.branch-selector__item:hover{background:#f1f5f9}.branch-selector__item--selected{background:#eff0ff}.branch-selector__item input[type=checkbox]{accent-color:#0ea5e9;cursor:pointer;flex-shrink:0;width:14px;height:14px}.branch-selector__name{flex:1;font-weight:500}.branch-selector__code{color:var(--color-text-muted,#94a3b8);font-family:monospace;font-size:.75rem}.branch-selector__actions{gap:.5rem;margin-top:.625rem;display:flex}@media print{.no-print,.app-shell-sidebar,button,.table-filters,.inline-actions,nav{display:none!important}.print-area{display:block}body{color:#000;background:#fff;font-size:12pt}.data-table th,.data-table td{border:1px solid #ccc;font-size:10pt}.totals-panel{page-break-inside:avoid}}.payment-selector{border:1px solid var(--color-border,#e0e0e0);background:var(--color-surface-alt,#fafafa);border-radius:6px;margin-top:8px;padding:10px 12px}.payment-selector__label{color:var(--color-text-muted,#666);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:600}.payment-selector__rows{flex-direction:column;gap:6px;display:flex}.payment-selector__row{align-items:center;gap:6px;display:flex}.payment-selector__account{flex:1;min-width:0}.payment-selector__amount{flex-shrink:0;width:110px}.payment-selector__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.payment-selector__balance{font-size:.82rem;font-weight:500}.payment-selector__balance--ok{color:var(--color-success,#2e7d32)}.payment-selector__balance--err{color:var(--color-danger,#c62828)}.btn--xs{border-radius:var(--radius-button);padding:3px 10px;font-size:.72rem}.btn-icon--danger{cursor:pointer;color:var(--color-danger,#c62828);border-radius:var(--radius-button);background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1}.btn-icon--danger:hover{background:var(--color-danger-light,#fdecea)}:root{--ui-font:var(--font-sans,Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial);--transition-fast:.16s ease;--radius-sm:var(--radius-sm,10px);--radius-md:var(--radius-md,16px);--radius-lg:var(--radius-lg,20px);--radius-button:999px;--shadow-soft:var(--shadow-sm,0 8px 24px #0f172a0a);--shadow-deep:var(--shadow-lg,0 22px 48px #0f172a24);--bg:var(--color-bg,#f1f5f9);--surface:var(--color-surface-solid,#fff);--muted:var(--color-text-soft,#64748b);--text:var(--color-text,#0b1220);--text-inverse:var(--color-text-inverse,#f8fafc);--accent:var(--color-primary,#0ea5e9);--accent-600:var(--color-primary-strong,#0284c7);--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--border-subtle:#0f172a14;--border-lighter:#0f172a0f;--card-bg:#ffffffd1}.ui-root{font-family:var(--ui-font);font-family:var(--ui-font);color:var(--text)}.btn{border-radius:var(--radius-button,999px);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.55rem 1.05rem;font-weight:500;line-height:1.2;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{color:var(--text-inverse);background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#0000;box-shadow:0 10px 22px #0ea5e92e}.btn--primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn--secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);background:#ffffffdb}.btn--ghost{color:var(--muted);background:0 0;border:none}.btn--icon{border-radius:var(--radius-button,999px);padding:.35rem .5rem}.primary-action-button{border-radius:var(--radius-button,999px);color:var(--text-inverse);cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:0;justify-content:center;align-items:center;padding:.5rem 1.05rem;font-weight:500;display:inline-flex;box-shadow:0 10px 22px #0ea5e92e}.secondary-action-button{border-radius:var(--radius-button,999px);border:1px solid var(--border-subtle);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;align-items:center;padding:.45rem 1rem;font-weight:500;display:inline-flex}.table-action-button{border-radius:var(--radius-button,999px);border:1px solid var(--border-lighter);cursor:pointer;background:0 0;padding:.35rem .75rem;font-weight:500}.page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-soft);background:#ffffffd6;border:1px solid #94a3b829;padding:1.35rem 1.5rem}.page-card__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.page-card__header h2{letter-spacing:-.02em;margin:0;font-weight:600}.page-card__body{padding-top:6px}.form-input-sm,.ui-select{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#ffffffc7;border-radius:10px;min-height:38px;padding:.62rem .75rem;box-shadow:0 10px 22px #0f172a0d}.form-input-sm:focus,.ui-select:focus{outline-offset:2px;outline:3px solid #2563eb2e}.form-field span{color:var(--muted);margin-bottom:8px;font-size:.86rem;display:block}.data-table{border-collapse:collapse;background:0 0;width:100%;font-size:.89rem}.data-table th,.data-table td{border-bottom:1px solid var(--border-lighter);padding:.75rem .6rem}.data-table thead th{color:var(--muted);text-align:left;font-weight:600}.empty-state-cell{color:var(--muted);text-align:center;padding:2rem}.table-wrap{overflow:auto}.totals-panel{border:1px solid var(--border-lighter);width:320px;box-shadow:var(--shadow-soft);background:#ffffffe6;border-radius:16px;padding:.9rem 1rem}.totals-row{color:var(--muted);justify-content:space-between;padding:4px 0;display:flex}.totals-row--total{color:var(--text);font-size:1.06rem;font-weight:600}.due-row{color:var(--danger);font-weight:600}.text-right{text-align:right}.inline-actions{gap:.5rem;display:flex}.inline-actions--end{margin-left:auto}.product-search-dropdown{background:var(--surface);border:1px solid var(--border-subtle);z-index:999;max-height:260px;box-shadow:var(--shadow-deep);border-radius:14px;margin-top:8px;padding:6px;position:absolute;top:100%;left:0;right:0;overflow:auto}.product-search-item{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .7rem;display:flex}.product-search-item:hover{background:#0ea5e90f}.product-search-sku{color:var(--muted);font-size:.85rem}@media (width<=880px){.dashboard-grid{grid-template-columns:1fr}.totals-panel{width:100%}}@keyframes ui-spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite ui-spin}:root{--lp-brand-50:#f0f9ff;--lp-brand-100:#e0f2fe;--lp-brand-200:#bae6fd;--lp-brand-400:#38bdf8;--lp-brand-500:#0ea5e9;--lp-brand-600:#0284c7;--lp-brand-700:#0369a1;--lp-brand-900:#0b1220;--lp-gray-50:#f9fafb;--lp-gray-100:#f3f4f6;--lp-gray-200:#e5e7eb;--lp-gray-300:#d1d5db;--lp-gray-400:#9ca3af;--lp-gray-500:#6b7280;--lp-gray-600:#4b5563;--lp-gray-700:#374151;--lp-gray-800:#1f2937;--lp-gray-900:#111827;--lp-error:#ef4444;--lp-success:#10b981;--lp-radius-sm:8px;--lp-radius-md:12px;--lp-radius-full:9999px;--lp-shadow-brand:0 10px 40px -10px #0ea5e966}.lp-page{grid-template-columns:1fr 1fr;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:grid}.lp-left{background:linear-gradient(145deg,#0b1220 0%,#0f3d4e 35%,#0ea5e9 65%,#38bdf8 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.lp-mesh{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.lp-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.lp-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf880 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.lp-orb{pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite lp-float;position:absolute}.lp-orb--1{background:radial-gradient(circle,#a78bfa59 0%,#0000 70%);width:180px;height:180px;animation-duration:9s;top:35%;right:5%}.lp-orb--2{background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:120px;height:120px;animation-duration:11s;animation-delay:-3s;top:55%;left:10%}.lp-orb--3{background:radial-gradient(circle,#0ea5e999 0%,#0000 70%);width:80px;height:80px;animation-duration:7s;animation-delay:-6s;top:20%;left:25%}@keyframes lp-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.04)}}.lp-brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.lp-brand__logo{border-radius:var(--lp-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lp-brand__logo svg{width:22px;height:22px}.lp-brand__name{color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:700}.lp-brand__tagline{color:#e0e7ffbf;letter-spacing:.02em;font-size:12px;font-weight:400}.lp-hero{z-index:1;flex-direction:column;flex:1;justify-content:center;padding:48px 0 24px;display:flex;position:relative}.lp-hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--lp-radius-full);color:#fffffff2;letter-spacing:.04em;background:#ffffff26;border:1px solid #fff3;align-items:center;gap:8px;width:fit-content;margin-bottom:28px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.lp-hero__badge-dot{background:var(--lp-success);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite lp-pulse;box-shadow:0 0 0 2px #10b98159}@keyframes lp-pulse{0%,to{box-shadow:0 0 0 2px #10b98159}50%{box-shadow:0 0 0 5px #10b98126}}.lp-hero__title{color:#fff;letter-spacing:-.025em;max-width:420px;margin-bottom:18px;font-size:clamp(26px,2.8vw,38px);font-weight:800;line-height:1.15}.lp-hero__title span{color:#c4b5fdf2}.lp-hero__desc{color:#e0e7ffcc;max-width:380px;margin-bottom:40px;font-size:15px;font-weight:400;line-height:1.65}.lp-features{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.lp-feature{align-items:flex-start;gap:12px;display:flex}.lp-feature__icon{border-radius:var(--lp-radius-sm);color:#c4b5fdf2;background:#ffffff24;border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.lp-feature__icon svg{width:16px;height:16px}.lp-feature__text strong{color:#fffffff2;margin-bottom:2px;font-size:13.5px;font-weight:600;display:block}.lp-feature__text span{color:#c7d2febf;font-size:12.5px;line-height:1.4}.lp-stats{z-index:1;border-top:1px solid #ffffff1f;padding-top:28px;display:flex;position:relative}.lp-stat{flex:1;padding-right:24px}.lp-stat+.lp-stat{border-left:1px solid #ffffff1f;padding-left:24px;padding-right:0}.lp-stat__number{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800}.lp-stat__label{color:#c7d2febf;margin-top:2px;font-size:12px}.lp-right{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:48px 64px;display:flex;position:relative;overflow-y:auto}.lp-right:before{content:"";background:linear-gradient(#0000,#0ea5e933,#0ea5e933,#0000);width:1px;height:100%;position:absolute;top:0;left:0}.lp-box{width:100%;max-width:400px}.lp-box__header{margin-bottom:36px}.lp-box__eyebrow{letter-spacing:.08em;color:var(--lp-brand-500);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.lp-box__eyebrow:before{content:"";background:var(--lp-brand-500);border-radius:2px;width:20px;height:2px;display:block}.lp-box__title{color:var(--lp-gray-900);letter-spacing:-.025em;margin:0 0 10px;font-size:28px;font-weight:800;line-height:1.2}.lp-box__subtitle{color:var(--lp-gray-500);margin:0;font-size:14.5px;line-height:1.55}.lp-form{flex-direction:column;gap:20px;display:flex}.lp-field{flex-direction:column;gap:6px;display:flex}.lp-field__label{color:var(--lp-gray-700);letter-spacing:.01em;font-size:13.5px;font-weight:600}.lp-field__label span{color:var(--lp-error);margin-left:2px}.lp-field__wrap{align-items:center;display:flex;position:relative}.lp-field__icon{pointer-events:none;color:var(--lp-gray-400);align-items:center;transition:color .2s;display:flex;position:absolute;left:14px}.lp-field__icon svg{width:17px;height:17px}.lp-field__wrap:focus-within .lp-field__icon{color:var(--lp-brand-500)}.lp-field__input{width:100%;color:var(--lp-gray-900);background:var(--lp-gray-50);border:1.5px solid var(--lp-gray-200);border-radius:var(--lp-radius-md);-webkit-appearance:none;outline:none;padding:11px 14px 11px 42px;font-family:inherit;font-size:14.5px;transition:border-color .2s,box-shadow .2s,background .2s}.lp-field__input::placeholder{color:var(--lp-gray-400)}.lp-field__input:hover{border-color:var(--lp-gray-300);background:#fff}.lp-field__input:focus{border-color:var(--lp-brand-500);background:#fff;box-shadow:0 0 0 3.5px #0ea5e91f}.lp-field__pw-toggle{cursor:pointer;color:var(--lp-gray-400);background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.lp-field__pw-toggle:hover{color:var(--lp-gray-600)}.lp-field__pw-toggle svg{width:17px;height:17px}.lp-error{border-radius:var(--lp-radius-md);background:#fef2f2;border:1.5px solid #fecaca;align-items:flex-start;gap:10px;padding:12px 14px;animation:.2s ease-out lp-slide-down;display:flex}@keyframes lp-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lp-error svg{width:16px;height:16px;color:var(--lp-error);flex-shrink:0;margin-top:1px}.lp-error p{color:#b91c1c;margin:0;font-size:13.5px;font-weight:500}.lp-submit{border-radius:var(--lp-radius-full);color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--lp-brand-500) 0%, var(--lp-brand-700) 100%);width:100%;box-shadow:var(--lp-shadow-brand);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.lp-submit:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.lp-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 44px -8px #0ea5e98c}.lp-submit:active:not(:disabled){box-shadow:var(--lp-shadow-brand);transform:translateY(0)}.lp-submit:disabled{opacity:.65;cursor:not-allowed}.lp-submit svg{width:18px;height:18px;transition:transform .2s}.lp-submit:hover:not(:disabled) svg{transform:translate(3px)}.lp-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.75s linear infinite lp-spin}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-divider{color:var(--lp-gray-400);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:14px;font-size:12.5px;font-weight:500;display:flex}.lp-divider:before,.lp-divider:after{content:"";background:var(--lp-gray-200);flex:1;height:1px}.lp-demo{background:var(--lp-brand-50);border:1.5px solid var(--lp-brand-100);border-radius:var(--lp-radius-md);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.lp-demo__title{color:var(--lp-brand-700);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.lp-demo__title svg{flex-shrink:0;width:14px;height:14px}.lp-demo__creds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lp-demo__item{flex-direction:column;gap:3px;display:flex}.lp-demo__item-label{color:var(--lp-brand-600);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.lp-demo__item-value{color:var(--lp-gray-800);border:1px solid var(--lp-brand-200);border-radius:var(--lp-radius-full);cursor:pointer;text-align:left;background:#fff;width:100%;padding:5px 10px;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.lp-demo__item-value:hover{background:var(--lp-brand-50);border-color:var(--lp-brand-400)}.lp-footer{flex-direction:column;align-items:center;gap:14px;margin-top:28px;display:flex}.lp-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.lp-trust__badge{color:var(--lp-gray-500);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.lp-trust__badge svg{width:13px;height:13px;color:var(--lp-gray-400)}.lp-trust__sep{background:var(--lp-gray-300);border-radius:50%;flex-shrink:0;width:3px;height:3px}.lp-copyright{color:var(--lp-gray-400);text-align:center;margin:0;font-size:12px}@media (width<=900px){.lp-page{grid-template-columns:1fr}.lp-left{min-height:auto;padding:36px 32px}.lp-hero{padding:32px 0 0}.lp-features,.lp-stats{display:none}.lp-right{padding:40px 24px}.lp-right:before{display:none}}.db-page{--db-ink:var(--color-text);--db-muted:var(--color-text-soft);--db-surface:var(--color-surface);--db-line:var(--color-border);box-sizing:border-box;width:100%;padding:24px 28px 36px;position:relative}.db-page:before{display:none}.db-page>*{z-index:1;position:relative}.db-hero,.db-shortcut,.db-filters,.db-summary__item,.db-stock,.db-error{opacity:0;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background .2s;transform:translateY(14px)}.db-page.is-ready .db-hero,.db-page.is-ready .db-filters,.db-page.is-ready .db-stock,.db-page.is-ready .db-error{opacity:1;transform:none}.db-page.is-ready .db-shortcut,.db-page.is-ready .db-summary__item{opacity:1;transition-delay:var(--db-delay,0s);transform:none}.db-hero{background:linear-gradient(135deg, var(--color-sidebar) 0%, var(--color-sidebar-mid) 55%, var(--color-sidebar-end) 100%);color:#e2e8f0;box-shadow:var(--shadow-md);border:1px solid #94a3b824;border-radius:20px;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);align-items:stretch;gap:20px;margin-bottom:20px;padding:22px 24px;display:grid;position:relative;overflow:hidden}.db-hero__glow{pointer-events:none;background:radial-gradient(circle,#38bdf847,#0000 68%);border-radius:50%;width:280px;height:280px;animation:6s ease-in-out infinite alternate db-glow;position:absolute;top:-80px;right:-40px}.db-hero__copy{z-index:1;position:relative}.db-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#bae6fdd9;font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:.78rem}.db-hero__title{letter-spacing:-.03em;color:#f8fafc;margin:0;font-size:clamp(1.55rem,2.4vw,2rem);font-weight:600}.db-hero__subtitle{color:#e2e8f0b8;margin:8px 0 0;font-size:.92rem;font-weight:400}.db-hero__subtitle--dates{margin-top:6px;font-size:.82rem}.db-hero__branch{flex-direction:column;gap:6px;max-width:320px;margin-top:14px;display:flex}.db-hero__branch span{letter-spacing:.06em;text-transform:uppercase;color:#bae6fde6;font-size:.72rem}.db-hero__branch select{color:#f8fafc;width:100%;min-height:42px;font:inherit;cursor:pointer;appearance:none;background-color:#ffffff1a;background-image:linear-gradient(45deg,#0000 50%,#f8fafce6 50%),linear-gradient(135deg,#f8fafce6 50%,#0000 50%),linear-gradient(90deg,#ffffff1a,#ffffff1a);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),0 0;background-repeat:no-repeat;background-size:6px 6px,6px 6px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff2e;border-radius:12px;outline:none;padding:10px 36px 10px 12px;font-size:.95rem}.db-hero__branch select:focus{border-color:#38bdf8a6;box-shadow:0 0 0 3px #0ea5e940}.db-hero__branch select option{color:#0b1220;background:#fff}.db-hero__balance{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;justify-content:center;gap:6px;padding:16px 18px;display:flex;position:relative}.db-hero__balance span{color:#bae6fde6;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.db-hero__balance strong{color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:600}.db-hero__refresh{align-self:flex-start;margin-top:8px;color:#f8fafc!important;background:#ffffff1a!important;border-color:#fff3!important}.db-hero__refresh:hover{background:#ffffff29!important}.db-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.db-shortcut{border:1px solid var(--db-line);background:var(--db-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 16px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0a}.db-shortcut:after{content:"";opacity:.55;border-radius:50%;width:120px;height:120px;transition:transform .35s,opacity .35s;position:absolute;inset:auto -20% -40% auto}.db-shortcut:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0f172a1a}.db-shortcut:hover:after{opacity:.85;transform:scale(1.15)translate(-8px,-8px)}.db-shortcut:hover .db-shortcut__arrow{opacity:1;transform:translate(4px)}.db-shortcut__icon{color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.db-shortcut__icon svg{width:22px;height:22px}.db-shortcut__text{flex-direction:column;gap:2px;min-width:0;display:flex}.db-shortcut__label{color:var(--db-ink);font-size:1.05rem;font-weight:600}.db-shortcut__hint{color:var(--db-muted);font-size:.78rem;font-weight:400}.db-shortcut__arrow{color:var(--db-muted);opacity:.45;font-size:1.1rem;transition:transform .25s,opacity .25s}.db-shortcut--pos .db-shortcut__icon{background:linear-gradient(145deg,#2563eb,#38bdf8)}.db-shortcut--pos:after{background:radial-gradient(circle,#2563eb2e,#0000 70%)}.db-shortcut--ledger .db-shortcut__icon{background:linear-gradient(145deg,#0f766e,#2dd4bf)}.db-shortcut--ledger:after{background:radial-gradient(circle,#0f766e2e,#0000 70%)}.db-shortcut--receipt .db-shortcut__icon{background:linear-gradient(145deg,#15803d,#4ade80)}.db-shortcut--receipt:after{background:radial-gradient(circle,#16a34a2e,#0000 70%)}.db-shortcut--payment .db-shortcut__icon{background:linear-gradient(145deg,#c2410c,#fb923c)}.db-shortcut--payment:after{background:radial-gradient(circle,#ea580c2e,#0000 70%)}.db-filters{background:var(--db-surface);border:1px solid var(--db-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px 16px;transition-delay:80ms;display:flex}.db-field{flex-direction:column;flex:1;gap:4px;min-width:140px;max-width:220px;display:flex}.db-field span{color:var(--db-muted);font-size:12px;font-weight:500}.db-field input,.db-field select{color:var(--db-ink);background:#fff;border:1px solid #0f172a1f;border-radius:10px;outline:none;padding:9px 11px;font-size:13.5px;font-weight:400;transition:border-color .15s,box-shadow .15s}.db-field input:focus,.db-field select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.db-error{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:13.5px;font-weight:500}.db-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.db-summary__item{background:var(--db-surface);border:1px solid var(--db-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:16px 14px 14px;display:flex;position:relative;overflow:hidden}.db-summary__item:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.db-summary__item span{color:var(--db-muted);font-size:12px;font-weight:500}.db-summary__item strong{color:var(--db-ink);letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:1.08rem;font-weight:600}.db-summary__item--sales:before{background:#2563eb}.db-summary__item--purchase:before{background:#ca8a04}.db-summary__item--receipt:before{background:#16a34a}.db-summary__item--payment:before{background:#ea580c}.db-summary__item--recv:before{background:#0891b2}.db-summary__item--pay:before{background:#db2777}.is-loading{opacity:.45;animation:1.1s ease-in-out infinite db-pulse}.db-stock{border:1px solid var(--db-line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;transition-delay:.22s;display:flex;position:relative;overflow:hidden}.db-stock--ok{background:linear-gradient(120deg,#f0fdf4f2,#ffffffe6)}.db-stock--alert{background:linear-gradient(120deg,#fff7edfa,#ffffffeb)}.db-stock__pulse{opacity:.5;border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;left:-40px}.db-stock--ok .db-stock__pulse{background:radial-gradient(circle,#22c55e40,#0000 70%);animation:5s ease-in-out infinite alternate db-glow}.db-stock--alert .db-stock__pulse{background:radial-gradient(circle,#f9731647,#0000 70%);animation:3.5s ease-in-out infinite alternate db-glow}.db-stock__copy{z-index:1;position:relative}.db-stock__copy h2{color:var(--db-ink);margin:0;font-size:1rem;font-weight:600}.db-stock__copy p{color:var(--db-muted);margin:4px 0 0;font-size:.86rem}.db-stock__cta{z-index:1;background:var(--db-ink);color:#f8fafc;border-radius:999px;align-items:center;padding:10px 14px;font-size:.86rem;font-weight:500;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;position:relative}.db-stock__cta:hover{background:#1e293b;transform:translateY(-2px)}@keyframes db-glow{0%{opacity:.45;transform:scale(1)}to{opacity:.75;transform:scale(1.12)}}@keyframes db-pulse{0%,to{opacity:.35}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.db-hero,.db-shortcut,.db-filters,.db-summary__item,.db-stock,.db-error,.db-hero__glow,.db-stock__pulse,.is-loading{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (width<=1100px){.db-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.db-hero{grid-template-columns:1fr}.db-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.db-page{padding:16px}.db-shortcuts,.db-summary{grid-template-columns:1fr}.db-shortcut{grid-template-columns:auto 1fr}.db-shortcut__arrow{display:none}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{color:var(--color-primary,#0ea5e9);display:inline-flex}.spinner svg{animation:.8s linear infinite spin;display:block}.spinner--sm svg{width:16px;height:16px}.spinner--md svg{width:24px;height:24px}.spinner--lg svg{width:40px;height:40px}.spinner-center{justify-content:center;align-items:center;padding:40px 0;display:flex}.modal-backdrop{z-index:10000}.modal-card{z-index:10001}.pos-shell{--pos-ink:var(--color-text,#0b1220);--pos-muted:var(--color-text-soft,#64748b);--pos-line:#94a3b838;--pos-surface:#ffffffdb;--pos-panel:#ffffffeb;min-height:100vh;color:var(--pos-ink);background:radial-gradient(70% 80% at 8% -10%,#0ea5e929,#0000 55%),radial-gradient(55% 70% at 92% 0,#10b9811a,#0000 50%),linear-gradient(#f8fafc,#f1f5f9);flex-direction:column;display:flex}.pos-topbar{background:linear-gradient(135deg, var(--color-sidebar,#0b1220) 0%, var(--color-sidebar-mid,#0f3d4e) 55%, var(--color-sidebar-end,#082f49) 100%);color:#e2e8f0;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a29}.pos-topbar:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf847,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;top:-100px;right:-40px}.pos-topbar__brand,.pos-topbar__meta,.pos-topbar__actions{z-index:1;position:relative}.pos-topbar__brand{flex-direction:column;gap:.1rem;min-width:140px;display:flex}.pos-topbar__brand strong{color:#f8fafc;letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.pos-topbar__brand span,.pos-topbar__meta,.pos-chip{color:#e2e8f0b8;font-size:.8rem}.pos-topbar__meta,.pos-topbar__actions,.pos-banner__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pos-chip{color:#e2e8f0;background:#ffffff14;border:1px solid #94a3b838;border-radius:999px;align-items:center;padding:.4rem .75rem;font-weight:500;display:inline-flex}.pos-chip--time{font-variant-numeric:tabular-nums}.pos-select,.pos-search,.pos-discount input,.pos-line__qty input,.pos-line__rate input,.pos-received input,.pos-field input,.pos-field select,.pos-modal input,.pos-modal select{color:var(--pos-ink);font:inherit;background:#ffffffeb;border:1px solid #0f172a1f;border-radius:12px;padding:.65rem .8rem;transition:border-color .16s,box-shadow .16s;box-shadow:0 6px 16px #0f172a0a}.pos-select:focus,.pos-search:focus,.pos-discount input:focus,.pos-line__qty input:focus,.pos-line__rate input:focus,.pos-received input:focus,.pos-field input:focus,.pos-field select:focus,.pos-modal input:focus,.pos-modal select:focus{border-color:#0ea5e98c;outline:none;box-shadow:0 0 0 3px #0ea5e924}.pos-topbar .pos-select{color:#f8fafc;background:#0f172a59;border-color:#94a3b847}.pos-btn{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.55rem .95rem;font-weight:500;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.pos-btn--ghost{color:var(--pos-ink);background:#0f172a0a;border:1px solid #0f172a1f}.pos-btn--ghost:hover{background:#0ea5e914;border-color:#0ea5e94d;transform:translateY(-1px)}.pos-topbar .pos-btn--ghost{color:#e2e8f0;background:#ffffff14;border:1px solid #94a3b847}.pos-topbar .pos-btn--ghost:hover{background:#ffffff24}.pos-banner .pos-btn--ghost{background:#ffffff8c;border-color:#0000}.pos-btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 22px #0ea5e947}.pos-btn--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.pos-chip--toggle{cursor:pointer;-webkit-user-select:none;user-select:none;gap:.4rem}.pos-chip--toggle input{accent-color:#38bdf8}.pos-banner__hint{opacity:.85;margin-left:.45rem;font-style:normal;font-weight:400}.pos-chip--mode-retail{color:#bbf7d0;background:#16a34a2e;border-color:#4ade8059}.pos-chip--mode-restaurant{color:#ffedd5;background:#ea580c38;border-color:#fb923c73}.pos-chip--mode-wholesale{color:#bfdbfe;background:#2563eb38;border-color:#60a5fa66}.pos-customer-chip.is-warn{background:#f59e0b1a;border-color:#f59e0b8c}.pos-list{flex-direction:column;gap:.45rem;padding-bottom:1rem;display:flex;overflow:auto}.pos-row{text-align:left;border:1px solid var(--pos-line);background:var(--pos-surface);color:inherit;cursor:pointer;box-shadow:var(--shadow-sm,0 8px 24px #0f172a0a);border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem .9rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.pos-row:hover:not(:disabled){box-shadow:var(--shadow-md,0 16px 32px #0f172a14);border-color:#0ea5e966;transform:translateY(-1px)}.pos-row.is-disabled,.pos-row:disabled{opacity:.45;cursor:not-allowed}.pos-row__main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.pos-row__main strong{color:var(--pos-ink);font-size:.92rem;font-weight:600}.pos-row__main span,.pos-row__meta span{color:var(--pos-muted);font-size:.72rem}.pos-row__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.15rem;display:flex}.pos-row__meta strong{color:#0284c7;font-size:1rem}.pos-row__meta .is-ok{color:#16a34a}.pos-row__meta .is-out{color:#dc2626}.pos-line--wholesale{grid-template-columns:minmax(0,1.4fr) auto auto;align-items:start}.pos-line__rate{color:var(--pos-muted);align-items:center;gap:.4rem;margin-top:.25rem;font-size:.72rem;display:flex}.pos-line__rate input{width:88px;padding:.35rem .45rem}.pos-line__bulk{color:#0284c7;font:inherit;cursor:pointer;background:#0ea5e914;border:1px solid #0ea5e947;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:600}.pos-received{color:var(--pos-muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.pos-received input{text-align:right;width:120px;padding:.5rem .7rem}.pos-due{font-weight:600;color:#b45309!important}.pos-btn--full{justify-content:center;width:100%}.pos-shell--wholesale .pos-complete{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.pos-btn--badge{position:relative}.pos-badge{color:#111827;background:#f59e0b;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:.35rem;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.pos-hold-tag{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:12px;margin-bottom:.55rem;padding:.5rem .75rem;font-size:.8rem}.pos-modal--sm{width:min(400px,100%)}.pos-modal__hint{color:var(--pos-muted);margin:0;font-size:.85rem}.pos-modal__toolbar{flex-direction:column;gap:.55rem;display:flex}.pos-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.pos-field{color:var(--pos-muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.pos-quick-form{flex-direction:column;gap:.75rem;display:flex}.pos-customer-option--pin{background:#2563eb14;border-color:#2563eb73}.pos-held-list{gap:.65rem;display:grid}.pos-held-card{border:1px solid var(--pos-line);background:var(--pos-surface);box-shadow:var(--shadow-sm,0 8px 24px #0f172a0a);border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem;display:flex}.pos-held-card__info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.pos-held-card__info strong{color:var(--pos-ink)}.pos-held-card__info span{color:var(--pos-muted);font-size:.78rem}.pos-held-card__time{font-variant-numeric:tabular-nums}.pos-held-card__actions{flex-direction:column;flex-shrink:0;gap:.35rem;display:flex}@media (width<=640px){.pos-held-card{flex-direction:column;align-items:stretch}.pos-held-card__actions{flex-direction:row}}.pos-banner{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.1rem;font-size:.9rem;font-weight:500;display:flex}.pos-banner--error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca}.pos-banner--success{color:#166534;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.pos-layout{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);min-height:0;display:grid}.pos-catalog,.pos-cart{flex-direction:column;min-height:0;display:flex}.pos-catalog{padding:1rem 1.1rem}.pos-search-row{margin-bottom:.75rem}.pos-search{border-radius:14px;width:100%;min-height:48px;font-size:1rem}.pos-categories{gap:.45rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.pos-cat{border:1px solid var(--pos-line);background:var(--pos-surface);color:var(--pos-muted);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:.45rem .9rem;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .15s}.pos-cat:hover{border-color:#0ea5e959;transform:translateY(-1px)}.pos-cat.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#0000;box-shadow:0 10px 20px #0ea5e938}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding-bottom:1rem;display:grid;overflow:auto}.pos-tile{text-align:left;border:1px solid var(--pos-line);background:var(--pos-surface);min-height:118px;color:inherit;cursor:pointer;box-shadow:var(--shadow-sm,0 8px 24px #0f172a0a);border-radius:18px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.pos-tile:hover:not(:disabled){box-shadow:var(--shadow-md,0 16px 32px #0f172a14);border-color:#0ea5e966;transform:translateY(-2px)}.pos-tile.is-disabled,.pos-tile:disabled{opacity:.45;cursor:not-allowed}.pos-tile strong{color:var(--pos-ink);font-size:.92rem;font-weight:600;line-height:1.25}.pos-tile__sku{color:var(--pos-muted);font-size:.72rem}.pos-tile__price{color:#0284c7;margin-top:auto;font-size:1.05rem;font-weight:700}.pos-tile__stock{font-size:.72rem}.pos-tile__stock.is-ok{color:#16a34a}.pos-tile__stock.is-out{color:#dc2626}.pos-cart{background:var(--pos-panel);border-left:1px solid var(--pos-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:-12px 0 32px #0f172a0a}.pos-cart__customer,.pos-cart__footer{border-bottom:1px solid var(--pos-line);padding:.9rem 1rem}.pos-cart__footer{border-bottom:0;border-top:1px solid var(--pos-line);background:#f8fafce6;margin-top:auto}.pos-customer-chip{border:1px solid var(--pos-line);width:100%;color:inherit;cursor:pointer;text-align:left;background:#fffffff2;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.8rem .95rem;transition:border-color .15s,box-shadow .15s;display:flex}.pos-customer-chip:hover{border-color:#0ea5e966;box-shadow:0 8px 20px #0ea5e914}.pos-customer-chip span{color:var(--pos-muted);font-size:.72rem}.pos-customer-chip strong{color:var(--pos-ink);font-size:.95rem;font-weight:600}.pos-cart__lines{flex:1;padding:.75rem 1rem;overflow:auto}.pos-line{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(0,1.2fr) auto auto;align-items:center;gap:.6rem;padding:.75rem 0;display:grid}.pos-line__info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.pos-line__info strong{color:var(--pos-ink);font-size:.88rem;font-weight:600}.pos-line__info span,.pos-line__remove{color:var(--pos-muted);font-size:.72rem}.pos-line__qty{align-items:center;gap:.25rem;display:inline-flex}.pos-line__qty button{width:34px;height:34px;color:var(--pos-ink);cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:999px;font-size:1rem;transition:background .15s,border-color .15s}.pos-line__qty button:hover{background:#0ea5e914;border-color:#0ea5e959}.pos-line__qty input{text-align:center;width:56px;padding:.4rem}.pos-line__amount{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.pos-line__remove{cursor:pointer;background:0 0;border:0;padding:0}.pos-line__remove:hover{color:#dc2626}.pos-discount{color:var(--pos-muted);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.pos-discount input{text-align:right;width:120px}.pos-totals{gap:.35rem;margin-bottom:.85rem;display:grid}.pos-totals>div{color:var(--pos-muted);justify-content:space-between;font-size:.9rem;display:flex}.pos-totals__grand{border-top:1px solid var(--pos-line);color:var(--pos-ink);margin-top:.25rem;padding-top:.55rem;font-size:1.15rem}.pos-totals__grand strong{color:var(--pos-ink);letter-spacing:-.02em;font-size:1.35rem}.pos-pay-methods{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.pos-tax-modes{grid-template-columns:1fr 1fr 1fr}.pos-tax-modes .pos-pay{min-height:42px;padding:.35rem .4rem;font-size:.78rem}.pos-pay{min-height:48px;color:var(--pos-ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:999px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s}.pos-pay:hover{border-color:#0ea5e959;transform:translateY(-1px)}.pos-pay.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#0000;box-shadow:0 10px 22px #0ea5e938}.pos-complete{color:#fff;width:100%;min-height:56px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:0;border-radius:999px;font-size:1.05rem;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 12px 24px #16a34a3d}.pos-complete:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.pos-complete:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.pos-empty{color:var(--pos-muted);padding:1.5rem .25rem;font-size:.9rem}.pos-blocked{text-align:center;margin:auto;padding:2rem}.pos-blocked a{color:#0284c7}.pos-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.pos-modal{width:min(480px,100%);max-height:min(80vh,640px);box-shadow:var(--shadow-lg,0 22px 48px #0f172a24);background:#fffffff5;border:1px solid #94a3b833;border-radius:20px;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex;overflow:auto}.pos-modal__head{justify-content:space-between;align-items:center;display:flex}.pos-modal__head strong{letter-spacing:-.02em;font-size:1.05rem}.pos-modal .pos-btn--ghost{color:var(--pos-ink);background:#0f172a0a;border-color:#0f172a1f}.pos-customer-list{gap:.45rem;display:grid}.pos-customer-option{border:1px solid var(--pos-line);color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.8rem .9rem;transition:border-color .15s,background .15s;display:flex}.pos-customer-option.is-active,.pos-customer-option:hover{background:#0ea5e90f;border-color:#0ea5e973}.pos-customer-option span{color:var(--pos-muted);font-size:.75rem}@media (width<=960px){.pos-layout{grid-template-columns:1fr}.pos-catalog{border-right:0;border-bottom:1px solid var(--pos-line);max-height:48vh}.pos-cart{border-left:0;min-height:52vh}.pos-topbar{flex-wrap:wrap}}