:root{--navy:#12365e;--navy-2:#1b4c82;--navy-3:#2a5590;--orange:#e8792e;--orange-soft:#f5ad73;--orange-mid:#f2a15c;--ink:#182233;--muted:#64758a;--muted-2:#8d98a8;--chevron:#a9b4c4;--border:#dce3ec;--divider:#e9eef4;--bg:#f2f4f8;--surface:#fff;--auth-bg:#f5f8fc;--sidebar-muted:#9db8da;--red:#c1443a;--blue:#2f6fb0;--amber:#c97b2e;--font-display:"Sora", sans-serif;--font-body:"Manrope", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;font-family:var(--font-body);color:var(--ink);margin:0}::-webkit-scrollbar{width:0;height:0}button,input{font-family:var(--font-body)}.btn-primary{background:var(--orange);color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;border:none;border-radius:16px;padding:18px;font-size:17px;font-weight:700;transition:background-color .15s,box-shadow .15s,transform .1s;box-shadow:0 4px 14px #e8792e38}.btn-primary:hover{background:#d76c22;box-shadow:0 6px 18px #e8792e47}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.link-btn{color:var(--navy);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;transition:opacity .15s}.link-btn:hover{opacity:.75}.field-label{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:700}.text-input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:16px;font-size:15px;transition:border-color .15s}.text-input:focus{border-color:var(--navy-3)}.form-error{color:var(--red);font-size:13px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 3px #12365e0a}.list-row{border-bottom:1px solid var(--divider);align-items:center;gap:12px;padding:14px 16px;transition:background-color .15s;display:flex}.list-row:last-child{border-bottom:none}.list-row-clickable{cursor:pointer}.list-row-clickable:hover{background:var(--bg)}.row-avatar{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.row-body{flex:1;min-width:0}.row-title{color:var(--ink);font-size:14.5px;font-weight:700}.row-sub{color:var(--muted);font-size:12.5px}.row-chevron{color:var(--chevron);font-size:16px;transition:transform .15s,color .15s}.list-row-clickable:hover .row-chevron{color:var(--muted);transform:translate(2px)}.page-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.back-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s;display:inline-flex}.back-btn:hover{background:var(--divider)}.page-title{font-family:var(--font-display);color:var(--ink);font-size:22px;font-weight:700}.section-title{font-family:var(--font-display);color:var(--ink);font-size:17px;font-weight:700}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-link{color:var(--navy);cursor:pointer;background:0 0;border:none;font-size:13.5px;font-weight:700;transition:opacity .15s}.section-link:hover{opacity:.7}.auth-viewport{background:var(--auth-bg);width:100%;min-height:100vh;display:flex}.auth-brand-panel{display:none}.auth-form-side{flex:1;justify-content:center;min-width:0;display:flex}.auth-screen{flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding:48px 28px;display:flex}.auth-mobile-brand{align-items:center;gap:10px;margin-bottom:56px;display:flex}.auth-title{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:28px;font-weight:700}.auth-subtitle{color:var(--muted);font-size:15px}@media (width>=900px){.auth-brand-panel{background:linear-gradient(160deg,#12365e,#123057);flex-direction:column;flex:1.1;justify-content:space-between;gap:40px;padding:48px;display:flex;position:relative;overflow:hidden}.auth-brand-circle{background:var(--navy-2);opacity:.5;border-radius:50%;position:absolute}.auth-form-side{align-items:center;padding:48px 32px}.auth-screen{background:var(--surface);border:1px solid var(--border);border-radius:24px;max-width:480px;min-height:0;padding:44px 40px}.auth-mobile-brand{display:none}}.onboarding-screen{background:var(--navy);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;overflow:hidden}.onboarding-circle{background:var(--navy-2);border-radius:50%;position:absolute}.onboarding-illustration{background:linear-gradient(160deg,#1b4c82,#123057);border-radius:40px;justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:40px;display:flex}.onboarding-title{color:#f5f8fc;font-family:var(--font-display);text-align:center;margin-bottom:12px;font-size:26px;font-weight:700}.onboarding-text{color:var(--sidebar-muted);text-align:center;font-size:16px;line-height:1.5}.onboarding-dot{border-radius:4px;height:8px;transition:all .25s}.app-shell{background:var(--bg);width:100%;min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;width:252px;min-height:100vh;padding:24px 16px;display:none;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--divider);align-items:center;gap:10px;margin-bottom:12px;padding:2px 10px 20px;display:flex}.sidebar-brand-text{font-family:var(--font-display);color:var(--ink);font-size:17px;font-weight:700}.sidebar-nav{flex-direction:column;display:flex}.sidebar-item{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;margin-bottom:2px;padding:11px 14px;font-size:14.5px;font-weight:600;transition:background-color .16s,color .16s;display:flex}.sidebar-item svg{flex-shrink:0;transition:transform .16s}.sidebar-item:hover{background:var(--bg);color:var(--ink)}.sidebar-item.active{color:var(--orange);box-shadow:inset 3px 0 0 var(--orange);background:#e8792e17;font-weight:700}.sidebar-footer{border-top:1px solid var(--divider);margin-top:auto;padding-top:16px}.sidebar-cta{background:var(--orange);color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;border:none;border-radius:14px;padding:15px;font-size:14.5px;font-weight:700;transition:background-color .16s,box-shadow .16s,transform .1s;box-shadow:0 4px 14px #e8792e38}.sidebar-cta:hover{background:#d76c22;box-shadow:0 6px 18px #e8792e47}.sidebar-cta:active{transform:scale(.98)}.app-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;padding-bottom:90px;display:flex}.app-content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:28px 20px 40px}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding:8px 6px calc(10px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{cursor:pointer;color:var(--muted-2);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 10px 4px;transition:color .16s;display:flex}.tabbar-item svg{transition:transform .16s}.tabbar-label{color:inherit;font-size:10.5px;font-weight:700}.tabbar-item.active{color:var(--orange)}.tabbar-item.active svg{transform:translateY(-1px)}.tabbar-fab{background:var(--orange);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin:0 4px -14px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 16px #e8792e66}.tabbar-fab:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e8792e75}.tabbar-fab:active{transform:scale(.94)}@media (width>=900px){.sidebar{display:flex}.tabbar{display:none}.app-main{padding-bottom:0}.app-content{padding:36px 40px}.mobile-only{display:none}}@media (width>=1440px){.app-content{max-width:860px}}@media (width>=1800px){.app-content{max-width:980px}}.chip{border:1.5px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:100px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:border-color .15s,background-color .15s,color .15s}.chip:hover{border-color:var(--navy-3)}.chip.active{border-color:var(--navy);background:var(--navy);color:var(--orange)}.chip.active:hover{border-color:var(--navy)}.sheet-overlay{z-index:90;background:#12365e73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;padding:24px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0000002e}@media (width>=900px){.sheet-overlay{align-items:center}.sheet{border-radius:24px;padding:28px;box-shadow:0 16px 48px #00000038}}.sheet-title{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:800}.sheet-subtitle{color:var(--muted);margin-bottom:18px;font-size:13.5px}.sheet-btn{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;border-radius:14px;margin-bottom:10px;padding:15px;font-size:14.5px;font-weight:700;transition:background-color .15s,border-color .15s}.sheet-btn:not(:disabled):hover{background:var(--bg)}.sheet-btn:disabled{opacity:.6;cursor:default}.sheet-btn.danger{color:var(--red);background:#fdf3ef;border-color:#e8b8ac}.sheet-btn.cancel{color:var(--muted);border-color:#0000;margin-bottom:0}.toast{background:var(--ink);color:#f5f8fc;z-index:100;white-space:nowrap;border-radius:100px;padding:14px 24px;font-size:14px;font-weight:700;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}