:root{--text:#4a4a4a;--text-h:#1a1a2e;--bg:#f8f9fa;--border:#e0e0e0;--code-bg:#f4f3ec;--accent:#0077b6;--accent-bg:#0077b614;--accent-border:#0077b666;--social-bg:#f4f3ec80;--shadow:#00000014 0 4px 12px -2px, #0000000a 0 2px 4px -1px;--brand-dark:#1a1a2e;--brand-teal:#0077b6;--brand-teal-light:#00b4d8;--brand-charcoal:#2d2d3f;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Inter", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font:15px/1.5 var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{font-size:32px;font-weight:400}h2{font-size:1.2rem}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.week-grid{width:100%}.week-nav{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.week-nav .btn-today{margin-left:auto;font-size:.8rem}.grid-error{color:#dc2626;background:#fee2e2;border-radius:4px;margin-bottom:1rem;padding:.5rem 1rem}.grid-locked{color:#92400e;background:#fef3c7;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 1rem;display:flex}.grid-locked button{cursor:pointer;padding:.25rem .75rem;font-size:.8rem}.grid-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.85rem}.grid-table th,.grid-table td{text-align:center;vertical-align:middle;border:1px solid #e5e7eb;padding:.4rem .3rem}.grid-table thead th{background:#f9fafb;font-weight:600;position:sticky;top:0}.col-project{min-width:140px;max-width:180px;text-align:left!important}.project-code{font-size:.8rem;font-weight:600}.project-name{color:#6b7280;font-size:.7rem}.col-day{min-width:90px;overflow:hidden}.date-label{color:#6b7280;font-size:.7rem;font-weight:400}.col-total{background:#f9fafb;width:50px;min-width:50px;font-weight:600}.col-desc{min-width:180px;padding:.4rem .6rem!important}.time-inputs{flex-wrap:nowrap;justify-content:center;align-items:center;gap:1px;display:flex}.input-hours,.input-minutes{text-align:center;box-sizing:border-box;border:1px solid #d1d5db;border-radius:3px;width:44px;min-width:44px;max-width:44px;padding:.25rem .2rem;font-size:.85rem}.input-hours:focus,.input-minutes:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px #3b82f6}.time-sep{color:#9ca3af;font-size:.7rem}.input-desc{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:3px;width:calc(100% - 4px);min-height:2.2rem;padding:.25rem .4rem;font-family:inherit;font-size:.8rem;line-height:1.3}.input-desc.required{border-color:#f59e0b}.input-desc:focus{border-color:#3b82f6;outline:none}.day-total{background:#f0f9ff;font-size:.8rem;font-weight:600}.grid-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.grid-actions-left{align-items:center;gap:.5rem;display:flex}.grid-actions select,.copy-select{border:1px solid #d1d5db;border-radius:4px;min-width:180px;padding:.4rem .6rem;font-size:.85rem}.grid-submit{align-items:center;gap:.75rem;display:flex}.saving-indicator{color:#6b7280;font-size:.75rem}.btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600}.btn-submit:hover{background:#1d4ed8}.col-remove{width:24px;min-width:24px;max-width:24px;border:none!important;padding:0!important}.btn-remove-row{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.btn-remove-row:hover{color:#dc2626}.btn-remove-all{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.4rem .8rem;font-size:.8rem}.btn-remove-all:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}.btn-undo{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #3b82f6;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:500}.btn-undo:hover{background:#dbeafe}.submitted-day{background:#ecfdf5}.submitted-day .input-hours,.submitted-day .input-minutes{color:#065f46;background:#ecfdf5}.future-day{background:#f3f4f6}.future-day .input-hours,.future-day .input-minutes{color:#9ca3af;background:#f3f4f6}.grid-submitted-month{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 1rem;display:flex}.grid-submitted-month button{cursor:pointer;color:#065f46;background:#fff;border:1px solid #a7f3d0;border-radius:3px;padding:.25rem .75rem;font-size:.8rem}.grid-submitted-month button:hover{background:#d1fae5}@media (width<=768px){.grid-table-wrapper{font-size:.75rem}.col-project{min-width:100px}.col-day{min-width:55px}.input-hours,.input-minutes{width:26px;min-width:26px;max-width:26px;font-size:.75rem}.grid-actions{flex-direction:column;align-items:stretch}}.has-day-note{background:#fffbeb;position:relative}.has-day-note:after{content:"";border-top:6px solid #f59e0b;border-left:6px solid #0000;width:0;height:0;position:absolute;top:2px;right:2px}.btn-day-desc{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:2px;flex-shrink:0;margin-left:1px;padding:0 1px;font-size:.65rem;line-height:1;transition:color .15s}.btn-day-desc:hover{color:#2563eb}.btn-day-desc.has-override{color:#2563eb;font-weight:700}span.btn-day-desc{cursor:default}.input-day-desc{background:#fffbeb;border:1px solid #d1d5db;border-radius:3px;width:100%;margin-top:3px;padding:2px 4px;font-size:.7rem}.input-day-desc:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 1px #2563eb}@media (width<=768px){.week-nav{flex-wrap:wrap;gap:.5rem;font-size:.85rem}.grid-table{table-layout:auto;min-width:600px;font-size:.8rem}.col-project{min-width:80px;max-width:100px}.grid-actions{flex-direction:column;align-items:stretch;gap:.75rem}.grid-actions-left{flex-direction:column;align-items:stretch}.grid-actions select,.copy-select{min-width:unset;width:100%}.grid-submit{flex-direction:column;align-items:stretch}.grid-submit button{width:100%}}.admin-page{max-width:1000px;margin:0 auto;padding:1rem}.admin-page h1{margin-bottom:1rem}.admin-tabs{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:1.5rem;display:flex}.admin-tabs .tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:color .15s,border-color .15s}.admin-tabs .tab:hover{color:#1f2937}.admin-tabs .tab.active{color:#2563eb;border-bottom-color:#2563eb}.admin-section{animation:.15s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-header{justify-content:space-between;align-items:center;display:flex}.admin-search{align-items:center;gap:8px;margin-bottom:1rem;display:flex}.search-input{border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;max-width:350px;padding:.45rem .75rem;font-size:.85rem;transition:border-color .15s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.search-count{color:#6b7280;white-space:nowrap;font-size:.8rem}.admin-header h2{margin:0;font-size:1.2rem}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.6rem .75rem}.admin-table th{color:#374151;background:#f9fafb;font-weight:600}.admin-table tr:hover{background:#f3f4f6}.admin-table .inactive-row{opacity:.5}.admin-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.admin-form h3{margin:0 0 .75rem;font-size:1rem}.form-row{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;display:flex}.form-row label{color:#374151;flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:500;display:flex}.form-row input[type=text],.form-row input[type=number],.form-row input:not([type]),.form-row select{border:1px solid #d1d5db;border-radius:4px;min-width:160px;padding:.4rem .6rem;font-size:.875rem}.form-row .checkbox-label{flex-direction:row;align-items:center;gap:.4rem;font-size:.875rem}.form-actions{gap:.5rem;margin-top:.5rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.45rem 1rem;font-size:.85rem;font-weight:500}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:4px;padding:.45rem 1rem;font-size:.85rem}.btn-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.btn-link:hover{color:#1d4ed8}.btn-warning{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:500}.btn-warning:hover{background:#d97706}.btn-warning:disabled{opacity:.6;cursor:not-allowed}.error-msg{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem}.empty-state{color:#6b7280;text-align:center;padding:2rem;font-style:italic}.role-badge{text-transform:capitalize;border-radius:10px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.role-admin{color:#1d4ed8;background:#dbeafe}.role-standard{color:#6b7280;background:#f3f4f6}.admin-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.admin-section:last-child{border-bottom:none}.admin-help{color:#6b7280;margin-bottom:.5rem;font-size:.85rem}.admin-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.btn-danger{cursor:pointer;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;color:#fff!important;background:#dc2626!important}.btn-danger:hover{background:#b91c1c!important}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.text-danger{color:#dc2626;font-weight:600}.badge-info{color:#1d4ed8;background:#dbeafe}.admin-code{white-space:pre;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem 1rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;overflow-x:auto}.import-upload-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.import-upload-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.import-upload-card h4{margin:0 0 .5rem;font-size:.9rem}.import-progress{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.import-progress-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.import-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.import-progress-fill{background:#2563eb;border-radius:4px;height:100%;transition:width .3s}.import-progress-fill.success{background:#16a34a}.import-progress-fill.error{background:#dc2626}.import-errors{margin-top:.75rem;font-size:.8rem}.import-errors summary{cursor:pointer;color:#92400e;font-weight:500}.import-errors ul{color:#6b7280;max-height:150px;margin:.5rem 0 0 1.2rem;padding:0;overflow-y:auto}.import-errors li{margin-bottom:.2rem}.reports-page{max-width:1200px;margin:0 auto;padding:1rem}.reports-page h1{margin-bottom:1rem}.reports-controls{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.reports-tabs{border-bottom:2px solid #e5e7eb;gap:.25rem;padding-bottom:0;display:flex}.reports-tabs .tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;font-size:.9rem;transition:color .15s,border-color .15s}.reports-tabs .tab:hover{color:#1f2937}.reports-tabs .tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.reports-filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.reports-filters label{color:#374151;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.reports-filters input[type=date]{border:1px solid #d1d5db;border-radius:4px;padding:.35rem .5rem;font-size:.85rem}.reports-error{color:#dc2626;background:#fef2f2;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.reports-loading{text-align:center;color:#6b7280;padding:2rem}.reports-empty{text-align:center;color:#9ca3af;padding:2rem;font-style:italic}.reports-summary{gap:1rem;margin-bottom:1.5rem;display:flex}.summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;min-width:120px;padding:1rem 1.5rem;display:flex}.summary-value{color:#1f2937;font-size:1.75rem;font-weight:700}.summary-value.summary-danger{color:#dc2626}.summary-label{color:#6b7280;margin-top:.25rem;font-size:.8rem}.reports-chart{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.reports-chart h3{color:#374151;margin:0 0 .75rem;font-size:.95rem}.reports-charts-row{gap:1rem;margin-bottom:1.5rem;display:flex}.reports-chart-wide{flex:2}.reports-chart-narrow{flex:1}.reports-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;overflow-x:auto}.reports-table-container h3{color:#374151;margin:0 0 .75rem;font-size:.95rem}.reports-table{border-collapse:collapse;width:100%;font-size:.85rem}.reports-table th{text-align:left;color:#374151;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:.5rem .75rem;font-weight:600}.reports-table td{border-bottom:1px solid #f3f4f6;padding:.5rem .75rem}.reports-table tr:hover{background:#f9fafb}.reports-table .row-danger{background:#fef2f2}.reports-table .row-danger:hover{background:#fee2e2}.badge{border-radius:10px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-clockify{color:#1d4ed8;background:#dbeafe}.badge-randd,.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-danger{color:#991b1b;background:#fee2e2}.btn{cursor:pointer;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;transition:background .15s}.btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}@media (width<=768px){.reports-charts-row{flex-direction:column}.reports-summary{flex-wrap:wrap}.reports-filters{flex-direction:column;align-items:flex-start}}.app{flex-direction:column;min-height:100vh;display:flex}.app-nav{height:64px;color:var(--brand-dark,#1a1a2e);background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:1rem;padding:0 2rem;display:flex}.nav-brand{align-items:center;margin-right:3rem;display:flex}.nav-brand img{width:auto;height:32px}.nav-links{gap:.5rem;display:flex}.nav-links a{color:#4a5568;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-links a:hover{color:var(--brand-dark,#1a1a2e);background:#f3f4f6}.nav-links a.active{color:var(--brand-teal,#0077b6);background:var(--accent-bg,#0077b614);font-weight:600}.nav-user{color:#4a5568;align-items:center;gap:.75rem;margin-left:auto;font-size:.85rem;display:flex}.nav-user button{color:#4a5568;cursor:pointer;background:#f3f4f6;border:1px solid #e5e5e5;border-radius:4px;padding:.3rem .6rem;font-size:.8rem;transition:background .15s}.nav-user button:hover{background:#e5e7eb}.app-main{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.login-container{background:var(--brand-dark,#1a1a2e);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.login-container img{height:48px;margin-bottom:1rem}.login-container h1{color:#fff;font-size:1.5rem;font-weight:600}.login-container p{color:#ffffffb3;font-size:.9rem}.login-container button{cursor:pointer;background:var(--brand-teal,#0077b6);color:#fff;border:none;border-radius:6px;padding:.75rem 2rem;font-size:.95rem;font-weight:500;transition:background .15s}.login-container button:hover{background:var(--brand-teal-light,#00b4d8)}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:.4rem;display:none}.nav-hamburger span{background:var(--brand-dark,#1a1a2e);border-radius:1px;width:20px;height:2px;transition:transform .2s;display:block}@media (width<=768px){.app-nav{flex-wrap:wrap;gap:.5rem;height:52px;padding:0 1rem;position:relative}.nav-brand{margin-right:auto}.nav-brand img{height:24px}.nav-hamburger{order:2;display:flex}.nav-links{background:#fff;border-top:1px solid #e5e5e5;flex-direction:column;order:4;gap:0;width:100%;padding:.5rem 0;display:none}.nav-links.open{display:flex}.nav-links a{border-radius:0;padding:.6rem 1rem;font-size:.9rem}.nav-links a.active{background:var(--accent-bg,#0077b614)}.nav-user{order:3}.nav-user span{display:none}.nav-user button{font-size:.75rem}.app-main{padding:1rem .75rem}}