:root{--font-body:"Inter","Avenir Next","Trebuchet MS","Segoe UI",sans-serif;--font-heading:"Iowan Old Style",Georgia,"Times New Roman",serif;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--bg:#0a0812;--bg-strong:#100b1e;--surface:rgba(18,13,28,0.92);--surface-strong:rgba(26,18,38,0.96);--surface-raised:rgba(30,22,44,0.96);--line:rgba(214,178,94,0.12);--line-strong:rgba(214,178,94,0.22);--text:#f0e8d6;--text-secondary:#b8ab8f;--muted:#90846e;--accent:#a865e8;--accent-strong:#f0d083;--accent-soft:rgba(168,101,232,0.15);--success:#34d399;--success-soft:rgba(52,211,153,0.10);--danger:#f87171;--danger-soft:rgba(248,113,113,0.10);--warning:#fbbf24;--warning-soft:rgba(251,191,36,0.10);--shadow-sm:0 1px 3px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);--shadow:0 4px 12px rgba(0,0,0,0.25),0 2px 4px rgba(0,0,0,0.15);--shadow-lg:0 8px 30px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2);--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 20% 10%,rgba(168,101,232,.1),transparent 40%),radial-gradient(ellipse at 80% 90%,rgba(240,208,131,.04),transparent 30%),linear-gradient(180deg,#08050d,#12081a 50%,#0a0712);color:var(--text);font-family:var(--font-body),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}svg{display:block}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}.field-row{grid-template-columns:1fr 1fr}.field-row,.field-row-3{display:grid;gap:var(--space-3)}.field-row-3{grid-template-columns:1fr 1fr 1fr}.field-row-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-3)}.shell-grid{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh}.shell-grid>*{min-width:0}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);background:linear-gradient(180deg,rgba(10,7,18,.99),rgba(20,12,30,.98));border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mobile-sidebar-backdrop,.mobile-sidebar-trigger{display:none}@media (max-width:1100px){.mobile-sidebar-backdrop,.mobile-sidebar-trigger{display:revert}}.sidebar-header{display:flex;padding:0 0 var(--space-4);border-bottom:1px solid var(--line);margin-bottom:var(--space-3)}.hapos-logo,.sidebar-header{align-items:center;gap:var(--space-2)}.hapos-logo{display:inline-flex;color:inherit}.hapos-logo.is-compact{gap:var(--space-2)}.hapos-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);background:radial-gradient(circle at top left,rgba(243,220,159,.36),transparent 42%),linear-gradient(145deg,#f0d083,#7a31d5 60%,#09060f);box-shadow:var(--shadow-sm);font-family:var(--font-heading),serif;font-size:1.1rem;font-weight:700;letter-spacing:-.08em;color:#fff8f1;flex-shrink:0}.hapos-logo.is-compact .hapos-logo-mark{width:28px;height:28px;border-radius:var(--radius-sm);font-size:.85rem}.hapos-logo-type{display:grid;gap:1px}.hapos-logo-type strong{display:block;font-family:var(--font-heading),serif;font-size:1rem;letter-spacing:-.06em;line-height:1.2}.hapos-logo.is-compact .hapos-logo-type strong{font-size:.78rem}.hapos-logo-type small{display:block;color:var(--muted);font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:1px}.sidebar-section-label{display:block;padding:var(--space-3) var(--space-2) var(--space-1);color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius);color:var(--text-secondary);font-size:.8rem;font-weight:500;transition:background .12s ease,color .12s ease;outline:none}.sidebar-link:focus-visible{box-shadow:0 0 0 2px var(--accent)}.sidebar-link svg{width:15px;height:15px;flex-shrink:0;opacity:.6}.sidebar-link:hover{color:var(--text);background:var(--accent-soft)}.sidebar-link:hover svg{opacity:1}.sidebar-link[data-active=true]{color:var(--text);background:var(--accent-soft)}.sidebar-link[data-active=true] svg{opacity:1;color:var(--accent)}.sidebar-badge{margin-left:auto;padding:1px 5px;border-radius:999px;background:var(--accent-soft);font-size:.6rem;font-weight:600;color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--line)}.sidebar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius)}.sidebar-user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent-strong),var(--accent));display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#130a1b;flex-shrink:0}.sidebar-user-info{min-width:0;flex:1 1}.sidebar-user-name{font-size:.75rem;font-weight:600;color:var(--text)}.sidebar-user-name,.sidebar-user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.65rem;color:var(--muted)}.sidebar-logout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:5px var(--space-2);margin-top:var(--space-1);border:none;border-radius:var(--radius);background:transparent;color:var(--muted);font-size:.75rem;cursor:pointer;transition:.12s ease}.sidebar-logout svg{width:13px;height:13px}.sidebar-logout:hover{color:var(--danger);background:var(--danger-soft)}.sidebar-logout:focus-visible{box-shadow:0 0 0 2px var(--danger)}.workspace{--workspace-gap:clamp(var(--space-3),1.5vw,var(--space-5));padding:calc(var(--workspace-gap) + var(--safe-top)) calc(var(--workspace-gap) + var(--safe-right)) calc(var(--workspace-gap) + var(--safe-bottom)) calc(var(--workspace-gap) + var(--safe-left))}.workspace-inner{display:grid;gap:var(--space-4);width:100%;max-width:1600px;margin:0 auto}.workspace-inner>*{min-width:0}.workspace-topbar{justify-content:space-between;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.workspace-topbar,.workspace-topbar-main{display:flex;align-items:center;gap:var(--space-3)}.workspace-topbar-main{min-width:0}.workspace-brand-link{display:none}.workspace-title-block{min-width:0}.workspace-kicker{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}.workspace-title{font-family:var(--font-heading),serif;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:700;letter-spacing:-.04em;line-height:1.2;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}.workspace-topbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.workspace-meta{font-size:.7rem;color:var(--muted);white-space:nowrap}.hero{padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(26,18,38,.96),rgba(14,10,22,.92)),linear-gradient(135deg,rgba(240,208,131,.05),transparent 60%);box-shadow:var(--shadow)}.hero-kicker{display:flex;align-items:center;gap:var(--space-1);margin:0 0 var(--space-2);color:var(--accent-strong);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-kicker svg{width:12px;height:12px}.hero-title{margin:0;max-width:none;font-family:var(--font-heading),serif;font-size:clamp(1.4rem,2vw,2.2rem);line-height:1.1;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-subtitle{margin:var(--space-2) 0 0;max-width:64ch;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.snapshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.snapshot-card{padding:var(--space-3) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s ease}.snapshot-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.snapshot-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin-bottom:var(--space-1)}.snapshot-card-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.snapshot-card-icon svg{width:13px;height:13px}.snapshot-card-label{font-size:.62rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.snapshot-card-value{font-size:1.15rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.snapshot-card-trend{display:inline-flex;align-items:center;gap:2px;margin-top:var(--space-1);font-size:.68rem;font-weight:600}.snapshot-card-trend svg{width:11px;height:11px}.executive-summary{padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(26,18,38,.96),rgba(14,10,22,.92)),linear-gradient(135deg,rgba(168,101,232,.08),transparent 60%);box-shadow:var(--shadow);display:grid;gap:var(--space-3)}.executive-summary-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.executive-summary-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading),serif;font-size:1rem;font-weight:700;color:var(--text)}.executive-summary-title svg{width:18px;height:18px;color:var(--accent)}.executive-summary-date{font-size:.72rem;color:var(--muted)}.executive-summary-body{display:grid;gap:var(--space-1)}.executive-summary-item{display:flex;align-items:center;gap:var(--space-2);font-size:.82rem;color:var(--text-secondary);line-height:1.4}.executive-summary-item svg{width:14px;height:14px;flex-shrink:0}.executive-summary-item.is-positive svg{color:var(--success)}.executive-summary-item.is-negative svg{color:var(--danger)}.executive-summary-item.is-neutral svg{color:var(--accent)}.executive-summary-action{margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);font-size:.8rem;color:var(--accent-strong);display:flex;align-items:center;gap:var(--space-2)}.executive-summary-action svg{width:14px;height:14px}.panel{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.panel h2,.panel h3,.panel h4{margin:0;font-family:var(--font-heading),serif;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(.95rem,1.1vw,1.05rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.panel-copy{margin-top:var(--space-1);color:var(--text-secondary);font-size:.8rem;line-height:1.45}.grid-two{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-4);align-items:start}.grid-two>*{min-width:0}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);align-items:start}.grid-three>*{min-width:0}.stack{display:grid;gap:var(--space-3)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0;padding-top:0}.eyebrow{color:var(--muted);font-size:.75rem;margin-top:1px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.tile{padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tile:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-strong),var(--accent) 55%,transparent)}.tile-label{display:block;color:var(--muted);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.tile-value{margin-top:var(--space-1);font-size:1.25rem;font-weight:800;letter-spacing:-.04em;line-height:1.1}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.comparison-card{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong)}.comparison-label{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.comparison-value{font-size:clamp(1rem,1.3vw,1.25rem);font-weight:700;letter-spacing:-.04em}.comparison-note{color:var(--text-secondary);font-size:.75rem}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-top:1px solid var(--line);text-align:left;vertical-align:middle;font-size:.82rem}.table th{color:var(--muted);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding-top:0}.table tr:first-child td{border-top:0}.table tr:hover td{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-3);border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,#f0d083,#c89b34);color:#130a1b;font-weight:600;font-size:.8rem;cursor:pointer;box-shadow:0 4px 12px rgba(214,178,94,.14);transition:transform .12s ease,box-shadow .12s ease,background .12s ease;white-space:nowrap}.button svg{width:14px;height:14px}.button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(214,178,94,.18)}.button:disabled{cursor:wait;opacity:.6;transform:none;box-shadow:none}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--text-secondary);box-shadow:none}.button.secondary:hover{color:var(--text);border-color:var(--line-strong)}.button.danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px rgba(248,113,113,.14)}.button.danger:hover{box-shadow:0 6px 16px rgba(248,113,113,.18)}.button.ghost{background:transparent;border-color:transparent;color:var(--text-secondary);box-shadow:none}.button.ghost:hover{color:var(--text)}.button.ghost:hover,.pill{background:var(--accent-soft)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%;padding:2px var(--space-2);border-radius:999px;color:var(--accent-strong);font-size:.7rem;font-weight:600;white-space:nowrap}.pill svg{width:12px;height:12px}.field{display:grid;gap:var(--space-1)}.field label{font-size:.78rem;font-weight:600;color:var(--text)}.field-hint{color:var(--muted);font-size:.7rem;line-height:1.4}.field input,.field select,.field textarea{width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.85rem;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.field textarea{min-height:72px;resize:vertical}.field-grid{display:grid;gap:var(--space-3)}.service-entry-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-4)}.service-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.service-choice{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:.12s ease}.service-choice[data-active=true]{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.service-choice strong{display:block;margin-bottom:var(--space-1);font-size:.88rem}.service-choice span{display:block;color:var(--text-secondary);font-size:.8rem;line-height:1.4}.marketplace-grid,.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.marketplace-card,.service-card{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.service-card-media{overflow:hidden;border-radius:var(--radius-lg);background:var(--accent-soft)}.marketplace-card-image,.service-card-image{display:block;width:100%;height:140px;object-fit:cover}.marketplace-card-placeholder,.service-card-placeholder{display:flex;align-items:center;justify-content:center;min-height:140px;background:linear-gradient(145deg,var(--accent-soft),var(--surface-strong));color:var(--accent-strong);font-weight:700}.sales-ledger-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-4)}.ledger-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:.12s ease}.ledger-card:hover,.ledger-card[data-active=true]{border-color:var(--line-strong);background:var(--surface-strong);transform:translateY(-1px)}.ledger-card-bottom,.ledger-card-top{display:grid;gap:var(--space-2)}.ledger-card-top{align-items:start}.ledger-card-bottom,.ledger-card-top{grid-template-columns:minmax(0,1fr) auto}.ledger-card-bottom{align-items:center}.receipt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3)}.receipt-card{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.qr-card{overflow:hidden}.qr-card-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-4);align-items:start}.qr-preview{display:flex;align-items:center;justify-content:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-strong)}.qr-preview-image{display:block;width:min(100%,160px);height:auto;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-form,.login-poster{padding:var(--space-8)}.poster-logo{margin-bottom:var(--space-5)}.login-poster{display:grid;align-content:space-between;background:radial-gradient(circle at top,rgba(214,178,94,.12),transparent 32%),linear-gradient(160deg,rgba(8,5,12,.98),rgba(29,13,43,.94));color:#fbf1d6}.login-poster-copy{color:rgba(243,220,159,.8)}.login-form{display:grid;align-items:center}.login-card{max-width:380px;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow)}.note{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.muted{color:var(--muted)}.section-title{margin:0;font-family:var(--font-heading),serif;font-size:1.15rem;letter-spacing:-.03em}.customer-nav,.tenant-strip{display:flex;gap:var(--space-2);flex-wrap:wrap}.tenant-strip{margin-top:var(--space-3)}.tenant-chip{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:.78rem}.rows{display:grid}.row,.rows{gap:var(--space-2)}.row{display:flex;align-items:start;justify-content:space-between;padding:var(--space-2) 0;border-top:1px solid var(--line)}.row:first-child{border-top:0;padding-top:0}.business-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(243,220,159,.3),transparent 44%),linear-gradient(145deg,#f0d083,#7a31d5 68%,#09060f);box-shadow:var(--shadow);color:#f6fdff;font-family:var(--font-heading),serif;font-weight:700;letter-spacing:-.08em}.business-avatar.is-sm{width:36px;height:36px;font-size:.85rem}.business-avatar.is-md{width:48px;height:48px;font-size:1rem}.business-avatar.is-lg{width:60px;height:60px;font-size:1.25rem}.business-avatar-image{width:100%;height:100%;object-fit:cover}.print-header{display:grid;gap:var(--space-4)}.print-header-top{display:flex;align-items:start;justify-content:space-between;gap:var(--space-5)}.print-header-brand{display:flex;align-items:center;gap:var(--space-4)}.print-header-title{margin:0;font-family:var(--font-heading),serif;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.04em}.print-header-motto{margin:var(--space-1) 0 0;color:var(--text-secondary);max-width:48ch;line-height:1.5}.print-header-meta{display:grid;gap:var(--space-2);min-width:160px}.print-header-divider{height:1px;background:var(--line)}.print-header-bottom{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5)}.print-header-subtitle{max-width:42ch;margin:0;color:var(--text-secondary);line-height:1.5}.month-report-toolbar{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.month-report-form{display:flex;align-items:end;gap:var(--space-2);flex-wrap:wrap}.month-report-form .field{flex:1 1 160px;margin:0}.month-report-nav{display:flex;gap:var(--space-2);flex-wrap:wrap}.sales-context{display:grid;gap:var(--space-2)}.route-loading{display:grid;gap:var(--space-3)}.loading-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);padding:var(--space-4);overflow:hidden}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.loading-line{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft),rgba(240,208,131,.12),var(--accent-soft));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.loading-line.is-title{height:14px;width:min(240px,60%)}.loading-line.is-short{width:min(100px,30%)}.loading-line.is-medium{width:min(160px,45%)}.loading-card .loading-line+.loading-line{margin-top:var(--space-2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.grid-three{grid-template-columns:repeat(2,1fr)}.field-row-4{grid-template-columns:1fr 1fr}}@media (max-width:1100px){.grid-three,.grid-two,.sales-ledger-grid,.service-entry-grid,.shell-grid{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,280px);height:100dvh;overflow-y:auto;transform:translateX(calc(-100% - 24px));transition:transform .15s ease;z-index:70;box-shadow:var(--shadow-lg);border-right:none}.sidebar[data-mobile-open=true]{transform:translateX(0)}.mobile-sidebar-trigger{display:inline-flex;position:fixed;left:calc(var(--space-3) + var(--safe-left));bottom:calc(var(--space-3) + var(--safe-bottom));z-index:72;align-items:center;justify-content:center;min-height:40px;padding:0 var(--space-3);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - var(--space-6));border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--accent-strong);font-weight:600;font-size:.78rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;gap:var(--space-1)}.mobile-sidebar-trigger svg{width:16px;height:16px}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:69;border:0;background:rgba(4,2,8,.5);opacity:0;pointer-events:none;transition:opacity .15s ease}.mobile-sidebar-backdrop[data-open=true]{opacity:1;pointer-events:auto}.workspace-topbar{flex-direction:column;align-items:stretch}.workspace{padding-bottom:calc(72px + var(--safe-bottom))}.print-header-bottom,.print-header-top{flex-direction:column;align-items:start}.qr-card-grid{grid-template-columns:1fr}.mobile-sidebar-trigger.hidden-on-desktop{display:inline-flex}}@media (max-width:720px){.login-form,.login-poster,.workspace{--workspace-gap:var(--space-2);padding:calc(var(--space-2) + var(--safe-top)) calc(var(--space-2) + var(--safe-right)) calc(var(--space-2) + var(--safe-bottom)) calc(var(--space-2) + var(--safe-left))}.login-shell{grid-template-columns:1fr}.hero,.panel{padding:var(--space-3);border-radius:var(--radius-lg)}.workspace-topbar{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.list-row,.panel-header{flex-direction:column;align-items:start}.ledger-card-bottom,.ledger-card-top{grid-template-columns:1fr}.workspace-topbar-actions{width:100%}.workspace-topbar-actions .button,.workspace-topbar-actions .pill{width:100%;justify-content:center}.hero-actions,.hero-actions .button,.hero-actions form,.hero-actions form .button{width:100%}.hero-title{max-width:none;white-space:normal}.customer-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-1)}.customer-nav .button{flex:0 0 auto}.table{display:block;overflow-x:auto}.table td,.table th{min-width:0;white-space:normal;overflow-wrap:anywhere}.comparison-grid,.field-row,.field-row-3,.field-row-4{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-grid,.kpi-grid,.snapshot-grid{grid-template-columns:1fr 1fr}.grid-three{grid-template-columns:1fr}.login-form,.login-poster{padding:var(--space-4)}}@media print{body{background:#fff}.button,.hero-actions,.mobile-sidebar-backdrop,.mobile-sidebar-trigger,.sidebar,.workspace-topbar{display:none!important}.workspace,.workspace-inner{padding:0;gap:var(--space-3)}.hero,.panel{box-shadow:none;background:#fff;border-color:rgba(0,0,0,.1)}.print-header{page-break-inside:avoid;break-inside:avoid}}