:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: #1c2333;--bg-card-hover: #212a3e;--border: #30363d;--border-subtle: #21262d;--teal: #00c9a7;--teal-dim: #00856f;--coral: #ff6b6b;--coral-dim: #c0392b;--amber: #f39c12;--amber-dim: #b7770d;--blue: #58a6ff;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--radius: 8px;--radius-lg: 12px;--nav-height: 64px;--header-height: 52px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:600px;margin:0 auto;background:var(--bg-primary)}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.header-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;letter-spacing:.02em}.header-logo{color:var(--teal);font-size:18px}.header-date{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 8px;-webkit-overflow-scrolling:touch}.app-nav{height:var(--nav-height);display:flex;align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;padding:0 4px}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;background:none;border:none;cursor:pointer;border-radius:var(--radius);color:var(--text-muted);transition:color .15s,background .15s}.nav-btn.active{color:var(--teal)}.nav-btn:hover{color:var(--text-secondary);background:var(--bg-card)}.nav-btn.active:hover{color:var(--teal)}.nav-icon{font-size:16px;line-height:1}.nav-label{font-size:10px;font-weight:500;letter-spacing:.03em}.section-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;margin-top:20px}.section-title:first-child{margin-top:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;margin-bottom:10px}.card-title{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);border:none;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-main);transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--teal);color:#000}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-danger{background:var(--coral-dim);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.tag-teal{background:#00c9a726;color:var(--teal)}.tag-coral{background:#ff6b6b26;color:var(--coral)}.tag-amber{background:#f39c1226;color:var(--amber)}.tag-blue{background:#58a6ff26;color:var(--blue)}.checkbox-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.checkbox-row:last-child{border-bottom:none;padding-bottom:0}.checkbox-row:first-child{padding-top:0}.checkbox-label{font-size:13px;color:var(--text-primary)}.checkbox-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.toggle{width:44px;height:26px;border-radius:13px;background:var(--border);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--teal)}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.toggle.on:after{transform:translate(18px)}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:13px;color:var(--text-secondary)}.metric-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.metric-value.good{color:var(--teal)}.metric-value.warn{color:var(--amber)}.metric-value.bad{color:var(--coral)}input[type=text],input[type=number],input[type=date],textarea,select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-main);font-size:13px;padding:8px 10px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--teal)}textarea{resize:vertical;min-height:80px}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted)}.empty-state-icon{font-size:32px;margin-bottom:8px}.empty-state-text{font-size:13px}.loading{text-align:center;padding:32px;color:var(--text-muted);font-size:13px}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;border-radius:3px;background:var(--teal);transition:width .3s}.counter-control{display:flex;align-items:center;gap:12px}.counter-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card-hover);color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.counter-btn:hover{background:var(--teal-dim);border-color:var(--teal)}.counter-value{font-size:18px;font-weight:700;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}