:root{color-scheme:dark;--bg: #0d1117;--bg-panel: #161b22;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #3fb950;--accent-bg: #0a2218;--warning: #e67e22;--warning-bg: #2d1700;--error: #f85149;--error-bg: #2d0a0a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f6f8fa;--bg-panel: #ffffff;--border: #d0d7de;--text: #1f2328;--text-muted: #656d76;--accent: #1a7f37;--accent-bg: #dafbe1;--warning: #9a6700;--warning-bg: #fff8c5;--error: #cf222e;--error-bg: #ffebe9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,h5{margin:.4em 0}hr{border:none;border-top:1px solid var(--border);margin:12px 0}button{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--text-muted)}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:.95em}label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:.9em}.checkbox-label{flex-direction:row;align-items:center;gap:8px}.field-row{display:flex;gap:12px}.field-row>label{flex:1}.caption{color:var(--text-muted);font-size:.85em}.notice{padding:6px 10px;border-radius:6px;font-size:.9em}.notice-warning{background:var(--warning-bg);color:var(--warning)}.notice-error{background:var(--error-bg);color:var(--error)}.app-layout{display:flex;min-height:100vh}.sidebar{width:280px;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);padding:16px;overflow-y:auto}.context-filter{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.context-filter-label{font-size:.9em;margin-bottom:2px}.sidebar-bottom-actions{display:flex;gap:8px;flex-wrap:wrap}.theme-toggle{flex:1}.main-content{flex:1;padding:24px;max-width:900px}.login-page{max-width:320px;margin:80px auto}.login-form button{width:100%}.running-banner{display:flex;align-items:center;gap:10px;background:var(--accent-bg);border:1px solid var(--accent);border-radius:6px;padding:8px 14px;margin-bottom:16px}.running-dot{color:var(--accent);font-weight:700}.running-text{flex:1}.item-card{border:1px solid var(--border);border-radius:6px;margin-bottom:10px;overflow:hidden}.item-strip{padding:4px 14px;font-weight:700;font-size:.9em}.item-strip-running{background:var(--accent-bg);color:var(--accent)}.item-strip-overtime{background:var(--warning-bg);color:var(--warning)}.item-header{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:0;padding:10px 14px}.item-id{color:var(--text-muted)}.item-body{padding:0 14px 14px;border-top:1px solid var(--border)}.item-notes{white-space:pre-wrap}.item-actions{display:flex;gap:8px;margin:8px 0}.mini-form{border:1px dashed var(--border);border-radius:6px;padding:10px;margin:10px 0}.mini-form-caption{margin:0 0 6px;font-size:.85em;color:var(--text-muted)}.mini-form textarea{width:100%}.mini-form-actions{display:flex;gap:8px;margin-top:8px}.item-edit-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.subcat-select{position:relative}.subcat-select input{width:100%}.subcat-dropdown{position:absolute;z-index:100;top:calc(100% + 2px);left:0;right:0;max-height:240px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026}.subcat-dropdown li{padding:6px 10px;font-size:.9em;cursor:pointer}.subcat-dropdown li:hover{background:var(--border)}.subcat-dropdown-empty{color:var(--text-muted, #888);cursor:default!important}.subcat-dropdown-empty:hover{background:none!important}.item-history{margin-top:10px}.item-history ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px;font-size:.9em}.item-add-form,.item-edit-form{display:flex;flex-direction:column}.view-nav{display:flex;flex-direction:column;gap:4px;margin-top:6px}.view-btn{text-align:left;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:.9em}.view-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.badge{background:var(--error);color:var(--bg);border-radius:10px;padding:1px 6px;font-size:.8em;font-weight:700;line-height:1.4}.search-input{width:100%;font-size:1em;padding:8px 12px;margin-bottom:12px}.session-card{border:1px solid var(--border);border-radius:6px;margin-bottom:8px;overflow:hidden}.session-header{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:0;padding:10px 14px;font-size:.9em;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-body{padding:10px 14px 14px;border-top:1px solid var(--border)}.session-notes{white-space:pre-wrap;font-family:inherit;font-size:.9em;margin:0 0 8px}.session-edit-form{display:flex;flex-direction:column}.export-row{display:flex;align-items:center;gap:16px;margin-top:12px}.date-range-row{margin-bottom:16px}.period-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.period-btn{padding:5px 14px;font-size:.88em}.period-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.stat-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.stat-tile{flex:1;min-width:100px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:10px 14px}.stat-label{margin:0 0 2px}.stat-value{margin:0;font-size:1.5em;font-weight:700;letter-spacing:-.02em}.chart-container{margin:16px 0}.chart-tooltip{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:.9em;color:var(--text)}.chart-tooltip b{display:block;margin-bottom:2px}.chart-tooltip p{margin:0;color:var(--text-muted)}.kpi-split{display:flex;gap:16px;margin-top:12px}.kpi-split-col{flex:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:10px 14px}.kpi-split-col p{margin:4px 0 0}.dash-table-wrap{overflow-x:auto;margin-top:16px}.dash-table{width:100%;border-collapse:collapse;font-size:.88em}.dash-table th,.dash-table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.dash-table th{color:var(--text-muted);font-weight:600}.dash-table tfoot td{border-top:2px solid var(--border);border-bottom:none}.manage-grid{display:flex;gap:24px;align-items:flex-start}@media (max-width: 700px){.manage-grid{flex-direction:column}}.manage-panel{flex:1;min-width:0}.manage-panel h3{margin-top:0}.manage-edit{margin-top:10px;padding:10px;border:1px dashed var(--border);border-radius:6px}