:root{--primary: #36C7BA;--label-size: 12px;--body-size: 15px;--caption-size: 13px;--title-size: 18px;--subtitle-size: 14px;--field-padding: 14px;--card-padding: 20px;--section-spacing: 16px;--item-spacing: 12px;--field-radius: 10px;--card-radius: 16px;--button-radius: 14px;--pill-radius: 40px;--outline-width: 1px;--outline-opacity: .4;--bg: #f2f2f7;--card: #ffffff;--text: #1c1c1e;--secondary: #8e8e93;--danger: #ff3b30}@media(prefers-color-scheme:dark){:root{--bg: #000000;--card: #1c1c1e;--text: #f2f2f7;--secondary: #98989f}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--body-size)/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif}.page{max-width:640px;margin:0 auto;padding:var(--section-spacing) 16px 48px;display:flex;flex-direction:column;gap:var(--section-spacing)}.card{background:var(--card);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--item-spacing)}.title{font-size:var(--title-size);font-weight:600;margin:0}.caption{font-size:var(--caption-size);color:var(--secondary);margin:0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--label-size);color:var(--secondary)}.field input{font:inherit;color:inherit;background:transparent;padding:var(--field-padding);border-radius:var(--field-radius);border:var(--outline-width) solid color-mix(in srgb,var(--primary) calc(var(--outline-opacity) * 100%),transparent)}.field input:focus{outline:none;border-color:var(--primary)}.btn{font:inherit;font-weight:600;border:none;cursor:pointer;padding:14px;border-radius:var(--button-radius);background:var(--primary);color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn-outline{background:transparent;color:var(--primary);border:var(--outline-width) solid var(--primary)}.btn-text{background:none;border:none;color:var(--primary);font:inherit;cursor:pointer;padding:0}.error{color:var(--danger);font-size:var(--caption-size);margin:0}.row{display:flex;justify-content:space-between;align-items:center;gap:var(--item-spacing)}.badge{font-size:var(--label-size);padding:2px 8px;border-radius:var(--pill-radius);background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);white-space:nowrap}.card-title{font-size:var(--subtitle-size);font-weight:600;margin:0;color:var(--secondary);text-transform:none}.info-row{display:flex;justify-content:space-between;gap:var(--item-spacing);padding:8px 0;border-bottom:var(--outline-width) solid color-mix(in srgb,var(--secondary) 25%,transparent)}.info-row:last-child{border-bottom:none}.info-label{color:var(--secondary)}.info-value{text-align:right;white-space:pre-line}.badge-success{background:color-mix(in srgb,#34c759 15%,transparent);color:#248a3d}.badge-warning{background:color-mix(in srgb,#ff9500 15%,transparent);color:#c93400}.badge-danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.badge-neutral{background:color-mix(in srgb,var(--secondary) 15%,transparent);color:var(--secondary)}.btn-danger{background:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{background:var(--card);width:100%;max-width:640px;border-radius:var(--card-radius) var(--card-radius) 0 0;padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--item-spacing)}@media(min-width:700px){.overlay{align-items:center}.sheet{border-radius:var(--card-radius)}}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--item-spacing)}.people{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.people li{display:flex;justify-content:space-between;gap:8px}.sticky-action{position:sticky;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg)}a.card-link{color:inherit;text-decoration:none}.back{align-self:flex-start}.nav{position:sticky;top:0;z-index:5;background:var(--card);border-bottom:var(--outline-width) solid color-mix(in srgb,var(--secondary) 25%,transparent)}.nav-inner{max-width:640px;margin:0 auto;padding:0 16px;display:flex;gap:4px;align-items:center;overflow-x:auto}.tab{padding:14px 10px;color:var(--secondary);text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.tab-active{color:var(--primary);border-bottom-color:var(--primary)}.nav-signout{margin-left:auto;font-size:var(--caption-size);white-space:nowrap}.big-amount{font-size:32px;font-weight:700;margin:0}.tx{display:flex;justify-content:space-between;gap:var(--item-spacing);padding:10px 0;border-bottom:var(--outline-width) solid color-mix(in srgb,var(--secondary) 25%,transparent)}.tx:last-of-type{border-bottom:none}.tx-main,.tx-amt{display:flex;flex-direction:column;gap:2px}.tx-amt{align-items:flex-end;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:var(--caption-size);padding:6px 12px;border-radius:var(--pill-radius);cursor:pointer;background:transparent;color:var(--text);border:var(--outline-width) solid color-mix(in srgb,var(--secondary) 50%,transparent)}.chip-on{background:var(--primary);color:#fff;border-color:var(--primary)}.field textarea{font:inherit;color:inherit;background:transparent;padding:var(--field-padding);border-radius:var(--field-radius);resize:vertical;border:var(--outline-width) solid color-mix(in srgb,var(--primary) calc(var(--outline-opacity) * 100%),transparent)}.pick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pick{font:inherit;color:inherit;background:none;border:none;text-align:left;padding:10px 4px;width:100%;cursor:pointer;border-bottom:var(--outline-width) solid color-mix(in srgb,var(--secondary) 20%,transparent)}.skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.skill{font:inherit;font-weight:700;padding:8px 0;border-radius:var(--field-radius);cursor:pointer;background:transparent;border:2px solid}.ok{color:#248a3d;font-size:var(--caption-size);margin:0}.status-pending{color:#c93400}.status-approved{color:#248a3d}.status-declined{color:var(--danger)}.status-cancelled{color:var(--secondary)}.amount-input{font-size:28px!important;font-weight:600}.chip:disabled{opacity:.4;cursor:default}.field select{font:inherit;color:inherit;background:transparent;padding:var(--field-padding);border-radius:var(--field-radius);border:var(--outline-width) solid color-mix(in srgb,var(--primary) calc(var(--outline-opacity) * 100%),transparent)}.segmented{display:flex;background:color-mix(in srgb,var(--secondary) 12%,transparent);border-radius:9px;padding:2px;gap:2px;margin-bottom:8px}.seg{flex:1;border:none;background:none;padding:7px 10px;border-radius:7px;font:inherit;font-weight:600;color:var(--secondary);cursor:pointer}.seg-active{background:var(--card, #fff);color:var(--primary);box-shadow:0 1px 2px #0000001f}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-right:6px;vertical-align:middle}.nav-count{margin-left:4px;background:var(--danger);color:#fff;border-radius:9px;padding:0 6px;font-size:11px;font-weight:700}.viewas-bar{background:#ff9500;color:#fff;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center;padding:8px 16px}