:root{--blue: #3b8bc4;--blue-dark: #2a6a9a;--blue-light: #e8f2f9;--charcoal: #2c2c2c;--cream: #f5f2ed;--cream-dark: #ede9e2;--muted: #8a8278;--border: #d8d2c8;--green: #2a7a3a;--green-light:#e8f4ea;--red: #8a2020;--red-light: #faeaea;--amber: #b07010;--amber-light:#fdf0d8;--white: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-full:9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:var(--cream);overflow:hidden;position:relative}.screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.screen-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.top-bar{background:var(--blue);padding:12px 16px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}.top-bar h1{color:#fff;font-size:16px;font-weight:500;flex:1}.top-bar-title{color:#fff;font-size:15px;font-weight:500}.top-bar-sub{color:#ffffffa6;font-size:11px}.back-btn{color:#fff;font-size:20px;background:none;border:none;cursor:pointer;min-width:28px;opacity:.85;padding:0;line-height:1}.bottom-nav{background:var(--charcoal);display:flex;border-top:1px solid #444;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.nav-btn{flex:1;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;border:none;background:transparent;color:#888;font-size:9px;font-family:inherit;transition:color .15s}.nav-btn .nav-icon{font-size:20px}.nav-btn.active{color:var(--blue)}.card{background:var(--white);border-radius:var(--radius-lg);border:.5px solid var(--border);padding:14px 16px;margin-bottom:12px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid var(--cream-dark);cursor:pointer}.list-row:last-child{border-bottom:none}.list-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.list-label{flex:1}.list-title{font-size:13px;font-weight:500;color:var(--charcoal)}.list-sub{font-size:11px;color:var(--muted)}.list-chevron{color:var(--border);font-size:16px}.badge{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.badge-green{background:var(--green-light);color:var(--green)}.badge-blue{background:var(--blue-light);color:var(--blue-dark)}.badge-red{background:var(--red-light);color:var(--red)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-gray{background:var(--cream-dark);color:var(--muted)}.section-label{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 8px}.btn-primary{background:var(--blue);color:#fff;border:none;border-radius:var(--radius-md);padding:13px 20px;font-size:14px;font-weight:500;cursor:pointer;width:100%;font-family:inherit;transition:background .15s}.btn-primary:hover{background:var(--blue-dark)}.btn-primary:active{transform:scale(.98)}.btn-primary-green{background:var(--green);color:#fff;border:none;border-radius:var(--radius-md);padding:13px 20px;font-size:14px;font-weight:500;cursor:pointer;width:100%;font-family:inherit;margin-top:16px}.btn-secondary{background:transparent;color:var(--charcoal);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;width:100%;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.btn-outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);border-radius:var(--radius-sm);padding:7px 14px;font-size:12px;font-weight:500;cursor:pointer;margin-top:12px;font-family:inherit}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-bottom:4px}.form-input{width:100%;border:.5px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;color:var(--charcoal);background:var(--white);outline:none;font-family:inherit;transition:border-color .15s}.form-input:focus{border-color:var(--blue)}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--green-light);border-radius:var(--radius-full);padding:5px 12px;font-size:11px;color:var(--green)}.pill-blue{background:var(--blue-light);color:var(--blue-dark)}.pill-amber{background:var(--amber-light);color:var(--amber)}.hero-card{background:var(--blue);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.hero-label{color:#ffffffbf;font-size:13px;margin-bottom:4px}.hero-amount{color:#fff;font-size:28px;font-weight:500}.hero-sub{color:#fff9;font-size:11px;margin-top:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.tab-nav{display:flex;margin-bottom:14px;border-radius:var(--radius-md);overflow:hidden;border:.5px solid var(--border)}.tab-btn{flex:1;padding:8px 4px;font-size:10.5px;border:none;background:var(--white);color:var(--muted);cursor:pointer;font-weight:500;font-family:inherit;border-right:.5px solid var(--border);line-height:1.3;transition:background .15s,color .15s}.tab-btn:last-child{border-right:none}.tab-btn.active{background:var(--charcoal);color:#fff}.sub-banner{background:linear-gradient(135deg,#1a3a5c,#2a6a9a);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;gap:12px}.sub-banner-icon{font-size:24px;flex-shrink:0}.sub-banner-info{flex:1}.sub-banner-plan{color:#fff;font-size:13px;font-weight:500}.sub-banner-label{color:#ffffffa6;font-size:11px;margin-top:2px}.sub-banner-badge{background:#fff3;color:#fff;font-size:10px;font-weight:500;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.include-box{background:var(--green-light);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px;border:.5px solid rgba(42,122,58,.2)}.include-box-title{font-size:12px;color:var(--green);font-weight:500;margin-bottom:4px}.include-box-text{font-size:11px;color:#3a6a40;line-height:1.5}.upload-zone{border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;background:#fdfcf9;margin-bottom:12px;cursor:pointer;transition:border-color .15s}.upload-zone:hover{border-color:var(--blue)}.messages-list{flex:1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column;gap:8px}.bubble-wrap{display:flex;flex-direction:column}.bubble-wrap.out{align-items:flex-end}.bubble-wrap.in{align-items:flex-start}.bubble{max-width:80%;padding:10px 14px;font-size:13px;line-height:1.5}.bubble.in{background:var(--white);border:.5px solid var(--border);color:var(--charcoal);border-radius:16px 16px 16px 4px}.bubble.out{background:var(--blue);color:#fff;border-radius:16px 16px 4px}.bubble-time{font-size:10px;color:var(--muted);margin-top:2px}.message-input-bar{background:var(--white);border-top:.5px solid var(--border);padding:10px 12px;display:flex;gap:8px;align-items:center;flex-shrink:0}.message-input{flex:1;border:.5px solid var(--border);border-radius:var(--radius-full);padding:8px 14px;font-size:13px;color:var(--charcoal);outline:none;font-family:inherit}.message-send-btn{background:var(--blue);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:#fff;font-size:14px}.cal-slot{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--white);border-radius:var(--radius-md);border:.5px solid var(--border);margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}.cal-slot.sel-blue{border-color:var(--blue);background:var(--blue-light)}.cal-slot.sel-green{border-color:var(--green);background:var(--green-light)}.cal-slot-time{font-size:13px;color:var(--charcoal)}.cal-slot-check{font-size:18px;color:var(--border)}.cal-slot.sel-blue .cal-slot-check{color:var(--blue)}.cal-slot.sel-green .cal-slot-check{color:var(--green)}.divider{display:flex;align-items:center;gap:10px;margin:14px 0}.divider-line{flex:1;height:.5px;background:var(--border)}.divider-text{font-size:11px;color:var(--muted);white-space:nowrap}.privacy-bar{background:var(--green-light);padding:6px 14px;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green);flex-shrink:0}.notice-box{background:var(--amber-light);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px;border:.5px solid rgba(176,112,16,.2)}.notice-box-title{font-size:12px;color:var(--amber);font-weight:500;margin-bottom:4px}.notice-box-text{font-size:11px;color:#7a5010;line-height:1.5}.loading-screen{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;gap:16px}.spinner{width:36px;height:36px;border:3px solid var(--blue-light);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{font-size:13px;color:var(--red);margin-top:8px;text-align:center}.empty-state{text-align:center;padding:40px 20px;color:var(--muted);font-size:13px}.empty-state-icon{font-size:36px;display:block;margin-bottom:12px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:500;flex-shrink:0}.avatar-sm{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--blue);font-weight:500;margin-left:auto}