*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f7f7f8;--bg-info:#eff6ff;--border-primary:#e2e2e6;--border-secondary:#d0d0d6;--text-primary:#1a1a1e;--text-secondary:#6b6b75;--text-tertiary:#a0a0aa;--text-info:#2563eb;--green:#22c55e;--red:#dc2626;--radius-sm:5px;--radius-md:7px;--radius-lg:10px}body{background:var(--bg-primary);color:var(--text-primary);height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100dvh}button{font-family:inherit}.login-page{background:#f0f0f2;justify-content:center;align-items:center;height:100dvh;display:flex}.login-card{background:var(--bg-primary);border:.5px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;gap:12px;width:300px;padding:24px;display:flex;box-shadow:0 8px 32px #0000001f}.login-title{text-align:center;margin-bottom:6px;font-size:17px;font-weight:600}.login-label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.login-card input{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);padding:6px 8px;font-size:13px}.login-error{color:var(--red);font-size:12px}.login-btn{border-radius:var(--radius-md);background:var(--text-info);color:#fff;cursor:pointer;border:none;padding:7px;font-size:13px}.login-btn:disabled{opacity:.6}.app{height:100vh;display:flex}.sidebar{border-right:.5px solid var(--border-primary);background:var(--bg-primary);flex-direction:column;flex-shrink:0;width:220px;display:flex}.nav{border-bottom:.5px solid var(--border-primary);padding:8px}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.nav-item.active{background:var(--bg-info);color:var(--text-info)}.projects{flex:1;padding:8px;overflow-y:auto}.sidebar-recent{border-bottom:.5px solid var(--border-primary);flex-shrink:0;padding:8px 8px 5px}.cat-header.static{cursor:default}.recent-timers{flex-direction:column;gap:2px;display:flex}.rt-row{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 6px;display:flex}.rt-row:hover{background:var(--bg-secondary)}.rt-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.rt-text{flex-direction:column;flex:1;min-width:0;display:flex}.rt-path{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.rt-ticket{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.rt-ytid{color:var(--text-tertiary);margin-right:4px;font-family:SF Mono,Menlo,monospace;font-size:10px}.rt-play{border:.5px solid var(--border-secondary);background:var(--bg-primary);cursor:pointer;opacity:0;width:18px;height:18px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex}.rt-row:hover .rt-play{opacity:1}.rt-empty{color:var(--text-tertiary);padding:4px 6px;font-size:12px;font-style:italic}.pop-middle .rt-row{background:#fff;border:.5px solid #ddd;border-radius:10px;padding:7px 9px}.pop-middle .rt-row:hover{background:#fff;border-color:#bbb}.pop-middle .recent-timers{gap:6px}.pop-middle .rt-path{font-size:13px}.pop-middle .rt-ticket{font-size:12px}.pop-middle .rt-play{background:var(--green);border-color:var(--green);color:#fff;width:22px;height:22px}.pop-middle .rt-play:hover{background:#16a34a;border-color:#16a34a}.pop-root .modal{width:480px;max-width:calc(100vw - 24px)}.cat-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-bottom:3px;padding:4px;display:flex}.cat-arrow{color:var(--text-tertiary);font-size:10px}.cat-name{color:var(--text-tertiary);letter-spacing:.8px;flex:1;font-size:10px;font-weight:600}.pcard{border:.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);margin-bottom:3px;position:relative;overflow:visible}.pcard.active-proj{background:#22c55e0d;border-color:#22c55e55}.prow-proj{align-items:center;gap:4px;padding:5px 6px;display:flex}.chevron{width:14px;height:14px;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:transform .15s;display:flex}.chevron.open{transform:rotate(90deg)}.pdot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.pname{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:4px;font-size:12px;font-weight:500;overflow:hidden}.play-btn{border:.5px solid var(--border-secondary);background:var(--bg-primary);cursor:pointer;opacity:0;width:18px;height:18px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex}.pcard:hover .prow-proj .play-btn,.prow-sub:hover>.play-btn{opacity:1}.play-btn.running{background:var(--green);border-color:var(--green);color:#fff;opacity:1!important}.subs{border-top:.5px solid var(--border-primary)}.prow-sub{align-items:center;gap:4px;padding:4px 6px;display:flex;position:relative}.prow-sub+.prow-sub{border-top:.5px solid var(--border-primary)}.prow-sub:hover{background:#00000005}.sub-indent{flex-shrink:0;width:25px}.sub-chevron{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sub-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:4px;font-size:11px;overflow:hidden}.sub-more{border-top:.5px solid var(--border-primary);align-items:center;padding:3px 6px 3px 45px;display:flex}.sub-more a{color:var(--text-info);white-space:nowrap;font-size:10px;text-decoration:none}.ticket-overlay{background:var(--bg-primary);border:.5px solid var(--border-secondary);border-radius:var(--radius-md);z-index:20;width:190px;padding:6px;position:fixed;box-shadow:0 4px 12px #00000014}.ov-label{color:var(--text-tertiary);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:10px;overflow:hidden}.ov-loading{color:var(--text-tertiary);padding:3px 4px;font-size:11px}.ov-row{border-radius:var(--radius-sm);align-items:center;gap:5px;padding:3px 4px;display:flex}.ov-row:hover{background:var(--bg-secondary)}.ov-id{color:var(--text-tertiary);white-space:nowrap;font-family:SF Mono,monospace;font-size:10px}.ov-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.ov-play{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:8px;font-weight:700;display:flex}.sidebar-bottom{border-top:.5px solid var(--border-primary);background:var(--bg-secondary);align-items:center;gap:6px;min-height:36px;padding:8px 10px;display:flex}.sidebar-bottom.idle .sb-proj{color:var(--text-tertiary)}.sb-pulse{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}.sb-pulse.paused{background:#f59e0b;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sb-proj{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.sb-time{color:var(--green);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:500}.sb-btn{border:.5px solid var(--border-secondary);background:var(--bg-primary);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex}.sb-btn:hover{border-color:var(--text-secondary)}.panel{flex-direction:column;flex:1;min-width:0;display:flex}.panel-header{border-bottom:.5px solid var(--border-primary);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.panel-title{color:var(--text-primary);font-size:14px;font-weight:500}.panel-sub{color:var(--text-secondary);margin-top:1px;font-size:11px}.panel-btns{gap:5px;display:flex}.icon-btn{border-radius:var(--radius-md);border:.5px solid var(--border-secondary);cursor:pointer;width:26px;height:26px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;padding:0;font-size:15px;display:flex}.icon-btn:hover{background:var(--bg-secondary)}.panel-body{flex:1;padding:10px 12px;overflow-y:auto}.placeholder{color:var(--text-tertiary);text-align:center;padding:24px;font-size:12px}.day-group{margin-bottom:12px}.day-header{border-bottom:.5px solid var(--border-primary);justify-content:space-between;align-items:baseline;margin-bottom:5px;padding:4px 0 5px;display:flex}.day-name{color:var(--text-primary);font-size:13px;font-weight:500}.day-meta{gap:8px;padding-right:10px;display:flex}.day-h{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px;font-weight:600}.ecard{border:.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;align-items:stretch;margin-bottom:4px;display:flex;overflow:hidden}.ecard:hover{border-color:var(--border-secondary)}.ecard-running{background:linear-gradient(90deg,#f0fdf4,#e9fbef);border-color:#86efac}.ecard-running:hover{border-color:var(--green)}.ecard-bar{flex-shrink:0;width:3px}.ecard-times{flex-shrink:0;width:46px;padding:7px 0 7px 8px}.etime{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.5}.ecard-info{flex:1;min-width:0;padding:7px 8px}.einfo-proj{color:var(--text-tertiary);letter-spacing:.4px;font-size:10px}.einfo-ticket{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.einfo-no-ticket{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:italic;overflow:hidden}.ecard-right{flex-shrink:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.ecard-notecol{min-width:0;color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1.2;align-self:center;padding:4px 8px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.ecard-amount{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;min-width:64px;font-size:11.5px}.day-amount{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;min-width:64px;font-size:11.5px;font-weight:600}.ecard-dur{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px;font-weight:500}.modal-backdrop{z-index:100;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border-radius:var(--radius-lg);flex-direction:column;gap:10px;width:320px;padding:16px;display:flex;box-shadow:0 8px 32px #0003}.modal-title{margin-bottom:2px;font-size:14px;font-weight:600}.field{color:var(--text-secondary);flex-direction:column;flex:1;gap:3px;font-size:11px;display:flex}.field-row{gap:8px;display:flex}.field input,.field select,.field textarea{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-primary);padding:5px 7px;font-family:inherit;font-size:13px}.modal-error{color:var(--red);font-size:12px}.modal-btns{gap:6px;margin-top:4px;display:flex}.btn{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;padding:5px 12px;font-size:12px}.btn.primary{background:var(--text-info);border-color:var(--text-info);color:#fff}.btn.danger{color:var(--red);border-color:#dc262655}.btn:disabled{opacity:.5;cursor:default}.pop-root{background:#f5f5f0;border:.5px solid #d0d0c8;border-radius:12px;flex-direction:column;height:100vh;display:flex;overflow:hidden}.pop-login-hint{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.pop-header{background:#1a1a1e;flex-shrink:0;padding:14px 14px 12px}.pop-header-top{align-items:center;gap:14px;margin-bottom:8px;display:flex}.pop-circle{cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:20px;display:flex}.pop-circle.running{background:#22c55e}.pop-circle.paused{background:#f59e0b}.pop-circle.idle{cursor:default;background:#3a3a3e}.pop-time{color:#fff;letter-spacing:-1px;font-variant-numeric:tabular-nums;flex:1;font-size:34px;font-weight:700}.pop-stop{color:#eee;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;flex-shrink:0;width:34px;height:34px;padding:0;font-size:12px}.pop-stop:hover{background:#333}.pop-path{color:#888;margin-bottom:3px;font-size:12px}.pop-ticket{color:#fff;margin-bottom:4px;font-size:15px;font-weight:600}.pop-startinfo{color:#666;margin-bottom:6px;font-size:11px}.pop-note{color:#ddd;background:#2a2a2e;border:.5px solid #3a3a3e;border-radius:6px;width:100%;padding:5px 8px;font-size:13px;font-style:italic}.pop-note::placeholder{color:#666}.pop-middle{flex:1;padding:10px;overflow-y:auto}.pop-search{background:#fff;border:.5px solid #ddd;border-radius:20px;align-items:center;gap:7px;margin-bottom:9px;padding:6px 12px;display:flex}.pop-search span{color:#aaa;font-size:12px}.pop-search input{color:#1a1a1e;background:0 0;border:none;outline:none;flex:1;font-size:13px}.pop-slabel{color:#999;letter-spacing:.7px;margin-bottom:6px;padding:0 2px;font-size:11px;font-weight:600}.pop-card{background:#fff;border:.5px solid #ddd;border-radius:10px;margin-bottom:6px;padding:9px 10px}.pop-card.active{background:#f0fdf4;border-color:#86efac}.pop-card:hover{border-color:#bbb}.pop-card .pop-pbtn{opacity:0;transition:opacity .1s}.pop-card:hover .pop-pbtn,.pop-card .pop-pbtn.run{opacity:1}.pop-row{align-items:center;gap:5px;display:flex}.pop-row+.pop-row{margin-top:4px}.pop-row.ind2{padding-left:16px}.pop-row.ind3{margin-top:3px;padding-left:32px}.pop-chv{cursor:pointer;color:#bbb;-webkit-user-select:none;user-select:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:600;transition:transform .15s;display:flex}.pop-chv:hover{color:#555;background:#f0f0f0}.pop-chv.open{transform:rotate(90deg)}.pop-chv.static{cursor:default;pointer-events:none}.pop-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pop-l1{color:#1a1a1e;flex:1;font-size:13px;font-weight:600}.pop-l2{color:#444;flex:1;font-size:12px}.pop-l3{color:#1a1a1e;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.pop-ytid{color:#aaa;flex-shrink:0;font-family:SF Mono,Menlo,monospace;font-size:10px}.pop-exp-sub{border-top:.5px solid #f0f0f0;margin-top:5px;padding-top:5px}.pop-exp-tickets{margin-top:3px}.pop-pbtn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:10px;font-weight:700;line-height:1;display:flex}.pop-pbtn.run{color:#fff;background:#22c55e}.pop-pbtn.idle{background:var(--green);color:#fff}.pop-pbtn.idle:hover{background:#16a34a}.pop-no-ticket{color:#aaa;margin-top:3px;padding-left:22px;font-size:12px;font-style:italic}.pop-more{text-align:center;padding:4px 0 6px}.pop-more a{color:#2563eb;font-size:13px;text-decoration:none}.pop-all-link{border-top:.5px solid #ddd;flex-shrink:0;padding:9px 12px}.pop-all-link a{color:#2563eb;font-size:13px;text-decoration:none}.pop-footer{background:#fff;border-top:.5px solid #ddd;flex-shrink:0;padding:9px 0;display:flex}.pop-fs{text-align:center;flex:1}.pop-fs+.pop-fs{border-left:.5px solid #eee}.pop-fsl{color:#aaa;letter-spacing:.6px;margin-bottom:3px;font-size:10px;font-weight:600}.pop-fst{color:#1a1a1e;font-size:15px;font-weight:600}.user-row{border-bottom:.5px solid var(--border-primary);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.user-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-logout{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:10px}.user-logout:hover{color:var(--red)}.ctx-menu{z-index:200;background:var(--bg-primary);border:.5px solid var(--border-secondary);border-radius:var(--radius-md);min-width:180px;padding:4px;position:fixed;box-shadow:0 4px 16px #00000026}.ctx-item{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 10px;font-size:12px}.ctx-item:hover{background:var(--bg-info);color:var(--text-info)}.ctx-item.danger{color:var(--red)}.ctx-item.danger:hover{color:var(--red);background:#fef2f2}.color-row{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.color-swatch.selected{border-color:var(--text-primary)}.new-project{padding:6px 4px}.new-project a{color:var(--text-info);font-size:11px;text-decoration:none}.confirm-message{color:var(--text-secondary);font-size:12px;line-height:1.5}.cat-header.drag-over{background:var(--bg-info);border-radius:var(--radius-sm)}.cat-header.drag-over .cat-name{color:var(--text-info)}.prow-proj.drag-over{background:var(--bg-info)}.prow-sub[draggable=true],.prow-proj[draggable=true]{cursor:grab}.move-error{z-index:150;border-radius:var(--radius-md);max-width:204px;color:var(--red);background:#fef2f2;border:.5px solid #fca5a5;padding:6px 10px;font-size:11px;position:fixed;bottom:48px;left:8px}.field-hint{color:var(--green);border-radius:var(--radius-md);background:#f0fdf4;border:.5px solid #bbf7d0;padding:6px 8px;font-size:11px;line-height:1.4}.app-frame{flex-direction:column;height:100dvh;display:flex}.app-frame .app{flex:1;height:auto;min-height:0}.topbar{background:linear-gradient(#f0fdf4,#e9fbef);border-bottom:1px solid #86efac;flex-shrink:0;align-items:center;gap:14px;padding:10px 16px;display:flex}.topbar.paused{background:linear-gradient(#fffbeb,#fef7e0);border-bottom-color:#fcd34d}.topbar-pulse{background:var(--green);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.6s ease-in-out infinite pulse}.topbar-pulse.paused{background:#f59e0b;animation:none}.topbar-time{color:#15803d;font-variant-numeric:tabular-nums;letter-spacing:-.5px;flex-shrink:0;min-width:100px;font-size:22px;font-weight:700}.topbar.paused .topbar-time{color:#b45309;min-width:auto}.topbar-info{cursor:pointer;border-radius:var(--radius-md);flex:1;min-width:0;padding:2px 6px}.topbar-info:hover{background:#ffffffb3}.topbar-path{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:14px;font-weight:600;display:flex;overflow:hidden}.topbar-detail{white-space:nowrap;gap:10px;margin-top:1px;display:flex;overflow:hidden}.topbar-ticket{color:var(--text-secondary);font-size:12px}.topbar-note{color:var(--text-tertiary);text-overflow:ellipsis;font-size:12px;font-style:italic;overflow:hidden}.topbar-note.empty{color:#86b898}.topbar-btn{background:var(--bg-primary);color:#15803d;cursor:pointer;white-space:nowrap;border:.5px solid #86efac;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.topbar-btn:hover{background:#f0fdf4;border-color:#22c55e}.topbar-btn.stop{color:var(--red);border-color:#fca5a5}.topbar-btn.stop:hover{border-color:var(--red);background:#fef2f2}.topbar.paused .topbar-btn{color:#b45309;border-color:#fcd34d}.topbar.paused .topbar-btn:hover{background:#fffbeb}.topbar.paused .topbar-btn.stop{color:var(--red);border-color:#fca5a5}.user-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:11px;overflow:hidden}.user-name:hover{color:var(--text-info);text-decoration:underline}.sync-message{color:var(--text-secondary);align-self:center;margin-right:4px;font-size:11px}.icon-btn:disabled{opacity:.5;cursor:default}.einfo-proj{color:var(--text-primary);letter-spacing:0;text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.3;overflow:hidden}.einfo-ticket{color:var(--text-secondary);font-size:10.5px}.einfo-no-ticket{color:#82828c;font-size:10.5px}.yt-link{color:var(--text-info);font-family:SF Mono,Menlo,monospace;font-size:11px;text-decoration:none}.yt-link:hover{text-decoration:underline}.yt-id{color:var(--text-secondary);font-family:SF Mono,Menlo,monospace;font-size:11px}.book-list{flex-direction:column;gap:4px;display:flex}.book-option{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12px;display:flex}.book-option:hover{border-color:var(--text-info);background:var(--bg-info)}.book-option.remote{background:var(--bg-primary)}.book-ytid{color:var(--text-info);flex-shrink:0;font-family:SF Mono,Menlo,monospace;font-size:10px}.book-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tp{position:relative}.tp input{width:100%}.tp-dropdown{z-index:50;background:var(--bg-primary);border:.5px solid var(--border-secondary);border-radius:var(--radius-md);flex-direction:column;gap:3px;max-height:180px;margin-top:3px;padding:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.tp-hint{color:var(--text-tertiary);padding:5px 8px;font-size:11px}.tp-hint.error{color:var(--red)}.tp-remote-tag{color:var(--text-tertiary);border:.5px solid var(--border-secondary);border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:9px}.tp-selected{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-secondary);align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.tp-selected-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tp-clear{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:2px 4px;font-size:11px}.tp-clear:hover{color:var(--red)}.ov-label{text-transform:none}.import-modal{width:560px;max-width:92vw}.import-table-wrap{border:.5px solid var(--border-primary);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.import-table{border-collapse:collapse;width:100%;font-size:11px}.import-table th{background:var(--bg-secondary);text-align:left;color:var(--text-secondary);border-bottom:.5px solid var(--border-primary);padding:5px 8px;font-weight:600;position:sticky;top:0}.import-table td{border-bottom:.5px solid var(--border-primary);color:var(--text-primary);padding:4px 8px}.import-row-skip td{color:var(--text-tertiary);font-style:italic}.import-book{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.quickstart{padding:8px 8px 0}.quickstart button{border:.5px dashed var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;padding:5px 8px;font-size:11px}.quickstart button:hover{border-color:var(--green);color:var(--text-primary)}.pop-quickstart{color:#666;cursor:pointer;text-align:left;background:#fff;border:.5px dashed #ccc;border-radius:8px;width:100%;margin-bottom:9px;padding:6px 10px;font-size:12px}.pop-quickstart:hover{color:#1a1a1e;border-color:#22c55e}.snooze-row{align-items:center;gap:6px;display:flex}.snooze-row select{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);padding:4px 6px;font-size:12px}.mode-row{flex-direction:column;gap:2px;margin-top:2px;display:flex}.mode-link{color:var(--text-info);cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:11px}.mode-link:hover{text-decoration:underline}.mode-link.danger{color:var(--text-tertiary)}.mode-link.danger:hover{color:var(--red)}.unbooked{color:#b45309;cursor:pointer;background:#fffbeb;border:.5px solid #fcd34d;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px}.unbooked:hover{border-color:#f59e0b}.next-day{color:#b45309;margin-left:1px;font-size:8px;font-weight:700}.booked-check{color:#15803d;letter-spacing:.3px;cursor:help;background:#f0fdf4;border:.5px solid #86efac;border-radius:4px;flex-shrink:0;padding:1px 4px;font-size:8.5px;font-weight:700;line-height:1.3}.field-hint.overnight{color:#b45309;background:#fffbeb;border-color:#fcd34d}.user-settings{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px}.user-settings:hover{color:var(--text-info)}.settings-check{color:var(--text-primary);align-items:center;gap:7px;font-size:12px;display:flex}.inactivity-btns{flex-wrap:wrap}.settings-modal{gap:0;width:560px;max-width:92vw;padding:0;overflow:hidden}.settings-layout{min-height:360px;display:flex}.settings-rail{background:var(--bg-secondary);border-right:.5px solid var(--border-primary);flex-direction:column;flex-shrink:0;gap:3px;width:150px;padding:14px 8px;display:flex}.settings-rail-title{color:var(--text-primary);padding:0 8px 10px;font-size:13px;font-weight:600}.settings-tab{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.settings-tab:hover{background:#0000000a}.settings-tab.active{background:var(--bg-info);color:var(--text-info)}.settings-content{flex-direction:column;flex:1;gap:10px;max-height:440px;padding:14px 18px;display:flex;overflow-y:auto}.settings-card{border:.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);flex-direction:column;gap:9px;padding:12px 14px;display:flex}.settings-card-title{color:var(--text-primary);border-bottom:.5px solid var(--border-primary);padding-bottom:7px;font-size:13px;font-weight:700}.settings-card-desc{color:var(--text-tertiary);font-size:11px;line-height:1.4}.settings-card .field input{background:var(--bg-primary)}.settings-row{align-items:center;gap:12px;display:flex}.settings-row-text{flex:1}.settings-row-title{color:var(--text-primary);font-size:12.5px;font-weight:500}.settings-row-desc{color:var(--text-tertiary);margin-top:1px;font-size:11px;line-height:1.4}.settings-number{flex-shrink:0;align-items:center;gap:5px;display:flex}.settings-number input{text-align:right;border:.5px solid var(--border-secondary);border-radius:var(--radius-md);width:52px;padding:4px 6px;font-size:12px}.settings-number span{color:var(--text-secondary);font-size:11px}.settings-pw-btn{align-self:flex-start}.settings-footer{border-top:.5px solid var(--border-primary);margin:0;padding:10px 14px}.settings-saved{color:var(--green);align-self:center;font-size:12px}.toggle{cursor:pointer;background:var(--border-secondary);border:none;border-radius:999px;flex-shrink:0;align-items:center;width:36px;height:21px;padding:2px;transition:background .15s;display:flex}.toggle.on{background:var(--green)}.toggle-knob{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;box-shadow:0 1px 3px #00000040}.toggle.on .toggle-knob{transform:translate(15px)}.user-settings{align-items:center;display:flex}.pop-proj-select{color:#ddd;cursor:pointer;background:#2a2a2e;border:.5px solid #3a3a3e;border-radius:6px;width:100%;margin-bottom:4px;padding:4px 6px;font-size:12px}.pop-proj-select:hover{border-color:#555}.pop-start-input{color:#ddd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#2a2a2e;border:.5px solid #3a3a3e;border-radius:5px;padding:1px 5px;font-size:11px}.pop-start-input:hover{border-color:#555}.booking-mode-list{flex-direction:column;gap:4px;margin-top:2px;display:flex}.booking-mode-row{border:.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);align-items:center;gap:8px;padding:5px 8px;display:flex}.booking-mode-row select{border:.5px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);flex-shrink:0;padding:3px 5px;font-size:11px}.version-tag{color:var(--text-tertiary);text-align:left;-webkit-user-select:text;user-select:text;flex-shrink:0;padding:4px 12px 6px;font-size:9.5px}.pop-version{text-align:center;background:#f5f5f0;padding:2px 0 4px}.tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tab-content>.app{flex:1;height:auto;min-height:0}.topbar.idle{background:linear-gradient(#eff6ff,#e4eefc);border-bottom:1px solid #93c5fd;min-height:44px}.topbar-idle-text{color:#1d4ed8;font-size:13px;font-weight:500}.topbar-btn.resume-last{color:#15803d;background:#f0fdf4;border-color:#86efac;max-width:45%;font-weight:600}.topbar-btn.resume-last:hover{background:#dcfce7;border-color:#22c55e}.resume-last-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-btn.neutral{color:var(--text-secondary);border-color:var(--border-secondary)}.topbar-btn.neutral:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.tab-nav{background:var(--bg-secondary);border-bottom:.5px solid var(--border-primary);flex-shrink:0;align-items:stretch;padding:0 6px;display:flex}.tabs{flex:1;display:flex}.tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-.5px;padding:9px 14px;font-size:13px;display:flex}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-info);border-bottom-color:var(--text-info);font-weight:600}.nav-svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.tab-user{color:var(--text-tertiary);align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.euro-toggle{border:.5px solid var(--border-primary);width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;opacity:.55;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex}.euro-toggle:hover{opacity:1}.euro-toggle.on{background:var(--bg-info);color:var(--text-info);opacity:1;border-color:#93c5fd;font-weight:600}.tab-version{color:var(--text-tertiary);border:.5px solid var(--border-primary);cursor:default;border-radius:8px;padding:1px 6px;font-size:10px}.cal-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.week-nav{border-bottom:.5px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;display:flex}.wnav-btn{background:var(--bg-secondary);border:.5px solid var(--border-primary);cursor:pointer;width:26px;height:26px;color:var(--text-secondary);border-radius:5px;justify-content:center;align-items:center;font-size:14px;display:flex}.wnav-btn:hover{background:var(--bg-info)}.week-label{color:var(--text-primary);text-align:center;min-width:210px;font-size:14px;font-weight:600}.today-btn{background:var(--bg-secondary);border:.5px solid var(--border-primary);cursor:pointer;color:var(--text-secondary);border-radius:5px;padding:4px 10px;font-size:12px}.today-btn:hover{background:var(--bg-info)}.week-total{color:var(--text-tertiary);font-size:12px}.week-total strong{color:var(--text-primary)}.cal-scroll{flex:1;overflow:auto}.cal-wrap{min-width:760px;display:flex}.time-axis{z-index:3;background:var(--bg-primary);border-right:.5px solid #eee;flex-shrink:0;width:48px;position:sticky;left:0}.tax-header{border-bottom:.5px solid var(--border-primary);background:var(--bg-primary);height:50px;position:sticky;top:0}.tslot{color:#bbb;border-bottom:.5px solid #f3f3f0;justify-content:flex-end;align-items:flex-start;height:60px;padding:3px 8px 0 0;font-size:10px;display:flex}.cal-days{flex:1;display:flex}.cal-day{border-right:.5px solid #eee;flex-direction:column;flex:1;min-width:100px;display:flex}.cal-day:last-child{border-right:none}.cal-day-header{border-bottom:.5px solid var(--border-primary);background:var(--bg-primary);z-index:2;height:50px;padding:6px 8px;position:sticky;top:0}.cal-day.today .cal-day-header{background:#f0fdf4}.cal-day.weekend .cal-day-header{background:#fafaf8}.dh-name{color:var(--text-tertiary);letter-spacing:.3px;font-size:10px;font-weight:500}.dh-date{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.1}.cal-day.today .dh-date{color:var(--green)}.cal-day.weekend .dh-date{color:#ccc}.dh-total{color:var(--text-tertiary);font-size:10px}.dh-total.live{color:var(--green);font-weight:600}.cal-day-body{cursor:copy;position:relative}.cal-day.weekend .cal-day-body{background:#fafaf8}.cal-day-body:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(#0000 0 59px,#f0f0ec 59px 60px);position:absolute;inset:0}.cal-block{cursor:pointer;color:var(--text-primary);border-radius:5px;padding:2px 5px;font-size:10px;position:absolute;overflow:hidden}.cal-block:hover{filter:brightness(.93);z-index:10}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 1.5px #22c55e}50%{box-shadow:0 0 0 3px #22c55e55}}.cal-block.running{animation:2s ease-in-out infinite pulse-ring}.cb-time{opacity:.7;font-size:9px}.cb-proj{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cb-sub{opacity:.75;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-line{z-index:5;pointer-events:none;background:#ef4444;height:1px;position:absolute;left:0;right:0}.now-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:-4px}.report-content{flex:1;min-height:0;display:flex;overflow:hidden}.filter-sidebar{background:var(--bg-secondary);border-right:.5px solid var(--border-primary);flex-direction:column;flex-shrink:0;gap:14px;width:248px;padding:12px 10px;display:flex;overflow-y:auto}.filter-section{flex-direction:column;gap:6px;display:flex}.filter-label{color:var(--text-tertiary);letter-spacing:.6px;padding:0 2px;font-size:10px;font-weight:600}.period-tabs{flex-wrap:nowrap;gap:2px;display:flex}.period-tab{text-align:center;background:var(--bg-primary);border:.5px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:5px;flex:1;padding:3px 0;font-size:11px}.period-tab.active{background:var(--bg-info);color:var(--text-info);border-color:#93c5fd;font-weight:600}.navigator{align-items:center;gap:4px;display:flex}.nav-arr{background:var(--bg-primary);border:.5px solid var(--border-primary);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.nav-period-lbl{text-align:center;color:var(--text-primary);flex:1;font-size:12px;font-weight:600}.custom-range{flex-direction:column;gap:4px;display:flex}.custom-range input{border:.5px solid var(--border-primary);background:var(--bg-primary);border-radius:5px;padding:4px 6px;font-size:11px}.filter-select{background:var(--bg-primary);border:.5px solid var(--border-primary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:12px}.check-list{flex-direction:column;gap:3px;display:flex}.check-item{cursor:pointer;color:var(--text-secondary);border-radius:4px;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.check-item:hover{background:var(--bg-info)}.check-item input[type=checkbox]{width:12px;height:12px;accent-color:var(--text-info);flex-shrink:0}.check-item.all-item{color:var(--text-primary);font-weight:600}.check-indent{padding-left:16px}.filter-divider{border:none;border-top:.5px solid var(--border-primary);margin:0}.export-btns{gap:6px;display:flex}.export-btn{border:.5px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-weight:500}.export-btn:hover{background:var(--bg-info)}.export-btn.primary{background:var(--text-info);border-color:var(--text-info);color:#fff}.report-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.report-header{border-bottom:.5px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.mh-title{color:var(--text-primary);font-size:15px;font-weight:700}.mh-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px}.results-scroll{flex:1;padding:0 12px 8px;overflow-y:auto}.rtable{border-collapse:collapse;width:100%;font-size:12px}.rtable th{text-align:left;color:var(--text-tertiary);letter-spacing:.4px;border-bottom:.5px solid var(--border-primary);background:var(--bg-primary);z-index:1;padding:7px 8px;font-size:10px;font-weight:600;position:sticky;top:0}.rtable th.r{text-align:right}.rtable td{color:var(--text-secondary);vertical-align:top;border-bottom:.5px solid #f3f3f0;padding:5px 8px}.rtable td.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rtable tbody tr:hover td{background:#f9f9f8}.proj-row td{background:var(--bg-secondary);color:var(--text-primary);border-bottom:.5px solid var(--border-primary);padding:7px 8px;font-weight:700}.proj-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.proj-customer{color:var(--text-tertiary);font-size:11px;font-weight:400}.sub-row td.label-col{color:var(--text-primary);padding-left:28px;font-weight:600}.ticket-link{color:var(--text-info);font-size:11px}.total-row td{color:var(--text-primary);border-top:1px solid var(--border-primary);background:var(--bg-secondary);padding:8px;font-size:13px;font-weight:700}.decimal-section{border-radius:var(--radius-md);background:#fff7ed;border:.5px solid #fed7aa;flex-shrink:0;margin:8px 12px 12px;padding:10px 12px}.decimal-header{color:#9a3412;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.no-pdf{color:#c2410c;background:#fff;border:.5px solid #fed7aa;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:500}.decimal-row{align-items:baseline;gap:10px;display:flex}.decimal-val{color:#9a3412;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.decimal-formula{color:#c2410c;font-size:11px}.settings-view{flex:1;min-height:0;display:flex;overflow:hidden}.settings-view .settings-rail{padding-bottom:6px}.settings-view .settings-content{max-height:none}.settings-tab.logout{color:var(--red)}.settings-footer-inline{align-items:center;gap:8px;margin-top:10px;display:flex}.customer-list{flex-direction:column;gap:4px;display:flex}.customer-row{border:.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:flex}.customer-row:hover{border-color:var(--text-info)}.customer-name{color:var(--text-primary);font-weight:600}.customer-rate{color:var(--text-secondary);font-variant-numeric:tabular-nums}.gear-btn{border:.5px solid var(--border-secondary);background:var(--bg-primary);cursor:pointer;opacity:0;width:18px;height:18px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.pcard:hover .prow-proj .gear-btn,.prow-sub:hover>.gear-btn{opacity:1}.gear-btn:hover{color:var(--text-info);border-color:var(--text-info)}.customer-default-tag{color:var(--text-info);background:var(--bg-info);border:.5px solid #93c5fd;border-radius:999px;margin-left:8px;padding:1px 6px;font-size:9px;font-weight:500}.pa-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.pa-table td{vertical-align:top}.pa-cat-row td{color:var(--text-tertiary);letter-spacing:.8px;background:var(--bg-primary);border-bottom:none;padding:12px 8px 3px;font-size:10px;font-weight:700}.pa-add-link{cursor:pointer;color:var(--text-info);letter-spacing:0;opacity:.75;background:0 0;border:none;margin-left:10px;font-size:10px}.pa-add-link:hover{opacity:1;text-decoration:underline}.pa-table thead th{background:var(--bg-secondary);color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border-secondary);padding:8px;font-size:11px;font-weight:700}.pa-proj-row td{background:var(--bg-secondary);border-top:.5px solid var(--border-primary);padding-top:5px;padding-bottom:5px}.pa-proj-name{color:var(--text-primary);font-size:13.5px;font-weight:700}.pa-sub-row td{padding-top:3px;padding-bottom:3px}.pa-sub-name{color:var(--text-primary);font-size:12.5px;font-weight:500}.pa-indent{width:22px;display:inline-block}.pa-addsub-row td{border-bottom:none;padding:1px 8px 6px}.pa-muted{color:var(--text-tertiary);font-size:11px;font-style:italic}.pa-tickets{flex-direction:column;gap:1px;display:flex}.pa-ticket{align-items:baseline;gap:6px;font-size:12px;display:flex}.pa-ticket-id{color:var(--text-info);flex-shrink:0;font-family:SF Mono,Menlo,monospace;font-size:10.5px;text-decoration:none}a.pa-ticket-id:hover{text-decoration:underline}.pa-ticket-title{color:var(--text-primary);line-height:1.35}.pa-ticket.resolved .pa-ticket-title{color:var(--text-tertiary);text-decoration:line-through}.pa-ticket-mode{color:var(--text-tertiary);border:.5px solid var(--border-primary);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:0 6px;font-size:9.5px}.pa-actions{opacity:0;gap:3px;transition:opacity .12s;display:inline-flex}tr:hover .pa-actions{opacity:1}.pa-btn{border:.5px solid var(--border-primary);background:var(--bg-primary);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.pa-btn:hover:not(:disabled){border-color:var(--text-info);color:var(--text-info)}.pa-btn.danger:hover{border-color:var(--red);color:var(--red)}.pa-btn:disabled{opacity:.3;cursor:default}.project-modal{width:560px;max-width:94vw}.project-modal .color-swatch{width:26px;height:26px}.booking-mode-row{align-items:flex-start}.booking-mode-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.booking-mode-title{color:var(--text-primary);white-space:normal;font-size:12px;line-height:1.35}.pa-grip{color:#8a8a94;cursor:grab;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:13px;display:inline-flex}.pa-grip:hover{color:var(--text-primary);background:#0000000f}.pa-grip:active{cursor:grabbing}.pa-drop-before td{border-top:2px solid var(--text-info)!important}.pa-drop-into td{background:var(--bg-info)!important}.pa-chevron{width:12px;color:var(--text-tertiary);margin-right:4px;font-weight:600;transition:transform .15s;display:inline-block}.pa-chevron.open{transform:rotate(90deg)}.pa-subcount{color:var(--text-tertiary);margin-left:8px;font-size:10px;font-weight:400}.pa-proj-row{cursor:pointer}.tl{flex-direction:column;gap:6px;display:flex}.tl-list{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tl-chip{background:var(--bg-info);border:.5px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:3px 6px 3px 8px;display:inline-flex}.tl-chip-id{color:var(--text-info);flex-shrink:0;font-family:SF Mono,Menlo,monospace;font-size:10.5px}.tl-chip-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:11.5px;overflow:hidden}.tl-chip-x{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:0 2px;font-size:10px}.tl-chip-x:hover{color:var(--red)}.tl-add{border:1px dashed var(--border-secondary);background:var(--bg-primary);cursor:pointer;width:24px;height:24px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.tl-add:hover,.tl-add.open{border-color:var(--text-info);color:var(--text-info);border-style:solid}.tl-search{border:.5px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);flex-direction:column;gap:6px;padding:8px;display:flex}.tl-search-row{gap:6px;display:flex}.tl-combo{flex:0 0 46%;min-width:0;position:relative}.tl-combo input{width:100%;padding-right:22px}.tl-combo-clear{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:2px;font-size:10px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.tl-combo-clear:hover{color:var(--red)}.tl-combo-list{z-index:60;background:var(--bg-primary);border:.5px solid var(--border-secondary);border-radius:var(--radius-md);flex-direction:column;gap:2px;max-height:200px;margin-top:3px;padding:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.tl-combo-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.tl-combo-item:hover{background:var(--bg-info)}.tl-text{flex:1;min-width:0}.tl-search-row input{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);padding:5px 7px;font-size:12px}.tl-results{flex-direction:column;gap:3px;max-height:180px;display:flex;overflow-y:auto}.book-option.added{opacity:.55;cursor:default}.tl-added{color:var(--green);flex-shrink:0;font-size:10px}.settings-path-row{flex-shrink:0;align-items:center;gap:6px;display:flex}.settings-path{border:.5px solid var(--border-primary);background:var(--bg-primary);width:200px;color:var(--text-primary);border-radius:6px;flex-shrink:0;padding:5px 8px;font-size:12px}.tl-resolved{color:var(--text-tertiary);border:.5px solid var(--border-primary);border-radius:3px;flex-shrink:0;padding:0 4px;font-size:10px}.pa-dragging{cursor:grabbing}.pa-dragging *{cursor:grabbing!important}.pa-drag-badge{z-index:300;pointer-events:none;background:var(--text-primary);color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:fixed;box-shadow:0 3px 10px #0000004d}.pa-grip{touch-action:none}.tl-add.small{flex-shrink:0;width:20px;height:20px;font-size:12px}.pa-table .tl-add{opacity:0;transition:opacity .12s}.pa-table tr:hover .tl-add,.pa-table .tl-add.open{opacity:1}.pa-tickets .tl-search{max-width:460px;margin-top:4px}.mobile-seg{display:none}@media (width<=700px){.app-frame{flex-direction:column}.topbar{order:0}.tab-content{order:1}.tab-nav{border-top:.5px solid var(--border-secondary);background:var(--bg-primary);padding:6px 4px max(22px, calc(env(safe-area-inset-bottom) + 6px));border-bottom:none;order:2}.nav-logo{display:none}.tabs{flex:1;overflow:visible}.tab{border-bottom:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;margin-bottom:0;padding:7px 2px 5px;font-size:10px;font-weight:500;line-height:1.2;overflow:visible}.tab .nav-svg{width:21px;height:21px}.tab.active{color:var(--text-info)}.tab-user{display:none}.topbar{flex-wrap:wrap;gap:6px 10px;padding:12px 12px 10px}.topbar-pulse{display:none}.topbar-time{text-align:center;flex-basis:100%;min-width:0;font-size:34px}.topbar-info{text-align:center;flex-basis:100%;order:2;padding:0}.topbar-info .topbar-path{justify-content:center;font-size:16px}.topbar-info .topbar-detail{justify-content:center;margin-top:2px}.topbar-ticket,.topbar-note{font-size:13px}.topbar-btn{border-radius:10px;flex:40%;order:3;margin-top:10px;padding:12px 0;font-size:15px;font-weight:600}.topbar.idle{padding:10px 12px}.topbar.idle .topbar-idle-text{text-align:center;flex-basis:100%;font-size:12px}.topbar.idle .topbar-btn{margin-top:2px}.topbar-btn.resume-last{max-width:none}.mobile-seg{border:.5px solid var(--border-secondary);border-radius:8px;flex-shrink:0;gap:0;margin:8px 12px 0;display:flex;overflow:hidden}.mobile-seg button{background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border:none;flex:1;padding:7px 0;font-size:13px}.mobile-seg button.active{background:var(--bg-info);color:var(--text-info);font-weight:600}.app{flex-direction:column}.sidebar{border-right:none;flex:1;width:100%;min-height:0;display:none}.app.show-projekte .sidebar{display:flex}.app.show-projekte .panel,.app.show-eintraege .sidebar{display:none}.prow-proj{padding:9px 8px}.prow-sub{padding:8px}.pname{font-size:14px}.sub-name{font-size:13px}.play-btn,.gear-btn{width:26px;height:26px;font-size:11px}.panel-header{padding:8px 12px}.panel-body{padding:8px}.desktop-only{display:none!important}.ecard-times{width:44px}.ecard-info{padding:9px 8px}.report-content{flex-direction:column}.filter-sidebar{border-right:none;border-bottom:.5px solid var(--border-primary);flex-flow:wrap;flex-shrink:0;gap:12px 18px;width:100%;max-height:none;padding:10px 12px}.filter-sidebar .filter-divider{display:none}.filter-sidebar .filter-section{flex:1;min-width:150px}.col-note{display:none}.period-tabs{flex-wrap:nowrap}.period-tab{text-align:center;flex:1;padding:5px 0}.mobile-only{display:block}.mobile-only-btn{display:flex}.filter-sidebar .check-list{display:none}.filter-sidebar .check-list.open{display:flex}.decimal-section.mobile-only{margin:8px 0 4px;display:block}.col-customer{display:none}.pa-content .results-scroll{padding:0 4px 8px}.report-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.settings-view{flex-direction:column}.settings-rail{border-right:none;border-bottom:.5px solid var(--border-primary);background:var(--bg-primary);flex-direction:row;align-items:center;gap:6px;width:100%;padding:8px 10px;overflow-x:auto}.settings-rail-title,.settings-rail .version-tag{display:none}.settings-tab{white-space:nowrap;border:.5px solid var(--border-primary);background:var(--bg-secondary);border-radius:999px;flex-shrink:0;padding:5px 13px}.settings-tab.active{border-color:#93c5fd}.settings-tab.logout{margin-left:auto}.settings-content{gap:8px;padding:12px}.settings-row{border:.5px solid var(--border-primary);background:var(--bg-primary);border-radius:10px;flex-wrap:wrap;padding:10px 12px}.settings-row-text{flex:65%}.week-label{min-width:0;font-size:12px}.week-nav{flex-wrap:wrap;gap:6px;padding:6px 8px}.cal-day{min-width:84px}.modal{max-height:86vh;overflow-y:auto;width:94vw!important}.import-modal,.settings-modal,.project-modal{width:94vw!important}.settings-layout{flex-direction:column;min-height:0}}@media (hover:none){.play-btn,.gear-btn,.rt-play{opacity:1!important}.pa-actions,.pa-table .tl-add,.pcard:hover .prow-proj .play-btn{opacity:1}}.topbar-btn.stop{color:#fff;background:#ef4444;border-color:#ef4444;font-weight:600}.topbar-btn.stop:hover{background:#dc2626;border-color:#dc2626}@media (width>=701px){.mobile-only,.mobile-only-btn{display:none}}.proj-filter-toggle{border:.5px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px}.billed-note{color:var(--green,#16a34a);margin-top:6px;font-size:11px}.field-hint.billed{color:#b45309}.billed-badge{color:#b45309;flex-shrink:0;font-size:11px;font-weight:700}.error-toast{z-index:1000;max-width:min(92vw,480px);color:var(--red);border-radius:var(--radius-md);cursor:pointer;background:#fef2f2;border:1px solid #fecaca;padding:8px 14px;font-size:12.5px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.tauri .topbar{padding-left:84px}.nav-logo{-webkit-user-select:none;user-select:none;border-radius:5px;flex-shrink:0;align-self:center;width:20px;height:20px;margin:0 8px 0 6px;box-shadow:0 1px 2px #00000026}.einfo-sub{font-weight:400}.settings-select{border:.5px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);flex-shrink:0;padding:5px 8px;font-size:12px}.sidebar-recent .rt-ticket{display:none}.rt-sub{font-weight:400}.projects .play-btn,.sidebar-recent .rt-play{background:var(--green);border-color:var(--green);color:#fff;width:22px;height:22px;font-size:10px}.projects .play-btn:hover,.sidebar-recent .rt-play:hover{background:#16a34a;border-color:#16a34a}.search-wrap{flex:1;min-width:0;display:flex;position:relative}.search-wrap>input{flex:1;width:100%;min-width:0;padding-right:26px}.search-clear{color:#fff;cursor:pointer;background:#c2c2ca;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear:hover{background:#9a9aa4}.pop-search{position:relative}.pop-search .search-clear{position:static;transform:none}.pop-search-history{z-index:50;background:#fff;border:.5px solid #ddd;border-radius:10px;flex-direction:column;gap:2px;max-height:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.pop-search-history-item{text-align:left;color:#1a1a1e;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 8px;font-size:13px;display:block}.pop-search-history-item:hover,.pop-search-history-item.active{background:#f0f0f3}