.bottom-nav{height:var(--nav-height);background:var(--bg-card);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:var(--text)}.nav-icon{filter:grayscale();opacity:.5;font-size:18px;line-height:1;transition:opacity .15s,filter .15s}.nav-item.active .nav-icon{filter:grayscale(0);opacity:1}.nav-label{letter-spacing:.01em;font-size:10px;font-weight:500}:root{--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-input:#242424;--border:#ffffff14;--text:#f0f0f0;--text-muted:#888;--text-dim:#555;--accent:#e0e0e0;--accent-dim:#333;--danger:#c0392b;--success:#27ae60;--warning:#d68910;--nav-height:58px;--radius:10px;--gap:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}#root{width:100%;min-height:100vh}.app{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.content{padding:20px 16px calc(var(--nav-height) + 20px);flex:1;width:100%;max-width:480px;margin:0 auto;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap);padding:14px 16px}.btn{border-radius:var(--radius);cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 16px;font-size:14px;font-weight:500;transition:opacity .15s,background .15s;display:flex}.btn:active{opacity:.7}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--bg)}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}h1{letter-spacing:-.02em;margin-bottom:18px;font-size:20px;font-weight:600}h2{margin-bottom:10px;font-size:15px;font-weight:600}h3{font-size:14px;font-weight:600}.hint{color:var(--text-muted);font-size:13px}.badge{letter-spacing:.03em;text-transform:uppercase;background:var(--accent-dim);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-active{background:var(--success);color:#fff;border-color:#0000}.badge-pending{background:var(--warning);color:#fff;border-color:#0000}.badge-done{color:var(--text-dim)}.progress-wrap{background:var(--accent-dim);border-radius:4px;height:4px;margin:6px 0 2px;overflow:hidden}.progress-fill{background:var(--text);border-radius:4px;height:100%;transition:width .4s}.divider{background:var(--border);height:1px;margin:12px 0}.tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:6px;margin-bottom:16px;padding:4px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 8px;font-size:13px;font-weight:500;transition:all .15s}.tab.active{background:var(--bg-input);color:var(--text)}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.pagination button{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 16px;font-size:13px;transition:opacity .15s}.pagination button:disabled{opacity:.3;cursor:not-allowed}.page-info{color:var(--text-muted);font-size:13px}.form-group{margin-bottom:14px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:100%;color:var(--text);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.form-group input:focus,.form-group textarea:focus{border-color:#ffffff40}.form-group textarea{resize:vertical;min-height:80px}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.list-row:last-child{border-bottom:none}.empty-state{text-align:center;color:var(--text-muted);padding:40px 16px}.empty-state .empty-icon{opacity:.4;filter:grayscale();margin-bottom:10px;font-size:36px}.empty-state .empty-title{color:var(--text-dim);font-size:15px;font-weight:500}#root{background:#0f0f0f;width:100%;min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}