:root{--bg: #f2f5f3;--surface: #ffffff;--ink: #14231f;--ink-soft: #4b5e58;--line: #dce4e0;--brand: #0f6b5c;--brand-strong: #0a5246;--brand-soft: #e1f0ec;--ok: #1e6b43;--ok-soft: #ddf1e5;--warn: #7a4f00;--warn-soft: #fbefd5;--danger: #a8281c;--danger-soft: #fce4e1;--font: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 12px;--radius-sm: 8px;--tap: 44px;--sidebar-w: 248px;--tabbar-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:var(--text-md);line-height:1.5;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}h1{font-size:var(--text-xl);line-height:1.2;font-weight:700;letter-spacing:-.01em}h2{font-size:var(--text-lg);line-height:1.3;font-weight:600}a{color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.skip-link{position:absolute;left:var(--space-2);top:-3rem;z-index:50;background:var(--ink);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-2)}.shell{min-height:100vh;display:flex;flex-direction:column}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:var(--text-lg);color:var(--brand);text-decoration:none;letter-spacing:-.01em}#content{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--tabbar-h) + var(--space-8) + env(safe-area-inset-bottom,0px))}#content:focus{outline:none}.sidebar{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-top:1px solid var(--line)}.nav-link{display:flex;align-items:center;text-decoration:none;color:var(--ink-soft);font-weight:500;font-size:.75rem}.nav-link svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link[aria-current=page]{color:var(--brand);font-weight:700}.tabbar .nav-link{flex-direction:column;justify-content:center;gap:2px;min-height:var(--tap)}.conn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft)}.conn:before{content:"";width:9px;height:9px;border-radius:50%;background:#9aa9a4}.conn[data-state=ok]:before{background:#1e9e5f}.conn[data-state=down]:before{background:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-secondary{background:var(--surface);color:var(--brand);border-color:var(--brand)}.btn-secondary:hover{background:var(--brand-soft)}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-head .btn{width:100%}.summary{display:grid;grid-template-columns:1fr;margin-bottom:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat{padding:var(--space-4) var(--space-6)}.stat+.stat{border-top:1px solid var(--line)}.stat-label{font-size:var(--text-sm);color:var(--ink-soft)}.stat-value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel>h2{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}.rows{list-style:none}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);min-height:64px}.row+.row{border-top:1px solid var(--line)}.row-main{min-width:0}.row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:var(--text-sm);color:var(--ink-soft)}.row-end{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.row-amount{font-weight:700;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-sm);font-weight:600}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--bg);color:var(--ink-soft)}.state{padding:var(--space-8) var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.state p{color:var(--ink-soft);max-width:40ch}.state h3{font-size:var(--text-md);font-weight:600}.state-error h3{color:var(--danger)}.skeleton{padding:var(--space-4) var(--space-6);display:grid;gap:var(--space-4)}.skeleton span{display:block;height:44px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg),#e6ece9,var(--bg));background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton span.visually-hidden{height:1px;animation:none}@keyframes shimmer{to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (min-width: 600px){#content{padding:var(--space-8) var(--space-6);padding-bottom:calc(var(--tabbar-h) + var(--space-8))}.page-head .btn{width:auto}.summary{grid-template-columns:repeat(3,1fr)}.stat+.stat{border-top:0;border-left:1px solid var(--line)}}@media (min-width: 900px){.shell{flex-direction:row}.topbar,.tabbar{display:none}#content{padding:var(--space-8)}.sidebar{display:flex;flex-direction:column;gap:var(--space-6);width:var(--sidebar-w);flex:none;position:sticky;top:0;height:100vh;padding:var(--space-6) var(--space-4);background:var(--surface);border-right:1px solid var(--line)}.sidebar nav{display:grid;gap:var(--space-1)}.sidebar .nav-link{flex-direction:row;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-md)}.sidebar .nav-link:hover{background:var(--bg)}.sidebar .nav-link[aria-current=page]{background:var(--brand-soft)}.sidebar .conn{margin-top:auto}.sidebar .btn{width:100%}}@media (prefers-reduced-motion: reduce){.skeleton span{animation:none}}.actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}@media (min-width: 600px){.actions{flex-direction:row}}.stack+.stack{margin-top:var(--space-6)}.panel.stack{padding-bottom:var(--space-2)}.bars{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-4)}.bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.bar-value{font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums}.bar-track{display:flex;align-items:flex-end;width:100%;max-width:56px;height:160px;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.bar-fill{display:block;width:100%;background:var(--brand);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.bar-label{font-size:var(--text-sm);color:var(--ink-soft)}.meter-wrap{display:flex;align-items:center;gap:var(--space-3);flex:1;justify-content:flex-end}.meter{flex:1;max-width:220px;height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--brand)}.rows a.row,a.row-link{text-decoration:none;color:inherit}.rows a.row:hover{background:var(--bg)}.rows li+li .row{border-top:1px solid var(--line)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.data-table{width:100%;min-width:720px;border-collapse:collapse}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:var(--text-sm);vertical-align:middle}.data-table thead th{background:var(--bg);font-weight:700;white-space:nowrap}.data-table .num,.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.panel-note{padding:var(--space-4) var(--space-6) 0;font-size:var(--text-sm)}.form-control{width:100%;min-height:var(--tap);padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--surface);color:var(--ink)}.form-group{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.alert-inline{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);margin-bottom:var(--space-4);font-size:var(--text-sm)}.alert-inline.is-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.alert-inline.is-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}.info-box,.review-box,.result-box{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);margin-bottom:var(--space-4)}.info-box p,.review-box p,.result-box p{margin:4px 0}.panel-body{padding:var(--space-4) var(--space-6) var(--space-6)}.btn-success{background:var(--ok);color:#fff}.btn-success:hover{filter:brightness(.92)}.btn-danger{background:var(--danger);color:#fff}.btn-link{background:transparent;color:var(--brand);text-decoration:underline}.btn-small{min-height:34px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn:disabled{opacity:.55;cursor:not-allowed}.detail-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}.detail-number{font-size:var(--text-lg);font-weight:700}.detail-customer{color:var(--ink-soft)}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);margin:0}.detail-grid.totals{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid dt{font-size:var(--text-sm);color:var(--ink-soft)}.detail-grid dd{font-weight:600;word-break:break-word;margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.muted{color:var(--ink-soft)}.total-strong{color:var(--brand);font-size:var(--text-lg)}.alert-error{color:var(--danger);padding:0 var(--space-6) var(--space-3)}.qr-block{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6)}.qr-block img{border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px;background:#fff}.qr-links{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width: 600px){.stat:nth-child(3n+1){border-left:0}.stat:nth-child(n+4){border-top:1px solid var(--line)}}@media (min-width: 600px){.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-grid.totals{grid-template-columns:repeat(3,1fr)}}