:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bg: #F6F8F4;--bg-alt: #ECF2E8;--surface: #FFFFFF;--surface-alt: #F4F7F1;--text: #1A2B14;--text-2: #5A6B54;--text-3: #9AAA94;--primary: #3DA35D;--primary-dark: #2E8049;--primary-text: #FFFFFF;--accent: #F4B942;--accent-text: #3A2E0A;--border: #E1E8DD;--border-strong: #C8D4C0;--success: #3DA35D;--success-soft: #E6F4EB;--danger: #E0524A;--danger-soft: #FCEAE9;--warning: #F4B942;--warning-soft: #FCF3DC;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--font-heading: "Nunito", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior:none}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}input,textarea,select{font-family:inherit;color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:600px;margin:0 auto;background:var(--bg);position:relative}.app-header{flex-shrink:0;padding:calc(8px + var(--safe-top)) 20px 12px;background:var(--bg)}.app-header-row{display:flex;justify-content:space-between;align-items:flex-start}.app-title{font-family:var(--font-heading);font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-.5px;color:var(--text)}.app-subtitle{font-size:14px;color:var(--text-2);margin-top:4px;font-weight:500}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(96px + var(--safe-bottom))}.app-content.no-tab-inset{padding-bottom:calc(24px + var(--safe-bottom))}.app-content::-webkit-scrollbar{width:0}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:50}.tabbar-inner{display:flex;align-items:center;justify-content:space-around;padding:8px 12px 6px;position:relative}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;color:var(--text-3);font-size:10px;font-weight:600;flex:1;transition:color .15s}.tab.active{color:var(--primary)}.tab span{font-size:10px}.tab-add{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--primary-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-20px;box-shadow:0 4px 14px #3da35d4d;transition:transform .15s,box-shadow .15s}.tab-add:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 6px 20px #3da35d66}.tab-add:active{transform:scale(.95)}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.card-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .1s}.card-row:last-child{border-bottom:none}.card-row:active{background:var(--surface-alt)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:all .15s}.btn-primary{background:var(--primary);color:var(--primary-text)}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-alt);color:var(--text-2)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-ghost{color:var(--text-2);padding:10px 14px}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.btn:disabled{opacity:.5;pointer-events:none}.input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);font-size:16px;color:var(--text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-3)}.textarea{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);font-size:15px;line-height:1.5;color:var(--text);outline:none;resize:vertical;min-height:100px;transition:border-color .15s}.textarea:focus{border-color:var(--primary)}.select{width:100%;padding:12px 38px 12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);font-size:15px;color:var(--text);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6B54' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .15s}.select:focus{border-color:var(--primary)}.label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:100px}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-neutral{background:var(--bg-alt);color:var(--text-2)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:600px;margin:0 auto;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:12px 24px calc(24px + var(--safe-bottom));animation:slideUp .28s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:5px;border-radius:100px;background:var(--border-strong);margin:0 auto 16px}.sheet-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.sheet-subtitle{font-size:14px;color:var(--text-2);margin-bottom:20px}.sheet-actions{display:flex;gap:12px;margin-top:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-3)}.empty-state-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px}.empty-state-text{font-size:14px;color:var(--text-2);line-height:1.5;max-width:260px}.loading-container{display:flex;align-items:center;justify-content:center;padding:80px 20px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin:0 4px 8px}.section-title{font-size:13px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.padded{padding-left:20px;padding-right:20px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.text-center{text-align:center}.w-full{width:100%}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}