:root{--teal: #0f766e;--teal-dark: #115e59;--ink: #0f172a;--muted: #64748b;--ok: #16a34a;--warn: #d97706;--err: #dc2626;--line: #e2e8f0;--bg: #f8fafc}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.shell{max-width:520px;margin:0 auto;padding:16px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 20px}.topbar h1{margin:0;font-size:22px;letter-spacing:1px;color:var(--teal)}.pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.pill--ok{background:#dcfce7;color:var(--ok)}.pill--warn{background:#fef3c7;color:var(--warn)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 2px #0f172a0a}.card h2{margin:0 0 4px;font-size:18px}.muted{color:var(--muted)}.small{font-size:13px}.status{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:var(--bg);margin:16px 0}.status .dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex:none}.status--ok .dot{background:var(--ok)}.status--degraded .dot,.status--offline .dot{background:var(--warn)}.status--error .dot{background:var(--err)}.status--loading .dot{background:var(--muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--teal);color:#fff;font-weight:600;font-size:15px;padding:12px 18px;border-radius:12px;cursor:pointer;width:100%}.btn:active{background:var(--teal-dark)}.btn:disabled{opacity:.6;cursor:default}.btn--ghost{width:auto;background:transparent;color:var(--teal);border:1px solid var(--line);padding:8px 14px;font-size:14px}.btn--ghost:active{background:var(--bg)}.form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:13px;font-weight:600;color:var(--muted)}.field input{font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0f766e1f}.alert{background:#fef2f2;color:var(--err);border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:14px}.userrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr{display:flex;justify-content:center;margin:16px 0;min-height:220px;align-items:center}.qr img{border-radius:12px}.secret{display:inline-block;margin-top:4px;font-size:15px;letter-spacing:2px;background:var(--bg);padding:6px 10px;border-radius:8px;word-break:break-all}.codes{list-style:none;padding:14px;margin:16px 0;background:var(--bg);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;letter-spacing:1px}.linkbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--teal);font-size:14px;font-weight:600;cursor:pointer;padding:12px 0 0;width:100%}.pill--pending{background:#e0f2fe;color:#0369a1}.pill--draft{background:#f1f5f9;color:#475569}.pill--sent{background:#e0f2fe;color:#0369a1}.pill--paid{background:#dcfce7;color:var(--ok)}.pill--void{background:#fee2e2;color:var(--err)}.lineitems{width:100%;border-collapse:collapse;font-size:14px}.lineitems th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:4px;border-bottom:1px solid var(--line)}.lineitems td{padding:4px;border-bottom:1px solid var(--line);vertical-align:middle}.lineitems input{width:100%;box-sizing:border-box;font-size:14px;padding:6px 8px;border:1px solid var(--line);border-radius:8px}.lineitems input.num{width:64px;text-align:right}.lineitems input[type=checkbox]{width:auto}.paybox{margin-top:16px}.paid-banner{background:#dcfce7;color:var(--ok);font-weight:700;padding:12px;border-radius:12px;text-align:center}.paylink{display:flex;gap:8px;margin-top:10px;align-items:center}.paylink input{flex:1;min-width:0;font-size:13px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.paylink a.btn--ghost,.rowbtns a.btn--ghost{text-decoration:none;display:inline-flex;align-items:center}.checkrow{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:var(--ink);padding:10px 0}.checkrow input{width:auto}.syncbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.list{list-style:none;padding:0;margin:16px 0 0}.listrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.listrow:first-child{border-top:none}.rowbtns{display:flex;align-items:center;gap:8px;flex:none}.rowbtns .linkbtn{width:auto;padding:0;color:var(--err)}.editrow{display:flex;flex-direction:column;gap:8px;width:100%}.editrow input{font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.editrow .rowbtns .linkbtn{color:var(--muted)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field select{font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0f766e1f}.breakdown{display:flex;justify-content:space-between;gap:8px;background:var(--bg);border-radius:12px;padding:12px 14px;font-size:14px}.breakdown span{display:flex;flex-direction:column;gap:2px;color:var(--muted)}.breakdown strong{color:var(--ink);font-size:15px}.reviewhead{display:flex;align-items:baseline;justify-content:space-between;margin-top:20px}.reviewhead h3{margin:0;font-size:16px}.photobtn{display:inline-block;text-align:center;cursor:pointer}.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.thumb{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb--ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;color:var(--muted)}.thumb-x{position:absolute;top:2px;right:2px;width:18px;height:18px;line-height:16px;border:none;border-radius:50%;background:#0f172ab3;color:#fff;cursor:pointer;font-size:14px;padding:0}.thumb-badge{position:absolute;bottom:0;left:0;right:0;font-size:9px;text-align:center;background:#d97706e6;color:#fff}.growcol{flex:1;min-width:0}.filtersel{font-size:14px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.rowbtns select{font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.filterdate{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.filterdate input{font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:8px}.foot{text-align:center;padding:24px 0}