@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";:root{font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Manrope,Helvetica Neue,sans-serif;background-image:url(./bg-grad.webp);background-size:cover;background-position:center;background-color:#000;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}.controls{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a}.controls h1{margin:0 0 30px;color:#333;text-align:center;font-size:2em;font-weight:600}.input-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-start}.checkbox-row{justify-content:flex-start}.input-group{flex:1;min-width:200px}.checkbox-group{flex:0 0 auto;min-width:auto;width:auto;max-width:none;display:inline-block}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.input-group input,.input-group select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fafbfc}.input-group input:focus,.input-group select:focus{outline:none;border-color:#4338fc;box-shadow:0 0 0 3px #667eea1a;background-color:#fff}.mark-all-btn{background:#d0e0fb;color:#4338fc;border:none;padding:15px 30px;border-radius:20px;border:2px solid #4338FCff}.mark-all-btn:hover{background:#4338fc;color:#fff}.generate-pdf-btn{background:#4338fc;color:#fff;border:none;padding:15px 30px;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #667eea4d}.generate-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.timesheet-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000001a;min-height:800px}.timesheet-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #4338FCff;position:relative}.timesheet-logo{position:absolute;top:15px;left:15px;width:35px;height:35px;object-fit:contain}.timesheet-header h2{margin:0 0 8px;color:#333;font-size:2em;font-weight:600}.employee-name{margin:10px 0 0;color:#666;font-size:1.1em;font-weight:500}.timesheet-grid{display:grid;grid-template-columns:150px 80px 1fr;gap:1px;background-color:#e1e5e9;border-radius:8px;overflow:hidden;margin-bottom:20px}.grid-header{display:contents}.grid-header>div{background:#4338fc;color:#fff;padding:12px 10px;font-weight:600;text-align:center;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.grid-row{display:contents}.grid-row.weekend{opacity:.6}.date-cell,.day-cell,.hours-cell{background:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:center;min-height:35px}.grid-row.weekend .date-cell,.grid-row.weekend .day-cell,.grid-row.weekend .hours-cell{background:#f8f9fa;color:#666}.date-cell{font-weight:600;font-size:1.1em;color:#333}.day-cell{font-weight:500;color:#555;text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.hours-cell input{width:80px;padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;text-align:center;font-size:16px;transition:all .3s ease;background-color:#fff}.hours-cell input:focus{outline:none;border-color:#4338fc;box-shadow:0 0 0 3px #667eea1a}.hours-cell input:disabled{background-color:#f8f9fa;color:#999;cursor:not-allowed;border-color:#dee2e6}.weekend-input{background-color:#f8f9fa!important;color:#999!important}.timesheet-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:8px;text-align:center;border:2px solid #e1e5e9}.summary-row{margin:10px 0;font-size:1.2em;color:#333}.summary-row strong{color:#4338fc;font-weight:600}.footnote{margin-top:30px;text-align:center;font-size:.75em;color:#888;font-style:italic;opacity:.7}@media (max-width: 768px){.app{padding:10px}.controls h1{font-size:2em}.input-row{flex-direction:column;gap:15px}.timesheet-grid{font-size:.9em}.hours-cell input{width:70px;font-size:14px}}@media (max-width: 480px){.timesheet-grid{grid-template-columns:90px 60px 1fr;font-size:.8em}.hours-cell input{width:60px;padding:6px 8px;font-size:13px}.controls,.timesheet-content{padding:20px}}@media print{.app{background:#fff;padding:0}.controls{display:none}.timesheet-content{box-shadow:none;border-radius:0;padding:20px}.timesheet-grid,.grid-row{break-inside:avoid}}.button-row{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:10px}.weekend-toggle{position:absolute;opacity:0;width:0;height:0}.custom-checkbox{display:inline-block;width:24px;height:24px;border:2px solid #4338FCff;border-radius:5px;background:#fff;vertical-align:middle;margin-right:8px;box-sizing:border-box;transition:background .2s,border-color .2s;position:relative}.weekend-toggle:checked+.custom-checkbox{background:#4338fc;border-color:#4338fc}.weekend-toggle:checked+.custom-checkbox:after{content:"";position:absolute;top:50%;left:50%;width:7px;height:14px;border:solid #fff;border-width:0 3px 3px 0;border-radius:1.5px;transform:translate(-50%,-50%) rotate(45deg)}.checkbox-label{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#555;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;width:auto;margin:0;padding:0;white-space:nowrap}@media (max-width: 800px){.timesheet-logo{display:none}}.reset-btn{background:#f4f6fb;color:#4338fc;border:1.5px solid #e1e5e9;padding:13px 22px;border-radius:20px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;box-shadow:none}.reset-btn:hover{background:#e1e5e9;color:#2d1ef7;border-color:#4338fc}.top-bar{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:8px;padding-top:10px}.mode-toggle-btn{background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:50%;transition:background .2s;color:#4338fc;font-size:1.2em;display:flex;align-items:center}.mode-toggle-btn:hover{background:#f4f6fb}.app.night-mode{background:#181a20;color:#f4f6fb}.app.night-mode .controls{background:#232634;color:#f4f6fb;box-shadow:0 10px 30px #0006}.app.night-mode .controls h1{color:#e1e5e9}.app.night-mode .input-group label,.app.night-mode .checkbox-label{color:#bfc6d1}.app.night-mode .input-group input,.app.night-mode .input-group select{background:#232634;color:#f4f6fb;border-color:#393e4f}.app.night-mode .input-group input:focus,.app.night-mode .input-group select:focus{border-color:#a5b4fc;background:#232634}.app.night-mode .mark-all-btn{background:#232634;color:#a5b4fc;border-color:#a5b4fc}.app.night-mode .mark-all-btn:hover{background:#4338fc;color:#fff}.app.night-mode .reset-btn{background:#232634;color:#a5b4fc;border-color:#393e4f}.app.night-mode .reset-btn:hover{background:#393e4f;color:#fff}.app.night-mode .generate-pdf-btn{background:#4338fc;color:#fff}.app.night-mode .generate-pdf-btn:hover{background:#232634;color:#a5b4fc}.app.night-mode .timesheet-content{background:#232634;color:#f4f6fb;box-shadow:0 10px 30px #0006}.app.night-mode .timesheet-header h2,.app.night-mode .date-cell{color:#e1e5e9}.app.night-mode .day-cell{color:#bfc6d1}.app.night-mode .grid-row.weekend .date-cell,.app.night-mode .grid-row.weekend .day-cell,.app.night-mode .grid-row.weekend .hours-cell{background:#232634;color:#888}.app.night-mode .timesheet-summary{background:linear-gradient(135deg,#232634,#393e4f);border-color:#393e4f;color:#e1e5e9}.app.night-mode .summary-row strong{color:#a5b4fc}.app.night-mode .footnote{color:#888}.app.night-mode .custom-checkbox{background:#232634;border-color:#a5b4fc}.app.night-mode .weekend-toggle:checked+.custom-checkbox{background:#4338fc;border-color:#a5b4fc}.app.night-mode .timesheet-grid{background-color:#232634;border-radius:8px;overflow:hidden;margin-bottom:20px;color:#e1e5e9}.app.night-mode .grid-header>div{background:#2d2e4a;color:#a5b4fc;border-bottom:1.5px solid #393e4f}.app.night-mode .grid-row{background:#232634}.app.night-mode .grid-row.weekend .date-cell,.app.night-mode .grid-row.weekend .day-cell,.app.night-mode .grid-row.weekend .hours-cell{background:#232634;color:#888;opacity:.7}.app.night-mode .date-cell,.app.night-mode .day-cell,.app.night-mode .hours-cell{background:#232634;color:#e1e5e9;border-bottom:1px solid #393e4f}.app.night-mode .hours-cell input{background:#181a20;color:#e1e5e9;border:1.5px solid #393e4f}.app.night-mode .hours-cell input:focus{border-color:#a5b4fc;background:#232634}