:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--muted: #bfc4c9;--border: #34383c;--accent: #cbd0d5;--background: #000}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--background)}button,input{font:inherit}button,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p{margin-top:0}.button{border:1px solid var(--border);padding:11px 16px;border-radius:8px;font-size:12px;font-weight:500;transition:background .15s}.primary{color:#e5e7eb;background:var(--background);border-color:#41474d}.primary:hover:not(:disabled){border-color:var(--accent)}.quiet{background:transparent;color:var(--muted)}.quiet:hover:not(:disabled){border-color:var(--accent)}.notice{padding:14px 16px;border-radius:8px;font-size:13px;line-height:1.5;margin:22px 0}.error{border:1px solid #784c42;background:var(--background);color:#ffc6b4}.login-layout,.loading-screen{min-height:100svh}.login-panel{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 24px}.login-card{width:100%;max-width:300px}.login-entry{width:100%}.signed-out-message{display:block;margin:0 auto;padding:8px;border:0;background:transparent;color:var(--muted);font-size:13px}.signed-out-message:disabled{cursor:default;opacity:1}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:12px;color:var(--muted);margin:0 0 8px}.login-card input{background:var(--background);border:1px solid var(--border);border-radius:6px;color:#e5e7eb;padding:12px;margin-bottom:20px;width:100%;font-size:16px}.login-card form .button{margin-top:4px;padding:12px;font-size:13px}.retry{width:100%}.loading-screen{display:flex;justify-content:center;align-items:center;font-size:13px}.loading-screen p{margin:0}.workspace{min-height:100svh;display:flex;flex-direction:column}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border-color:transparent}.icon-button svg{width:22px;height:22px}.connection-bar{width:100%;padding:12px 16px;border-bottom:1px solid #25292d}.database-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:14px}.database-status p{margin:0}.desktop{flex:1;min-width:0;background:var(--background)}.launcher-sections{padding:24px 16px 104px}.launcher-section+.launcher-section{margin-top:32px}.launcher-section h2{margin:0 0 12px;color:var(--muted);font-size:14px;font-weight:600}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px}.app-tile{display:flex;flex-direction:column;align-items:center;min-width:0;color:#e5e7eb;text-decoration:none;padding:8px 0;border-radius:14px;font-size:13px;transition:background .15s}.app-tile:hover .app-icon{border-color:var(--accent)}.app-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:80px;height:80px;border:1px solid #53687b;border-radius:20px;background:var(--background);box-shadow:0 6px 18px #0003}.app-icon svg{width:30px;height:30px}.app-icon-label{max-width:calc(100% - 8px);text-align:center;font-size:12px;line-height:16px;font-weight:500}.vault-page,.sales-page{flex:1;min-width:0;background:var(--background)}.sales-content{padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}.sales-description{color:var(--muted);font-size:13px}.sales-count{margin:24px 0 8px;font-size:42px;font-variant-numeric:tabular-nums}.sales-content h2{margin:32px 0 12px;font-size:16px;font-weight:600}.sales-history{max-width:440px;margin:0 0 16px;padding:0;list-style:none}.sales-history li{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;font-variant-numeric:tabular-nums}.report-stores{display:grid;gap:24px;max-width:560px;margin:32px 0}.report-store{border:1px solid var(--border);border-radius:8px;padding:0 16px}.report-store-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-store-heading h2{margin:16px 0}.report-status{color:var(--muted);font-size:12px}.report-metrics{margin:0}.report-metrics div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border);font-size:13px}.report-metrics dt{color:var(--muted)}.report-metrics dd{margin:0}.report-store>.sales-description{margin:16px 0;line-height:1.5}.report-store h3{margin:24px 0 12px;font-size:14px}.report-refresh{margin:16px 0}.appbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:calc(45px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--border);background:var(--background)}.toolbar-back{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:8px;color:var(--muted);text-decoration:none}.toolbar-back:hover{color:#e5e7eb}.toolbar-back:focus-visible{outline-offset:-3px}.toolbar-back svg{width:20px;height:24px}.appbar h1{grid-column:2;margin:0;text-align:center;font-size:17px;font-weight:600}.appbar-actions{grid-column:3;justify-self:end}.vault{padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}.vault-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.vault-form{display:flex;flex-direction:column;max-width:440px;gap:8px}.vault-form label{font-size:13px;color:var(--muted)}.vault-form input,.revealed-secret{width:100%;background:var(--background);border:1px solid var(--border);border-radius:6px;color:#e5e7eb;padding:12px;font-size:16px}.vault-form input{margin-bottom:12px}.vault-warning{font-size:13px;line-height:1.5;color:var(--muted)}.secret-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.secret-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) auto;align-items:stretch;gap:8px}.secret-label{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--background);overflow-wrap:anywhere;font-family:monospace;font-size:13px;line-height:1.5}.secret-label strong{display:block;font-weight:500}.secret-label span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.secret-value-cell{display:flex;align-items:center;min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--background)}.secret-reveal{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;color:#a6afb9;background:transparent}.secret-reveal:hover:not(:disabled){color:#e5e7eb}.secret-mask{font-size:16px;letter-spacing:2px}.secret-reveal svg{width:18px;height:18px;flex-shrink:0}.secret-value-cell .revealed-secret{flex:1;min-width:0;min-height:44px;border:0;background:transparent;font-size:13px;line-height:20px}.secret-value-cell .icon-button{flex-shrink:0}.secret-row-actions{display:flex;align-items:center}.revealed-secret{resize:vertical;font-family:monospace}.delete-confirmation{grid-column:1 / -1;width:100%;font-size:13px}.danger{color:#ffc6b4}.copy-notice{font-size:13px;color:var(--muted);margin-bottom:12px}.fab{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:10;display:grid;place-items:center;width:56px;height:56px;border:1px solid #53687b;border-radius:50%;color:#e5e7eb;background:var(--background);box-shadow:0 6px 20px #0006}.fab:hover:not(:disabled){border-color:var(--accent)}.fab svg{width:24px;height:24px}.vault-page:has(.secret-fab) .vault{padding-bottom:104px}.secret-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--border);border-radius:12px;color:#e5e7eb;background:var(--background);box-shadow:0 16px 64px #0006;overflow-y:auto}.secret-dialog::backdrop{background:#0009}.secret-dialog h2{margin:0 0 16px;font-size:18px;font-weight:500}.secret-dialog .notice{margin:0 0 12px}@media(max-width:640px){.connection-bar{padding:0 16px;border-bottom:0}.database-status{display:none}.secret-list{gap:16px}.secret-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.secret-label{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}