:root{color-scheme:dark;--bg: #111215;--panel: #2a2d33;--panel-quiet: rgba(42, 45, 51, .55);--accent: #ff8a00;--steel: #9ea6ad;--stroke: rgba(255, 255, 255, .14);--field: rgba(0, 0, 0, .28);--text: #f4f5f6;--muted: #b4b8be;--danger: #ff453a;--green: #34c759;--yellow: #f2c200;--radius: 16px;--shadow: 0 5px 10px rgba(0, 0, 0, .32);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);min-height:100%}body{min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}.shell{min-height:100vh}.topbar,.tabbar,.page{width:min(920px,100%);margin:0 auto}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px 8px}.mark{width:44px;height:44px;border-radius:12px;background:var(--accent);display:grid;place-items:center;flex:none;box-shadow:var(--shadow)}.mark svg{width:26px;height:26px}.topbar h1{margin:0;font-size:1.15rem;letter-spacing:-.02em}.topbar p{margin:2px 0 0;color:var(--muted);font-size:.78rem}.grow{flex:1}.icon-button,.text-button{background:var(--panel);border:1px solid var(--stroke);color:var(--text);border-radius:999px;min-height:40px;padding:0 14px}.icon-button{width:40px;padding:0}.page{padding:8px 16px 24px;display:flex;flex-direction:column;gap:16px}.tile{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.tile.quiet{background:var(--panel-quiet);box-shadow:0 2px 4px #0000001f}.tile h2,.kicker{margin:0;font-size:.92rem;font-weight:600;color:var(--muted)}.hero-title{margin:0;font-size:2rem;letter-spacing:-.03em}.muted{color:var(--muted);margin:0}.fine{color:var(--muted);font-size:.78rem;margin:0}.warn{color:var(--accent)}.danger{color:var(--danger)}.good{color:var(--green)}.field,textarea.field,select.field{width:100%;background:var(--field);border:1px solid var(--stroke);border-radius:10px;padding:12px;min-height:46px}textarea.field{min-height:110px;resize:vertical}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.btn{border:0;border-radius:14px;min-height:48px;padding:12px 16px;font-weight:700;width:100%}.btn.primary{background:var(--accent);color:#111}.btn.primary:disabled{opacity:.45}.btn.ghost{background:#ff8a0024;color:var(--accent);border:1px solid rgba(255,138,0,.55)}.btn.danger{background:#ff453a24;color:var(--danger);border:1px solid rgba(255,69,58,.45)}.segment{display:grid;grid-template-columns:1fr 1fr;background:var(--field);border-radius:12px;padding:4px;gap:4px}.segment button{border:0;background:transparent;border-radius:10px;min-height:40px;font-weight:650;color:var(--muted)}.segment button[aria-pressed=true]{background:var(--panel);color:var(--text)}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--stroke);background:var(--panel);color:var(--text);border-radius:999px;min-height:36px;padding:0 12px;white-space:nowrap;font-weight:650;font-size:.92rem}.chip[aria-pressed=true]{background:var(--accent);color:#111;border-color:transparent}.chip-rule{width:1px;background:var(--stroke);flex:none;margin:6px 4px}.po-card{text-align:left;width:100%;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 4px 8px #00000047;padding:14px;display:flex;gap:10px;align-items:flex-start}.po-card .body{flex:1;min-width:0;background:none;border:0;padding:0;text-align:left}.po-number{margin:0;font-weight:700;font-size:1.05rem}.po-number.assigned{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--accent)}.meta{margin:4px 0 0;color:var(--muted);font-size:.92rem}.aside{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.amount{font-weight:700}.capsule{border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:700;border:1px solid transparent;background:transparent}select.capsule{max-width:150px}.section-label{margin:8px 0 0;color:var(--muted);font-weight:650;font-size:.92rem}.list{display:flex;flex-direction:column;gap:10px}.photos{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.photos figure{margin:0;position:relative;flex:none}.photos img,.photo-missing{width:120px;height:120px;object-fit:cover;border-radius:10px;background:#9ea6ad40;display:grid;place-items:center}.photos button.thumb{border:0;padding:0;background:none}.member{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--stroke)}.member:first-of-type{border-top:0}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#9ea6ad73;flex:none}.avatar.me{background:var(--accent);color:#111}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pill{border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;background:transparent}.pill.accent{background:var(--accent);color:#111}.pill.outline{color:var(--accent);border:1px solid rgba(255,138,0,.45);background:#ff8a0024}.pill.danger{color:var(--danger);border:1px solid rgba(255,69,58,.4);background:#ff453a24}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;word-break:break-all}.tabbar{position:sticky;top:0;z-index:20;display:flex;background:#111215f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke)}.tabbar button{flex:1;min-height:52px;border:0;background:none;color:var(--steel);font-weight:650;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.75rem}.tabbar button[aria-current=page]{color:var(--accent)}.tabbar svg{width:22px;height:22px}.badge{background:var(--accent);color:#111;border-radius:999px;min-width:18px;padding:0 5px;font-size:.7rem;font-weight:800}.banner{margin:0 16px;width:min(888px,calc(100% - 32px));margin-inline:auto;background:#3a2a16;color:#ffd7a8;border:1px solid rgba(255,138,0,.35);border-radius:12px;padding:10px 12px;font-size:.82rem;overflow-wrap:anywhere}.error-banner{background:#3a1716;color:#ffd0cc;border-color:#ff453a66}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:end center;z-index:40;padding:16px}.modal{width:min(520px,100%);background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.modal h2{margin:0;font-size:1.15rem}.lightbox{width:min(860px,100%);margin:auto}.lightbox img{width:100%;border-radius:12px;background:#000}.check{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem}.empty{text-align:center;padding:28px 16px;color:var(--muted)}.empty h2{color:var(--text);margin:8px 0}.person{text-align:left;background:var(--field);border:1px solid var(--stroke);border-radius:12px;padding:12px}.person strong{display:block}.person span{color:var(--muted);font-size:.8rem}@media(max-width:1023px){.tabbar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-bottom:0;border-top:1px solid var(--stroke);padding-bottom:env(safe-area-inset-bottom)}.page{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.modal-back{place-items:end center;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}body.wide-app{overflow:hidden;height:100dvh}body.wide-app #app{height:100dvh;display:flex;flex-direction:column}body.wide-app .banner{width:auto;margin:8px 12px 0;flex:none}.workspace{display:none}@media(min-width:1024px){.phone-only{display:none}.workspace{display:grid;grid-template-columns:var(--list-width, 400px) 10px minmax(0,1fr);flex:1;min-height:0;width:100%}.workspace.collapsed{grid-template-columns:0 10px minmax(0,1fr)}.pane-list{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#0e0f12;border-right:1px solid var(--stroke)}.workspace.collapsed .pane-list{visibility:hidden}.pane-head{padding:14px 14px 8px;flex:none}.pane-scroll{overflow:auto;padding:0 12px 28px;min-height:0}.pane-brand{display:flex;align-items:center;gap:10px}.pane-brand h1{margin:0;font-size:1.05rem}.pane-brand p{margin:2px 0 0;color:var(--muted);font-size:.75rem}.side-nav{display:flex;flex-direction:column;gap:2px;margin:12px 0}.side-nav button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;border:0;border-radius:10px;min-height:40px;padding:8px 10px;color:var(--steel);font-weight:650}.side-nav button[aria-current=page]{background:#ff8a0029;color:var(--accent)}.pane-split{cursor:col-resize;position:relative;background:transparent}.pane-split:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:var(--stroke)}.pane-main{overflow:auto;min-width:0;padding:18px 22px 48px;background:var(--bg)}.pane-main .stack{width:min(860px,100%);display:flex;flex-direction:column;gap:16px}.show-list{align-self:flex-start;margin-bottom:8px}.pane-list .po-card{box-shadow:none}.pane-list .po-card:hover{border-color:#ff8a0073}.po-card.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#33363d}.detail-empty{margin-top:12vh;align-items:center;text-align:center}.btn.compact{min-height:40px;padding:8px 12px}.pane-list .chips{flex-wrap:wrap;overflow:visible;padding-bottom:4px}}