@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0f11;--surface:#161719;--surface2:#1e2022;--border:#2a2c30;--border2:#3a3d42;--text:#e8eaed;--muted:#9ca3af;--accent:#f59e0b;--accent2:#fbbf24;--danger:#ef4444;--success:#22c55e;--info:#3b82f6;--mono:"IBM Plex Mono", monospace;--sans:"IBM Plex Sans", sans-serif}[data-theme=light]{--bg:#f4f5f7;--surface:#fff;--surface2:#edf0f3;--border:#d1d5db;--border2:#b0b7c0;--text:#111827;--muted:#6b7280;--accent:#d97706;--accent2:#f59e0b}body{background:var(--bg);color:var(--text);font-family:var(--sans)}.app{flex-direction:column;min-height:100vh;display:flex}.nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--mono);letter-spacing:.08em;color:var(--accent);text-transform:uppercase;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.nav-brand .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.nav-tabs{gap:2px;display:flex}.nav-tab{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-size:11px;font-weight:500;transition:all .15s}.nav-tab:hover{color:var(--text);background:var(--surface2)}.nav-tab.active{color:var(--accent);background:#f59e0b1a}.nav-right{align-items:center;gap:12px;display:flex}.nav-user{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:11px}.btn{font-family:var(--mono);touch-action:manipulation;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--border2);background:#2a2d31}.btn-accent{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.btn-accent:hover{background:var(--accent2);border-color:var(--accent2)}.btn-danger{border-color:var(--danger);color:var(--danger);background:#ef444414}.btn-danger:hover{background:#ef44442e}.btn-success{border-color:var(--success);color:var(--success);background:#22c55e14}.btn-success:hover{background:#22c55e2e}.btn-sm{padding:5px 10px;font-size:10px}.btn-lg{padding:12px 24px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed}.timer-hero{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:20px;padding:32px;display:flex}.timer-display{font-family:var(--mono);letter-spacing:.04em;color:var(--text);font-size:56px;font-weight:400;line-height:1}.timer-display.running{color:var(--accent)}.timer-status{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.status-dot.running{background:var(--success);box-shadow:0 0 8px var(--success);animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.timer-btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--accent);width:140px;height:52px;color:var(--accent);cursor:pointer;touch-action:manipulation;background:#f59e0b0f;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:background .15s,border-color .2s,color .2s,opacity .2s;display:flex}.timer-btn:active{transform:scale(.97)}.timer-btn:hover{background:#f59e0b1a}.timer-btn.running{border-color:var(--danger);color:var(--danger);background:#ef44440f}.timer-btn.running:hover{background:#ef444424}.timer-btn.paused{border-color:var(--info);color:var(--info);background:#3b82f60f}.timer-btn.paused:hover{background:#3b82f624}.project-select-wrap{width:100%;max-width:320px}.select,.input,textarea.input{width:100%;min-height:44px;font-family:var(--mono);background:var(--bg);border:1px solid var(--border2);color:var(--text);border-radius:4px;outline:none;padding:8px 12px;font-size:12px;transition:border-color .15s}.select:focus,.input:focus{border-color:var(--accent)}.select option{background:var(--bg);color:var(--text)}.content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gap-4{flex-direction:column;gap:16px;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid var(--border)}th{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 16px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover{background:var(--surface2)}.td-mono{font-family:var(--mono);font-size:12px}.badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:3px 8px;font-size:10px}.badge-active{color:var(--success);background:#22c55e14;border-color:#22c55e4d}.badge-inactive{color:var(--muted);border-color:var(--border);background:0 0}.badge-deleted{color:var(--danger);background:#ef444414;border-color:#ef44444d}.badge-info{color:var(--info);background:#3b82f614;border-color:#3b82f64d}.empty{text-align:center;color:var(--muted);font-family:var(--mono);letter-spacing:.06em;padding:48px;font-size:12px}.overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:8px;flex-direction:column;gap:20px;width:100%;max-width:480px;padding:28px;display:flex}.modal-close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:18px;line-height:1;transition:color .15s}.modal-close-btn:hover{color:var(--text)}.modal-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:13px;font-weight:600}.form-group{flex-direction:column;gap:6px;display:flex}.label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.login-wrap{background:var(--bg);align-items:stretch;min-height:100vh;display:flex}.login-left{border-right:1px solid var(--border);background:#0b0c0e;flex-direction:column;flex:1;justify-content:space-between;padding:52px 64px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b12 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-180px;right:-180px}.login-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60d 0%,#0000 65%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.login-logo{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);z-index:1;align-items:center;gap:14px;font-size:20px;font-weight:700;display:flex;position:relative}.login-logo-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:2s infinite pulse;box-shadow:0 0 16px #f59e0bcc,0 0 32px #f59e0b4d}.login-hero{z-index:1;flex-direction:column;gap:28px;display:flex;position:relative}.login-hero-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:#f59e0b14;border:1px solid #f59e0b33;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:5px 12px;font-size:10px;font-weight:500;display:inline-flex}.login-hero-title{font-family:var(--sans);color:var(--text);letter-spacing:-.03em;font-size:42px;font-weight:300;line-height:1.2}.login-hero-title strong{color:var(--accent);font-weight:700;display:block}.login-hero-sub{font-family:var(--sans);color:var(--muted);max-width:420px;font-size:14px;line-height:1.8}.login-stats{z-index:1;gap:32px;display:flex;position:relative}.login-stat{flex-direction:column;gap:4px;display:flex}.login-stat-val{font-family:var(--mono);color:var(--text);font-size:28px;font-weight:600;line-height:1}.login-stat-lbl{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.login-stat-sep{background:var(--border);align-self:stretch;width:1px;margin:4px 0}.login-features{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.login-feature{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:11px;transition:all .2s;display:flex}.login-feature:hover{color:var(--text);border-color:var(--border);background:#ffffff08}.login-feature-icon{text-align:center;flex-shrink:0;width:24px;font-size:14px}.login-footer-text{font-family:var(--mono);color:var(--border2);letter-spacing:.06em;z-index:1;font-size:10px;position:relative}.login-right{background:var(--surface);flex-direction:column;justify-content:center;width:min(480px,100%);padding:64px 56px;display:flex;position:relative}.login-right:before{content:"";background:linear-gradient(90deg,#0000,#f59e0b4d,#0000);height:2px;display:none;position:absolute;top:0;left:0;right:0}.login-form-title{font-family:var(--sans);color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-size:26px;font-weight:700}.login-form-sub{font-family:var(--sans);color:var(--muted);margin-bottom:40px;font-size:13px;line-height:1.5}.login-box{flex-direction:column;gap:20px;display:flex}.login-input-wrap{position:relative}.login-input-wrap .input{border-radius:6px;height:48px;padding-left:44px;transition:border-color .2s,box-shadow .2s}.login-input-wrap .input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f59e0b1f}.login-input-icon{color:var(--muted);pointer-events:none;font-size:15px;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-wrap:focus-within .login-input-icon{color:var(--accent)}.login-divider{color:var(--border2);font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:12px;font-size:10px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-demo-btn{border:1px dashed var(--border2);width:100%;color:var(--muted);font-family:var(--mono);letter-spacing:.06em;cursor:pointer;text-align:center;background:0 0;border-radius:6px;padding:12px;font-size:11px;transition:all .2s}.login-demo-btn:hover{border-color:var(--accent);color:var(--accent);background:#f59e0b0a}.login-brand,.login-sub{display:none}@media (width<=840px){.login-hero-title{font-size:34px}.login-left{padding:40px}.login-right{padding:48px 40px}}@media (width<=720px){.login-wrap{flex-direction:column;min-height:100svh}.login-left{display:none}.login-right{flex:1;justify-content:center;width:100%;padding:40px 24px 32px}.login-form-title{font-size:28px}.login-form-sub{margin-bottom:28px}.login-box{gap:14px}.login-mobile-logo{display:flex!important}}@media (width<=400px){.login-right{padding:32px 16px 24px}.login-form-title{font-size:24px}}.error-msg{font-family:var(--mono);color:var(--danger);letter-spacing:.04em;background:#ef444414;border:1px solid #ef444433;border-radius:4px;padding:8px 12px;font-size:11px}.detail-wrap{flex-direction:column;gap:20px;display:flex}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:16px;padding:24px;display:flex}.detail-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.back-btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:11px;transition:color .15s;display:flex}.back-btn:hover{color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.toast{z-index:9999;font-family:var(--mono);letter-spacing:.04em;pointer-events:none;white-space:nowrap;border-radius:8px;padding:10px 20px;font-size:12px;animation:.2s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=640px){.toast{top:16px;bottom:auto}}.toast-success{background:var(--success);color:#000}.toast-error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.todo-wrap{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.todo-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.todo-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:var(--surface2)}.todo-item.done{opacity:.45}.entry-row{cursor:pointer;align-items:center;padding:10px 14px;transition:background .12s;display:flex}.entry-row:hover{background:var(--surface2)}.todo-check{border:1.5px solid var(--border2);cursor:pointer;width:16px;height:16px;color:var(--accent);background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;transition:all .15s;display:flex}.todo-check.checked{border-color:var(--accent);background:#f59e0b26}.todo-body{flex:1;min-width:0}.todo-desc{color:var(--text);word-break:break-word;font-size:13px;line-height:1.5}.todo-item.done .todo-desc{text-decoration:line-through}.todo-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.todo-pill{font-family:var(--mono);letter-spacing:.05em;color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.todo-pill.mine{color:var(--accent)}.todo-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.todo-add-form{border-top:1px solid var(--border);background:var(--surface2);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.todo-add-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.report-cards{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.report-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.report-card-lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.report-card-val{font-family:var(--mono);color:var(--text);font-size:22px;font-weight:400;line-height:1}@media (width<=640px){.report-cards{grid-template-columns:1fr}}.report-tabs{flex-wrap:wrap;gap:2px;display:flex}.report-tab{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:4px;padding:6px 14px;font-size:11px;font-weight:500;transition:all .15s}.report-tab:hover{color:var(--text)}.report-tab.active{color:var(--accent);background:#f59e0b14;border-color:#f59e0b66}.report-filter-bar{background:var(--surface2);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;display:flex}.report-filter-bar .form-group{flex:1;min-width:160px;margin:0}.report-summary{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;padding:14px 16px;display:flex}.report-stat{flex-direction:column;gap:2px;display:flex}.report-stat-val{font-family:var(--mono);color:var(--accent);font-size:20px;font-weight:400}.report-stat-lbl{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.live-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 6px var(--success);border-radius:50%;flex-shrink:0;animation:1.5s infinite pulse}.bottom-nav{display:none}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:480px}@media (width<=640px){.nav-tabs,.nav-user{display:none}.content{padding:12px 12px 80px}.grid-2,.detail-row{grid-template-columns:1fr}.timer-hero{padding:20px 16px}.project-select-wrap{width:100%;max-width:100%}.report-cards{grid-template-columns:1fr}.report-filter-bar{flex-direction:column}.report-filter-bar .form-group{width:100%;min-width:0}.modal{margin:0 8px;max-width:100%!important}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:200;height:62px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-overflow-scrolling:touch;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.bottom-nav-item{cursor:pointer;min-width:44px;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;transition:all .15s;display:flex}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item:active{background:var(--surface2);border-radius:8px}.bottom-nav-icon{font-size:18px;line-height:1}.bottom-nav-label{font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-size:8px}.bottom-nav-dot{background:var(--success);border:1.5px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:10px}.timer-btn{width:100%;max-width:200px;height:56px;font-size:15px}.select,.input,textarea.input{font-size:16px}.todo-item{padding:12px}.todo-actions{flex-flow:wrap;gap:4px}.todo-add-row{flex-direction:column}.todo-meta{gap:6px}.detail-card{padding:16px}.live-dot{width:10px;height:10px}.table-wrap{border-radius:0}td,th{padding:8px 10px;font-size:11px}.report-cards{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.report-card{padding:10px 12px}.report-card-val{font-size:18px}.report-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.report-tab{white-space:nowrap;flex-shrink:0}.overlay{align-items:center;padding:16px}.modal{border-radius:10px;width:100%;max-height:90dvh;margin:0;padding:24px 20px;overflow-y:auto;max-width:100%!important}.section-header{flex-wrap:wrap;gap:8px;min-width:0}.back-btn{padding:6px 0;font-size:13px}.detail-wrap{padding:0}.gap-4{gap:12px}.nav-brand{letter-spacing:.12em;font-size:13px}.timer-display{font-size:40px}.timer-hero{gap:16px;padding:20px 16px 24px}.calendar-controls{flex-direction:column;align-items:flex-start;gap:8px}.badge{padding:2px 6px;font-size:9px}}