@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Serif+Display:ital@0;1&display=swap";.tab-bar{z-index:100;-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--c-border);background:#fafaf8e6;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.tab-bar-inner{height:var(--tab-h);padding-bottom:var(--safe-bottom);justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;display:flex;overflow:hidden}.tab-item{color:var(--c-text-3);border-radius:var(--r-lg);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:60px;min-height:44px;padding:8px 16px;text-decoration:none;transition:color .2s;display:flex}.tab-item.active{color:var(--c-accent)}.tab-icon{transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.tab-item.active .tab-icon{transform:translateY(-1px)}.tab-label{font-size:10px;font-weight:var(--fw-medium);letter-spacing:.01em;transition:opacity .2s}.tab-item:not(.active) .tab-label{opacity:.7}:root{--c-bg:#fafaf8;--c-bg-2:#f4f3ef;--c-bg-3:#edecea;--c-surface:#fff;--c-surface-2:#f7f6f3;--c-border:#e8e6e1;--c-border-strong:#d4d1ca;--c-text:#1a1916;--c-text-2:#6b6860;--c-text-3:#a09d97;--c-accent:#10b981;--c-accent-dim:#d1fae5;--c-accent-dark:#059669;--c-red:#ef4444;--c-red-dim:#fee2e2;--f-sans:"DM Sans", sans-serif;--f-serif:"DM Serif Display", serif;--fs-2xs:10px;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:34px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--sh-xs:0 1px 2px #1a19160a;--sh-sm:0 2px 8px #1a19160f, 0 0 0 1px #1a19160a;--sh-md:0 8px 24px #1a191614, 0 0 0 1px #1a19160a;--sh-lg:0 24px 48px #1a19161f, 0 0 0 1px #1a19160a;--tab-h:68px;--header-h:58px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,#root{min-height:100dvh;font-family:var(--f-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page{min-height:100dvh;padding-top:calc(var(--header-h) + var(--safe-top) + 16px);padding-bottom:calc(var(--tab-h) + var(--safe-bottom) + 24px);padding-left:var(--sp-4);padding-right:var(--sp-4)}.page-header{height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);padding-left:var(--sp-5);padding-right:var(--sp-5);z-index:100;background:#fafaf8d9;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.page-title{font-family:var(--f-serif);font-size:var(--fs-2xl);font-weight:var(--fw-regular);color:var(--c-text);letter-spacing:-.5px}.card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-sm);margin-bottom:var(--sp-3);border:1px solid var(--c-border)}.card-flat{background:var(--c-surface-2);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-3);border:1px solid var(--c-border)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);cursor:pointer;font-family:var(--f-sans);font-weight:var(--fw-medium);font-size:var(--fs-md);border-radius:var(--r-full);min-height:48px;padding:0 var(--sp-6);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--c-text);color:#fff}.btn-primary:active{opacity:.85}.btn-accent{background:var(--c-accent);color:#fff}.btn-accent:active{background:var(--c-accent-dark)}.btn-ghost{background:var(--c-bg-2);color:var(--c-text);border:1px solid var(--c-border)}.btn-ghost:active{background:var(--c-bg-3)}.btn-full{width:100%}.input{width:100%;padding:14px var(--sp-4);border:1.5px solid var(--c-border);border-radius:var(--r-md);font-size:var(--fs-md);font-family:var(--f-sans);background:var(--c-surface);color:var(--c-text);-webkit-appearance:none;outline:none;min-height:48px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #10b9811f}.input::placeholder{color:var(--c-text-3)}.label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2);display:block}.pill{border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);align-items:center;padding:4px 12px;display:inline-flex}.pill-accent{background:var(--c-accent-dim);color:var(--c-accent-dark)}.pill-neutral{background:var(--c-bg-2);color:var(--c-text-2);border:1px solid var(--c-border)}.divider{background:var(--c-border);height:1px;margin:var(--sp-4) 0}.empty{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--c-text-3)}.empty-icon{margin-bottom:var(--sp-3);opacity:.5;font-size:40px}.empty-title{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--c-text-2);margin-bottom:var(--sp-2)}.empty-desc{font-size:var(--fs-sm);line-height:1.6}.sheet-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#1a191673;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.sheet{background:var(--c-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-6);padding-bottom:calc(var(--sp-6) + var(--safe-bottom));width:100%;max-height:90dvh;animation:.3s cubic-bezier(.32,.72,0,1) slideUp;overflow-y:auto}.sheet-handle{background:var(--c-border-strong);width:36px;height:4px;margin:0 auto var(--sp-5);border-radius:2px}.sheet-title{font-family:var(--f-serif);font-size:var(--fs-xl);font-weight:var(--fw-regular);margin-bottom:var(--sp-5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.3s forwards fadeUp}.stat-row{gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.stat-box{background:var(--c-surface-2);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);text-align:center;flex:1}.stat-value{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--c-text);line-height:1.2}.stat-label{font-size:var(--fs-2xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.section-head{margin-bottom:var(--sp-3);margin-top:var(--sp-5);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em}html{touch-action:manipulation;-webkit-text-size-adjust:100%;overflow-x:hidden}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow-x:hidden}input,textarea,select{font-size:16px}