*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sys-bg: #FFFFFF;--sys-bg-2: #F2F2F7;--sys-bg-3: #FFFFFF;--sys-bg-4: #F2F2F7;--label: #000000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .3);--label-4: rgba(60, 60, 67, .18);--fill: rgba(120, 120, 128, .2);--fill-2: rgba(120, 120, 128, .16);--fill-3: rgba(118, 118, 128, .12);--fill-4: rgba(116, 116, 128, .08);--separator: rgba(60, 60, 67, .29);--separator-opaque: #C6C6C8;--blue: #007AFF;--green: #34C759;--red: #FF3B30;--orange: #FF9500;--yellow: #FFCC00;--purple: #5856D6;--pink: #FF2D55;--teal: #30B0C0;--blue-tint: rgba(0, 122, 255, .12);--blue-tint-2: rgba(0, 122, 255, .2);--green-tint: rgba(52, 199, 89, .12);--red-tint: rgba(255, 59, 48, .1);--red-tint-2: rgba(255, 59, 48, .16);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;--t-large-title: 34px;--t-title1: 28px;--t-title2: 22px;--t-title3: 20px;--t-headline: 17px;--t-body: 17px;--t-callout: 16px;--t-subhead: 15px;--t-footnote: 13px;--t-caption1: 12px;--t-caption2: 11px;--r-cell: 16px;--r-card: 18px;--r-sheet: 22px;--r-lg: 24px;--r-btn: 18px;--r-full: 9999px;--margin: 16px;--gap-xs: 4px;--gap-sm: 8px;--gap: 12px;--gap-md: 16px;--gap-lg: 20px;--gap-xl: 32px;--tap: 44px;--glass-blur: blur(40px) saturate(180%);--glass-blur-sm: blur(20px) saturate(160%);--glass-thin: blur(12px) saturate(140%);--navbar-bg: rgba(242, 242, 247, .92);--sheet-bg: rgba(255, 255, 255, .88);--section-bg: rgba(255, 255, 255, .82);--shadow-sm: 0 1px 0 var(--separator-opaque);--shadow-card:0 2px 8px rgba(0,0,0,.06), 0 0 0 .5px rgba(0,0,0,.06);--shadow-lg: 0 4px 20px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06);font-family:var(--font);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--label)}html,body{min-height:100vh;background:var(--sys-bg-2);overflow-x:hidden}#app{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fill-2);border-radius:3px}.glass-navbar{background:var(--navbar-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:.5px solid var(--separator-opaque)}.glass-sheet{background:var(--sheet-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-sheet);box-shadow:var(--shadow-lg);border:.5px solid rgba(255,255,255,.6)}.glass-section{background:var(--section-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--r-cell);overflow:hidden}.nav-bar{height:var(--tap);display:flex;align-items:center;padding:0 var(--margin);gap:var(--gap-sm);position:sticky;top:0;z-index:100}.nav-bar.large-title{flex-direction:column;height:auto;align-items:flex-start;padding-bottom:var(--gap-sm)}.nav-title{flex:1;text-align:center;font-size:var(--t-headline);font-weight:600;letter-spacing:-.2px;color:var(--label)}.nav-large-title{font-size:var(--t-large-title);font-weight:700;letter-spacing:-.5px;color:var(--label);padding:4px var(--margin) 0;line-height:1.15}.nav-back{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;gap:3px;padding:0 4px;background:none;border:none;color:var(--blue);font-family:var(--font);font-size:var(--t-callout);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.nav-back:active{opacity:.5}.nav-btn{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:flex-end;padding:0 4px;background:none;border:none;color:var(--blue);font-family:var(--font);font-size:var(--t-callout);font-weight:400;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.nav-btn.bold{font-weight:600}.nav-btn:active{opacity:.5}.section-group{margin:0 var(--margin) var(--gap-md)}.section-header{font-size:var(--t-footnote);color:var(--label-2);padding:0 var(--gap-sm) var(--gap-xs);text-transform:uppercase;letter-spacing:.06em}.section-footer{font-size:var(--t-footnote);color:var(--label-2);padding:var(--gap-xs) var(--gap-sm) 0}.section-body{background:var(--section-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--r-cell);overflow:hidden;box-shadow:var(--shadow-card)}.cell{display:flex;align-items:center;gap:var(--gap);padding:13px var(--gap-md);background:transparent;min-height:50px;position:relative}.cell+.cell:before{content:"";position:absolute;top:0;left:var(--gap-md);right:0;height:.5px;background:var(--separator-opaque)}.cell-label{font-size:var(--t-body);color:var(--label);flex:1}.cell-value{font-size:var(--t-body);color:var(--label-2)}.cell-sub{font-size:var(--t-caption1);color:var(--label-3)}.chevron{width:16px;height:16px;color:var(--label-4);flex-shrink:0}.field-input{width:100%;background:transparent;border:none;outline:none;font-family:var(--font);font-size:var(--t-body);color:var(--label);padding:13px var(--gap-md);min-height:50px}.field-input::placeholder{color:var(--label-3)}.field-wrap{background:var(--section-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--r-cell);box-shadow:var(--shadow-card);overflow:hidden}textarea.field-input{resize:none;min-height:104px;line-height:1.45;padding-top:13px}.field-wrap:focus-within{box-shadow:0 0 0 3.5px #007aff40,var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font);font-size:var(--t-callout);font-weight:400;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:opacity .12s;white-space:nowrap}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:not(:disabled):active{opacity:.6}.btn-filled{background:var(--blue);color:#fff;border-radius:var(--r-btn);padding:0 18px;height:50px;font-weight:600;font-size:var(--t-headline);box-shadow:none}.btn-filled.full{width:100%;border-radius:var(--r-sheet)}.btn-tinted{background:var(--blue-tint);color:var(--blue);border-radius:var(--r-btn);padding:0 18px;height:50px;font-weight:500;font-size:var(--t-subhead)}.btn-plain{background:transparent;color:var(--blue);padding:0 8px;height:var(--tap);font-size:var(--t-callout)}.btn-destructive{background:var(--red-tint);color:var(--red);border-radius:var(--r-btn);padding:0 18px;height:50px;font-weight:500;font-size:var(--t-subhead)}.btn-sm{height:30px;padding:0 13px;font-size:var(--t-subhead);font-weight:500;border-radius:var(--r-full)}.btn-filled.btn-sm{background:var(--blue);color:#fff}.btn-tinted.btn-sm{background:var(--blue-tint);color:var(--blue)}.btn-success.btn-sm{background:var(--green-tint);color:var(--green)}.btn-danger.btn-sm{background:var(--red-tint);color:var(--red)}.btn-ghost.btn-sm{background:var(--fill-3);color:var(--label-2)}.btn-icon{width:var(--tap);height:var(--tap);padding:0;background:transparent;border:none;color:var(--blue);cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:opacity .1s;flex-shrink:0}.btn-icon:active{opacity:.5}.btn-icon.muted{color:var(--label-3)}.btn-icon.danger{color:var(--red)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:var(--t-caption1);font-weight:600}.badge-draft{background:var(--fill-3);color:var(--label-2)}.badge-active{background:var(--green-tint);color:#1a7a35}.badge-closed{background:var(--red-tint);color:var(--red)}.toggle{width:51px;height:31px;border-radius:var(--r-full);background:var(--fill-2);border:none;cursor:pointer;position:relative;transition:background .22s ease;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 3px #0000001a;transition:transform .22s cubic-bezier(.4,0,.2,1)}.toggle.on{background:var(--green)}.toggle.on:after{transform:translate(20px)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.sheet-overlay-enter-active,.sheet-overlay-leave-active{transition:opacity .22s ease}.sheet-overlay-enter-from,.sheet-overlay-leave-to{opacity:0}.sheet{width:100%;max-width:390px;background:var(--sheet-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:.5px solid rgba(255,255,255,.7);overflow:hidden}.sheet-enter-active{transition:all .25s cubic-bezier(.4,0,.2,1)}.sheet-enter-from{opacity:0;transform:translateY(16px) scale(.97)}.sheet-title{font-size:var(--t-headline);font-weight:600;color:var(--label);padding:20px var(--gap-md) 0}.sheet-body{padding:var(--gap) var(--gap-md)}.sheet-footer{padding:var(--gap-sm) var(--gap-md) var(--gap-md);display:flex;gap:10px;justify-content:flex-end}.spinner{width:20px;height:20px;border:2px solid var(--fill);border-top-color:var(--blue);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.spinner.white{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.divider{height:.5px;background:var(--separator-opaque);margin:0 var(--gap-md)}.divider.full{margin:0}.text-blue{color:var(--blue)}.text-secondary{color:var(--label-2)}.text-tertiary{color:var(--label-3)}.font-headline{font-size:var(--t-headline);font-weight:600}.font-subhead{font-size:var(--t-subhead)}.font-footnote{font-size:var(--t-footnote);color:var(--label-2)}.font-caption{font-size:var(--t-caption1);color:var(--label-3)}
