:root{--bg-deep:#1c1815;--bg-base:#141210;--surface-1:#2a2520;--surface-2:#302a24;--accent-primary:#c4a87a;--accent-primary-dark:#b89b6a;--accent-secondary:#6b8f71;--accent-secondary-muted:#5a7a5e;--accent-tertiary:#b5694d;--accent-danger:#8b3a2a;--accent-sold:#7a8a9a;--text-primary:#ede6dc;--text-secondary:#9a8e7d;--text-tertiary:#7a7269;--accent:#c4a87a;--surface:#2a2520;--surface-hover:#342e28;--border:#3a332b;--sage:#6b8f71;--copper:#b5694d;--danger:#8b3a2a;--green-50:#302a24;--green-100:#2a2520;--green-200:#1c1815;--green-300:#141210;--green-400:#6b8f71;--green-500:#6b8f71;--green-600:#5a7a5e;--green-700:#4a6a4e;--green-800:#3a5a3e;--green-900:#2a4a2e;--gray-50:#302a24;--gray-100:#2a2520;--gray-200:#302a24;--gray-300:#3a3430;--gray-400:#7a7269;--gray-500:#9a8e7d;--gray-600:#b0a695;--gray-700:#c4b5a0;--gray-800:#ede6dc;--gray-900:#141210;--red-500:#b5694d;--red-100:#8b3a2a;--orange-500:#b5694d;--orange-100:#8b3a2a;--yellow-500:#c4a87a;--yellow-100:#3a3430;--blue-500:#7a8a9a;--blue-100:#1c1815;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #00000080;--nav-height:60px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 2px),repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 2px),radial-gradient(circle at 20%,#c4a87a08 0%,#0000 50%),radial-gradient(circle at 80% 80%,#6b8f7105 0%,#0000 50%),linear-gradient(135deg,#1c1815 0%,#141210 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{padding-bottom:calc(var(--nav-height) + 16px)}h1{color:var(--accent-primary);font-size:1.5rem;font-weight:700}h2{color:var(--accent-primary);font-size:1.25rem;font-weight:600}h3{color:var(--accent-primary);font-size:1.1rem;font-weight:600}p{line-height:1.5}.page{max-width:600px;margin:0 auto;padding:16px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--surface-2);margin-bottom:12px;padding:16px}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-secondary);color:var(--text-primary);box-shadow:0 2px 4px #0000004d}.btn-primary:hover{background:var(--accent-secondary-muted);box-shadow:0 2px 6px #6b8f714d}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--surface-2)}.btn-secondary:hover{background:var(--surface-1);border-color:var(--accent-secondary)}.btn-danger{background:var(--accent-danger);color:var(--text-primary);box-shadow:0 2px 4px #0000004d}.btn-danger:hover{background:var(--accent-tertiary);box-shadow:0 2px 6px #b5694d4d}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon{cursor:pointer;border-radius:var(--radius);color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:8px;transition:all .15s;display:flex}.btn-icon:hover{background:var(--surface-2);color:var(--accent-primary)}.btn-block{justify-content:center;width:100%}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--surface-2);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--text-primary);padding:10px 12px;font-size:1rem;transition:border-color .15s,background .15s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);background:var(--surface-1);outline:none;box-shadow:0 0 0 3px #c4a87a26}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.badge{border-radius:100px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-green{color:var(--accent-secondary);background:#6b8f7133}.badge-red,.badge-orange{color:var(--accent-tertiary);background:#b5694d33}.badge-yellow{color:var(--accent-primary);background:#c4a87a33}.badge-blue{color:var(--accent-sold);background:#7a8a9a33}.badge-gray{color:var(--text-secondary);background:#7a726933}.health-dots{gap:4px;display:flex}.health-dot{background:var(--surface-2);border:1px solid var(--text-tertiary);border-radius:50%;width:10px;height:10px}.health-dot.filled{background:var(--accent-secondary);border:1px solid var(--accent-secondary)}.health-dot.filled.low{background:var(--accent-tertiary);border:1px solid var(--accent-tertiary)}.health-dot.filled.mid{background:var(--accent-primary);border:1px solid var(--accent-primary)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-state svg{margin-bottom:12px}.empty-state p{font-size:.9rem}.list-group{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--surface-2);overflow:hidden}.list-item{background:var(--surface-1);border-bottom:1px solid var(--surface-2);cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;transition:background .1s;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--surface-2)}.overdue{border-left:3px solid var(--accent-tertiary)}.fab{bottom:calc(var(--nav-height) + 20px);background:var(--accent-secondary);width:56px;height:56px;color:var(--text-primary);cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;right:20px;box-shadow:0 4px 12px #6b8f7166}.fab:hover{box-shadow:0 4px 16px #6b8f7180}.fab:active{transform:scale(.95)}.tab-bar{-webkit-overflow-scrolling:touch;gap:4px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{white-space:nowrap;border:1px solid var(--surface-2);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:100px;padding:8px 14px;font-size:.8rem;font-weight:500;transition:all .15s}.tab.active{background:var(--accent-primary);color:var(--bg-deep);border-color:var(--accent-primary);font-weight:600}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:600px;max-height:90vh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;border:1px solid var(--surface-2);border-bottom:none;animation:.2s ease-out slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{color:var(--accent-primary);justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-secondary)}.text-green{color:var(--accent-secondary)}.text-red{color:var(--accent-tertiary)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spinner{border:3px solid var(--surface-2);border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;padding:40px;display:flex}.toast{bottom:calc(var(--nav-height) + 16px);background:var(--surface-2);color:var(--text-primary);z-index:200;border:1px solid var(--accent-primary);border-radius:100px;padding:10px 20px;font-size:.85rem;animation:.2s ease-out fadeInUp;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--surface-2);padding:14px}.stat-value{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:.75rem}.section-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-top:16px;padding:8px 0;font-size:.75rem;font-weight:600}.quick-log-btn{border:2px solid var(--accent-primary);cursor:pointer;width:36px;height:36px;color:var(--accent-primary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;transition:all .15s;display:flex}.quick-log-btn:hover{border-color:var(--accent-primary);background:#c4a87a1a;box-shadow:0 0 8px #c4a87a4d}.quick-log-btn:active{background:var(--accent-primary);color:var(--bg-deep);border-color:var(--accent-primary);transform:scale(.95)}.bottom-nav{height:var(--nav-height);z-index:99;background:#1a1612;border-top:1px solid #3a332b;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #ba8a581a}.nav-item{cursor:pointer;color:#9a8e7d;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-item:hover{color:#ede6dc}.nav-item.active{color:#c4a87a}.nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;overflow:hidden}.more-menu{flex-direction:column;gap:0;margin-top:12px;display:flex}.more-link{color:#ede6dc;background:#2a2520;border-bottom:1px solid #3a332b;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .1s;display:flex}.more-link:last-child{border-bottom:none}.more-link:hover{background:#342e28}.more-link:active{background:#3a342e}.more-link svg{color:#6b8f71;flex-shrink:0}