.timelog-container{color:#1a1c1e;background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;display:flex}.timelog-header{background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000000a}.timelog-logo{color:#1a1c1e;min-width:fit-content;font-size:18px;font-weight:700}.timelog-view-switcher{background:#fafafa;border:1px solid #d0d0d0;border-radius:6px;gap:2px;padding:2px;display:flex}.timelog-view-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.timelog-view-btn.active{color:#fff;background:#3498db}.timelog-view-btn:hover:not(.active){background:#f0f0f0}.timelog-period-nav{align-items:center;gap:12px;min-width:fit-content;display:flex}.timelog-nav-btn{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.timelog-nav-btn:hover{background:#f5f5f5}.timelog-date-label{color:#666;text-align:center;min-width:200px;font-size:12px;font-weight:600}.timelog-search{background:#fff;border:1px solid #d0d0d0;border-radius:6px;flex:.3;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex}.timelog-search svg{color:#999}.timelog-search input{background:0 0;border:none;outline:none;flex:1;font-size:12px}.timelog-search input::placeholder{color:#ccc}.timelog-project-filter{min-width:fit-content;position:relative}.timelog-filter-btn{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.timelog-filter-btn:hover{background:#f5f5f5}.timelog-project-menu{z-index:50;background:#fff;border:1px solid #d0d0d0;border-radius:6px;min-width:220px;margin-top:8px;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001a}.timelog-project-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:background .2s;display:flex}.timelog-project-item:hover{background:#f5f5f5}.timelog-project-item input{cursor:pointer;width:14px;height:14px}.timelog-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.timelog-total-hours{color:#3498db;background:#ebf5ff;border-radius:6px;min-width:fit-content;padding:6px 12px;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:600}.timelog-actions{gap:8px;margin-left:auto;display:flex}.timelog-action-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d0d0d0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.timelog-action-btn:hover{background:#f5f5f5}.timelog-main{flex:1;overflow:auto}.timelog-grid{padding:24px}.timelog-table{border-collapse:collapse;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000d}.timelog-table thead{z-index:10;background:#f9fafb;border-bottom:1px solid #e5e5e5;position:sticky;top:0}.timelog-table thead th{text-align:left;color:#666;padding:12px;font-size:12px;font-weight:600}.timelog-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.timelog-table tbody tr:hover{background:#f9fafb}.timelog-table tbody tr.even{background:#fff}.timelog-table tbody tr.odd{background:#fafbfc}.timelog-cell{cursor:pointer;vertical-align:middle;padding:8px 12px;font-size:12px}.timelog-cell.active{background:#e3f2fd;box-shadow:inset 0 0 0 2px #3498db}.timelog-input{border:1px solid #3498db;border-radius:4px;width:100%;padding:4px 8px;font-family:inherit;font-size:12px}.timelog-input:focus{background:#fff;border-color:#2980b9;outline:none}.timelog-actions-cell{text-align:center;padding:8px}.timelog-delete-btn{color:#999;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.timelog-table tbody tr:hover .timelog-delete-btn{opacity:1}.timelog-delete-btn:hover{color:#e74c3c;background:#ffebee}.timelog-table tfoot{background:#f9fafb;border-top:2px solid #e5e5e5;font-weight:600}.timelog-table tfoot td{padding:12px;font-size:12px}.timelog-total-label{text-align:right;color:#666}.timelog-total-value{text-align:right;color:#3498db;font-family:Monaco,Courier New,monospace;font-weight:600}.timelog-add-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;margin-top:16px;padding:8px 16px;font-size:12px;font-weight:600;transition:background .2s}.timelog-add-btn:hover{background:#2980b9}@media (width<=1024px){.timelog-header{flex-wrap:wrap;gap:12px;height:auto;padding:12px}.timelog-date-label{min-width:160px;font-size:11px}.timelog-search{flex:none;min-width:150px}}