*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{background-color:#fff;border-radius:4px;max-width:1500px;margin:0 auto;padding:24px}.time-request-page{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.time-request-container{background:#fff;border:1px solid #e6e6e6;border-radius:16px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 4px 20px #00000014}.time-request-header{text-align:center;background:#fff;border-bottom:4px solid #0047d3;padding:12px}.time-request-logo{width:100%;max-width:400px;height:auto;display:inline-block}.time-request-content{padding:40px}.time-request-content h2{color:#2b2b2b;margin-bottom:20px;font-size:28px;font-weight:700}.decision-toggle{gap:12px;margin-bottom:24px;display:flex}.decision-btn{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#666;background:#f0f0f0;border:2px solid #0000;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s}.decision-btn:hover{border-color:#ccc}.decision-btn.active.approve{color:#fff;background:#28a745;border-color:#218838}.decision-btn.active.reject{color:#fff;background:#e54d3c;border-color:#d43d2c}.decision-btn:disabled{opacity:.6;cursor:not-allowed}.request-details{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:8px;margin-bottom:30px;padding:24px}.request-details-header{border-bottom:2px solid #d4a574;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding-bottom:8px;display:flex}.section-title{color:#002b80;border-bottom:none;margin:0;padding-bottom:0;font-size:18px;font-weight:700}.section-title-id{color:#4a5568;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.info-item{margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px;font-weight:700}.info-value{color:#2b2b2b;margin:0;font-size:14px;line-height:1.6}.info-value.highlight{font-size:16px;font-weight:600}.approved-hours-group{margin-bottom:24px}.approved-hours-label{color:#2b2b2b;margin-bottom:8px;font-size:14px;font-weight:700}.approved-hours-container{align-items:center;gap:8px;display:flex}.approved-hours-input{color:#2b2b2b;background:#f8f8f8;border:2px solid #e6e6e6;border-radius:8px;flex:1;padding:14px;font-family:inherit;font-size:14px;transition:all .3s}.approved-hours-input:disabled{cursor:not-allowed;background:#f8f8f8}.approved-hours-input:not(:disabled){background:#fff;border-color:#0047d3}.approved-hours-input:focus{border-color:#002b80;outline:none}.edit-hours-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0047d3;border:none;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:700;transition:background .3s}.edit-hours-btn:hover{background:#002b80}.edit-hours-btn.editing{background:#28a745}.edit-hours-btn.editing:hover{background:#218838}.edit-hours-btn:disabled{cursor:not-allowed;background:#b3b3b3}.remarks-group{margin-bottom:24px}.remarks-label{color:#2b2b2b;margin-bottom:8px;font-size:14px;font-weight:700}textarea{resize:vertical;color:#2b2b2b;border:2px solid #e6e6e6;border-radius:8px;width:100%;min-height:120px;font-family:inherit;font-size:14px;transition:border-color .3s}textarea:focus{border-color:#0047d3;outline:none}textarea::placeholder{color:#999}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#0047d3;border:none;border-radius:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700;transition:background .3s}.submit-btn:hover:not(:disabled){background:#002b80}.submit-btn:disabled{cursor:not-allowed;background:#b3b3b3}.message{border-radius:8px;margin-top:20px;padding:16px;font-weight:400}.message.success{color:#fff;background:#28a745;border:2px solid #218838}.message.error{color:#fff;background:#e54d3c;border:2px solid #d43d2c}.footer-note{text-align:center;color:#666;border-top:1px solid #e6e6e6;margin-top:20px;padding-top:20px;font-size:12px}.attachment-link{color:#fff;background:#0047d3;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}.attachment-link:hover{background:#002b80}