*{box-sizing:border-box}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}#root{max-width:100%;min-height:100vh}.signin-container{background-color:#fff;flex-direction:column;flex:1;min-height:100vh;padding:35px;display:flex}.center-content{flex-direction:column;flex:1;justify-content:center;display:flex}.header-text{color:#000;margin:4px 0;font-size:22px}.auth-input{box-sizing:border-box;border:none;border-bottom:2px solid #86939e;outline:none;width:100%;margin-top:20px;margin-bottom:20px;padding:12px;font-size:16px}.auth-input:focus{border-bottom-color:#2089dc}.primary-button{color:#fff;cursor:pointer;background-color:#2089dc;border:none;border-radius:4px;width:100%;padding:14px;font-size:16px;font-weight:700}.primary-button:disabled{cursor:not-allowed;background-color:#ccc}.primary-button:hover:not(:disabled){background-color:#1a6fb5}.back-button{color:#2089dc;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:20px;margin-bottom:20px;padding:0;font-size:16px}.org-list{margin-top:10px}.org-item{cursor:pointer;border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.org-item:hover{background-color:#f9f9f9}.org-name{font-weight:700}.chevron{color:#999;font-size:20px}.entries-list-container{margin-top:8px}.month-tabs-row{border-bottom:2px solid #eee;justify-content:space-between;align-items:center;gap:8px;display:flex}.month-tabs{-webkit-overflow-scrolling:touch;touch-action:pan-x;flex:1;gap:0;display:flex;overflow:auto hidden}.settings-icon-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:6px;transition:color .15s,background-color .15s;display:flex}.settings-icon-btn:hover{color:#666;background-color:#f5f5f5}.settings-icon-btn:active{color:#333}.month-tab{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:10px 16px;font-size:14px}.month-tab.active{color:#2089dc;border-bottom-color:#2089dc;font-weight:700}.month-tab:hover:not(.active){color:#333}.month-panel{padding-top:12px}.month-summary{flex-direction:column;margin-bottom:8px;padding:12px 0;display:flex}.month-total-hours{color:#000;font-size:22px;font-weight:700}.month-total-label{color:#888;margin-top:2px;font-size:13px}.month-loading,.month-empty{text-align:center;color:#999;padding:40px 0;font-size:15px}.day-group{margin-bottom:16px}.day-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:flex-end;padding:8px 0;display:flex}.day-header-left{flex-direction:column;display:flex}.day-name{color:#000;font-size:15px;font-weight:700}.day-date{color:#666;font-size:13px}.day-duration{color:#333;font-size:14px;font-weight:600}.day-entries{flex-direction:column;display:flex}.entry-row{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0 12px 4px;display:flex}.entry-row:hover{background-color:#fafafa}.entry-row-left{align-items:center;gap:10px;display:flex}.entry-status-icon{color:#fff;background-color:#e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.entry-status-icon.approved{background-color:#4caf50}.entry-row-info{flex-direction:column;display:flex}.entry-row-project{color:#000;font-size:15px;font-weight:500}.entry-row-work{color:#666;font-size:13px}.entry-row-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.entry-row-duration{color:#333;font-size:14px;font-weight:600}.entry-row-times{color:#999;font-size:12px}.start-button-fab{color:#fff;cursor:pointer;z-index:100;background-color:#2089dc;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;padding:0 0 4px;font-size:42px;line-height:1;display:flex;position:fixed;bottom:70px;right:70px;box-shadow:0 4px 16px #0000004d}.start-button-fab:hover{background-color:#1a6fb5;transform:scale(1.05)}.start-button-fab:active{transform:scale(.95)}.screen-container{background-color:#fff;max-width:600px;min-height:100vh;margin:0 auto;padding:12px 16px 20px}.worker-status{margin-top:10px}.status-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;overflow:hidden}.status-card.active{background-color:#fff;border-color:#e0e0e0}.status-timer-section{background-color:#f8f8f8;justify-content:center;align-items:center;padding:40px 20px;display:flex}.status-timer-section .duration-timer{color:#000;font-variant-numeric:tabular-nums;font-size:42px;font-weight:700}.stop-button-round{color:#fff;cursor:pointer;z-index:1;background-color:#34adfe;border:none;border-radius:40px;justify-content:center;align-items:center;width:80px;height:80px;margin:-40px auto 0;font-size:32px;display:flex;position:relative;box-shadow:0 4px 12px #0003}.stop-button-round:hover{background-color:#2a8fcc}.stop-button-round:active{transform:scale(.95)}.status-details{padding:28px 16px 16px}.status-detail-row{border-bottom:1px solid #f0f0f0;padding:10px 0}.status-detail-row:last-child{border-bottom:none}.status-detail-label{color:#888;margin-bottom:2px;font-size:13px;display:block}.status-detail-value{color:#000;font-size:16px;font-weight:500}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:20px;display:flex}.error-message{color:#333;margin-bottom:8px;font-size:18px;font-weight:600}.error-hint{color:#666;max-width:280px;margin-bottom:24px;font-size:14px;line-height:1.4}.logout-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:background-color .2s}.list-header{margin-bottom:16px}.list-header-row{justify-content:space-between;align-items:center;display:flex}.list-header h2{color:#000;margin:8px 0;font-size:22px}.cancel-link{color:#e74c3c;cursor:pointer;background:0 0;border:none;padding:0;font-size:15px}.cancel-link:hover{text-decoration:underline}.list-subtitle{color:#666;margin:0;font-size:14px}.back-link{color:#2089dc;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.back-link:hover{text-decoration:underline}.empty-text{color:#999;text-align:center;padding:40px 0}.list-items{flex-direction:column;display:flex}.list-item{cursor:pointer;border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;padding:16px 4px;display:flex}.list-item:hover{background-color:#f9f9f9}.list-item-content{flex-direction:column;display:flex}.list-item-name{color:#000;font-size:16px;font-weight:700}.list-item-code{color:#888;margin-top:2px;font-size:13px}.list-item-chevron{color:#ccc;font-size:24px}.confirmation-tile{margin-top:20px}.activity-tile{text-align:center;border-radius:8px;margin-bottom:20px;padding:30px}.activity-tile.ready{background-image:url(/landscape.png);background-position:50%;background-size:cover;border:none;justify-content:center;align-items:flex-end;min-height:120px;padding-bottom:33%;display:flex}.activity-tile.working{background-color:#e8f5e9;border:1px solid #4caf50}.tile-status{color:#333;margin:0;font-size:24px;font-weight:700}.activity-tile.ready .tile-status{color:#fff;text-shadow:0 1px 3px #00000080}.duration-timer{color:#000;font-variant-numeric:tabular-nums;font-size:36px;font-weight:700}.confirmation-details{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:16px}.detail-row{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:14px}.detail-value{color:#000;font-size:14px;font-weight:700}.detail-row.editable{text-align:center;flex-direction:column;align-items:center}.time-override-input{box-sizing:border-box;text-align:center;border:1px solid #ddd;border-radius:4px;width:min(100%,320px);margin-top:4px;padding:8px;font-size:14px}.time-override-input:focus{border-color:#2089dc;outline:none}.time-editor{width:100%;max-width:320px;margin-top:8px}.time-editor-actions{justify-content:center;gap:8px;margin-top:8px;display:flex}.time-editor-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:88px;padding:6px 12px}.time-editor-button.apply{color:#2089dc;border-color:#2089dc}.unit-input-section{margin-bottom:20px}.unit-label{color:#666;margin-bottom:8px;font-size:14px;display:block}.unit-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:12px;font-size:16px}.unit-input:focus{border-color:#2089dc;outline:none}.action-button{cursor:pointer;color:#fff;border:none;border-radius:4px;width:100%;padding:16px;font-size:18px;font-weight:700}.action-button.start{background-color:#4caf50}.action-button.start:hover{background-color:#43a047}.action-button.stop{background-color:#e74c3c}.action-button.stop:hover{background-color:#c0392b}.action-button:disabled{cursor:not-allowed;background-color:#ccc}.error-text{color:#e74c3c;margin-bottom:10px;font-size:14px}.activity-details{margin-top:16px}.activity-field{margin-bottom:16px}.activity-field label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;display:block}.field-value{color:#000;border-bottom:1px solid #eee;margin:0;padding:8px 0;font-size:16px;font-weight:500}.status-done{color:#4caf50}.status-open{color:#ff9800}.activity-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:10px;font-size:16px}.activity-field input[type=datetime-local]{text-align:center;width:min(100%,320px);margin:0 auto;display:block}.activity-input:focus{border-color:#2089dc;outline:none}.pending-warning{color:#856404;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:14px}.approved-badge{color:#155724;background-color:#d4edda;border:1px solid #28a745;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:14px}.activity-actions{gap:12px;margin-top:16px;display:flex}.cancel-button{color:#333;cursor:pointer;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;flex:1;padding:14px;font-size:16px;font-weight:700}.cancel-button:hover{background-color:#eee}.save-button{color:#fff;cursor:pointer;background-color:#2089dc;border:none;border-radius:4px;flex:1;padding:14px;font-size:16px;font-weight:700}.save-button:hover:not(:disabled){background-color:#1a6fb5}.save-button:disabled{cursor:not-allowed;background-color:#ccc}.activity-field select.activity-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.settings-content{margin-top:16px}.settings-section{margin-bottom:30px}.settings-section h3{color:#666;margin-bottom:12px;font-size:16px}.settings-info{background-color:#f9f9f9;border-radius:8px;padding:4px 16px}.info-row{border-bottom:1px solid #eee;justify-content:space-between;padding:12px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-size:14px}.info-value{color:#000;font-size:14px;font-weight:700}.logout-button{color:#e74c3c;cursor:pointer;background-color:#fff;border:2px solid #e74c3c;border-radius:4px;width:100%;padding:14px;font-size:16px;font-weight:700}.logout-button:hover{background-color:#fef0ef}.logout-confirm{text-align:center}.logout-confirm p{margin-bottom:16px;font-size:16px}.confirm-buttons{gap:12px;display:flex}.cancel-button{color:#333;cursor:pointer;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;flex:1;padding:12px;font-size:14px}.logout-button-confirm{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;flex:1;padding:12px;font-size:14px;font-weight:700}.logout-button-confirm:hover{background-color:#c0392b}.loading-screen{color:#666;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}