*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admin-page{background:#f5f5f5;min-height:100vh}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:2rem;text-align:center}.admin-header h1{font-size:2rem;margin:0 0 1rem}.admin-notice{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:800px;padding:1rem}.admin-notice p{font-size:.95rem;line-height:1.6;margin:0}.admin-nav{background:#fff;box-shadow:0 2px 5px #0000001a;display:flex;gap:1rem;justify-content:center;padding:1rem}.admin-nav button{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.admin-nav button:hover{background:#e0e0e0}.admin-nav button.active{background:#667eea;color:#fff}.admin-main{margin:2rem auto;max-width:1200px;padding:0 1rem}.admin-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem}.admin-section h2{border-bottom:2px solid #667eea;color:#333;margin-top:0;padding-bottom:.5rem}.admin-form{margin-bottom:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#555;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.btn-primary{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 2rem;transition:background .3s}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.admin-list{margin-top:2rem}.admin-list h3{color:#333;margin-bottom:1rem}.admin-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;width:100%}.admin-table thead{background:#667eea;color:#fff}.admin-table th{font-weight:600;padding:1rem;text-align:left}.admin-table td{border-bottom:1px solid #eee;padding:.75rem 1rem}.admin-table tbody tr:hover{background:#f8f9fa}.column-checkboxes{grid-gap:.5rem;background:#f8f9fa;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:300px;overflow-y:auto;padding:1rem}.checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background .2s}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.map-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.map-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.map-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.map-modal-header h3{color:#333;margin:0}.map-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.map-modal-close:hover{background:#f0f0f0}.map-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.map-search-bar{display:flex;gap:8px;margin-bottom:1rem}.map-instructions{background:#f8f9fa;border-left:4px solid #4285f4;border-radius:8px;margin-top:1rem;padding:1rem}.map-instructions p{color:#333;font-weight:600;margin:0 0 .5rem}.map-instructions ul{color:#666;line-height:1.8;margin:.5rem 0 0 1.5rem;padding:0}.map-instructions li{margin-bottom:.25rem}.map-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:1rem 1.5rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}.admin-nav{flex-direction:column}.column-checkboxes{grid-template-columns:1fr}.map-modal-content{max-height:95vh;max-width:100%}.map-modal-body{padding:1rem}#map-picker{height:400px!important}}.attendance-page{padding:10px 0}.attendance-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.attendance-card h2{color:#333;font-size:20px;margin-bottom:20px}.attendance-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.info-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-item .label{color:#6c757d;font-weight:500}.info-item .value{color:#333;font-weight:600}.image-section,.location-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.image-section h3,.location-section h3{color:#333;font-size:16px;margin-bottom:10px}.location-info{margin-bottom:10px}.location-address{color:#495057;font-size:14px;margin-bottom:5px;word-break:break-word}.location-coords{color:#6c757d;font-family:monospace;font-size:12px}.location-loading{color:#6c757d;font-size:14px;margin-bottom:10px;padding:15px;text-align:center}.location-prompt-box{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;margin-bottom:10px;padding:15px}.location-prompt-text{color:#004085;font-size:14px;line-height:1.5;margin-bottom:15px}.location-error-box{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:10px;padding:15px}.location-error-text{color:#856404;font-size:14px;font-weight:600;margin-bottom:10px}.location-error-hint{color:#856404;font-size:13px;margin-bottom:10px}.location-error-steps{color:#856404;font-size:13px;line-height:1.8;margin-bottom:15px;margin-left:20px}.location-error-steps li{margin-bottom:5px}.btn-request-location{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 20px;pointer-events:auto;position:relative;touch-action:manipulation;transition:all .3s;user-select:none;-webkit-user-select:none;width:100%;z-index:10}.btn-request-location:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-request-location:disabled{cursor:not-allowed;opacity:.6}.btn-refresh-location{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:background .3s;width:100%}.btn-refresh-location:hover{background:#5568d3}.image-input{display:none}.image-input-label{cursor:pointer;display:block;margin-bottom:10px}.image-placeholder{align-items:center;background:#fff;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;display:flex;font-size:16px;height:200px;justify-content:center;transition:all .3s;width:100%}.image-placeholder:hover{background:#f8f9ff;border-color:#667eea}.image-preview{border:1px solid #dee2e6;border-radius:8px;max-height:300px;object-fit:contain;width:100%}.btn-remove-image{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;width:100%}.action-buttons{display:flex;gap:10px;margin-top:20px}.btn-checkin,.btn-checkout{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px;transition:all .3s}.btn-checkin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-checkin:hover:not(.disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-checkout{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-checkout:hover:not(.disabled){box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.btn-checkin.disabled,.btn-checkout.disabled{cursor:not-allowed;opacity:.5}.attendance-images{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.attendance-images h3{color:#333;font-size:16px;margin-bottom:15px}.images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-item{position:relative}.attendance-image{border:1px solid #dee2e6;border-radius:8px;height:100px;object-fit:cover;width:100%}.image-type{background:#000000b3;border-radius:4px;bottom:5px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:5px}.explanation-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px}.explanation-warning h3{color:#856404;font-size:16px;margin-bottom:10px;margin-top:0}.warning-list{color:#856404;font-size:14px;line-height:1.6;margin:0;padding-left:20px}.warning-list li{margin-bottom:5px}.explanation-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.explanation-section h3{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.explanation-section .required{color:#dc3545;font-weight:700}.explanation-input{border:2px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.explanation-input:focus{border-color:#667eea;outline:none}.explanation-input:required:invalid{border-color:#dc3545}.explanation-hint{color:#dc3545;font-size:13px;margin-bottom:0;margin-top:8px}.history-page{background:#f5f5f7;min-height:100vh;padding:0}.calendar-top-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e5e7;display:flex;justify-content:space-between;padding:12px 16px}.btn-year{background:none;border:none;color:#007aff;cursor:pointer;font-size:17px;font-weight:600;padding:8px 12px}.btn-year:hover{opacity:.7}.top-bar-actions{display:flex;gap:16px}.month-title{background:#fff;padding:20px 16px 16px}.month-title h1{color:#000;font-size:34px;font-weight:700;margin:0;text-transform:capitalize}.calendar-day-headers{background:#fff;border-bottom:1px solid #e5e5e7;display:grid;grid-template-columns:repeat(7,1fr);padding:8px 0}.day-header{color:#8e8e93;font-size:13px;font-weight:500;padding:4px 0;text-align:center}.day-header.weekend{color:#c7c7cc}.calendar-grid{grid-gap:0;background:#fff;display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #e5e5e7;border-left:none;border-top:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:50px;padding:8px 4px;position:relative;transition:all .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:#f5f5f7;border:none;cursor:default}.calendar-day.weekend{background:#fafafa}.calendar-day.today{background:#f0f9ff}.calendar-day.has-attendance{background:#f0fff4}.calendar-day.has-attendance.today{background:#e7f3ff}.calendar-day:hover:not(.empty){background:#f8f9fa}.day-number{color:#000;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:2px}.calendar-day.weekend .day-number{color:#8e8e93;font-weight:400}.calendar-day.today .day-number{color:#007aff;font-weight:700}.work-hours{background:#0000;color:#28a745;display:block;font-size:9px;font-weight:400;line-height:1.1;margin-top:1px;opacity:1;padding:0;visibility:visible;white-space:nowrap}.calendar-day.today .work-hours{color:#007aff}.month-navigation{align-items:center;background:#fff;border-top:1px solid #e5e5e7;display:flex;justify-content:space-between;margin-top:8px;padding:16px}.btn-nav{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:background .2s}.btn-nav:hover{background:#0051d5}.month-input{background:#fff;border:1px solid #e5e5e7;border-radius:8px;font-size:15px;padding:8px 12px}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading{color:#8e8e93;font-size:17px;padding:40px;text-align:center}.error-message{background:#ff3b30;border-radius:12px;color:#fff;margin:16px;padding:16px;text-align:center}.error-message p{font-size:15px;margin:0}@media (max-width:600px){.month-title h1{font-size:28px}.calendar-day{min-height:45px;padding:6px 2px}.day-number{font-size:15px}.work-hours{font-size:8px}.month-navigation{flex-direction:column;gap:12px}.btn-nav{width:100%}}.login-page{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:400px;padding:2rem;text-align:center;width:100%}.login-header h1{color:#1a202c;font-size:2rem;margin:0 0 .5rem}.login-header p{color:#718096;margin:0 0 2rem}.login-form .form-group{margin-bottom:1.5rem}.login-form input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.login-form input:focus{border-color:#4299e1;outline:none}.error-message{background-color:#fff5f5;border-radius:6px;color:#e53e3e;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem;text-align:left}.btn-login{background-color:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .2s;width:100%}.btn-login:hover{background-color:#3182ce}.btn-login:disabled{background-color:#cbd5e0;cursor:not-allowed}.login-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1rem}.btn-admin-link{background:none;border:none;color:#718096;cursor:pointer;font-size:.875rem;text-decoration:underline}.btn-admin-link:hover{color:#4a5568}.desktop-warning-box{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.warning-icon-small{font-size:32px;margin-bottom:10px}.desktop-warning-box .warning-text{color:#856404;font-size:15px;font-weight:600;line-height:1.5;margin:10px 0}.desktop-warning-box .warning-hint{color:#856404;font-size:13px;line-height:1.5;margin:8px 0 0}.login-form button:disabled,.login-form input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.desktop-block-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.desktop-block-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;padding:40px;text-align:center;width:100%}.desktop-block-header{margin-bottom:30px}.warning-icon{animation:pulse 2s infinite;font-size:64px;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.desktop-block-header h1{color:#856404;font-size:24px;font-weight:600;margin-bottom:10px}.desktop-block-header p{color:#856404;font-size:16px;margin:0}.desktop-block-content{text-align:left}.warning-message{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#333;font-size:16px;line-height:1.6;margin-bottom:25px;padding:15px}.instruction-box{background:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px}.instruction-box h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0}.instruction-box ol{color:#555;font-size:15px;line-height:1.8;margin:0;padding-left:20px}.instruction-box li{margin-bottom:10px}.instruction-box code{background:#e9ecef;border-radius:3px;color:#764ba2;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:2px 6px}.btn-back-desktop,.btn-logout-desktop{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px 20px;transition:all .3s;width:100%}.btn-logout-desktop{background:#dc3545;color:#fff}.btn-logout-desktop:hover{background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.btn-back-desktop{background:#6c757d;color:#fff}.btn-back-desktop:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}.admin-note{background:#e7f3ff;border-left:4px solid #06c;border-radius:4px;margin-top:25px;padding:15px}.admin-note p{color:#004085;font-size:14px;line-height:1.6;margin:0}.admin-note strong{color:#06c}@media (max-width:768px){.desktop-block-card{padding:30px 20px}.desktop-block-header h1{font-size:20px}.warning-icon{font-size:48px}}.app{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.app-container{background:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.user-info{justify-content:space-between;width:100%}.header-actions,.user-info{align-items:center;display:flex}.header-actions{gap:10px}.user-name{color:#2d3748;font-size:1rem;font-weight:600}.btn-logout{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-logout:hover{background-color:#f7fafc;border-color:#feb2b2;color:#e53e3e}.btn-back-home,.btn-history{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-back-home:hover,.btn-history:hover{background-color:#f0f4ff;border-color:#667eea}button:disabled{cursor:not-allowed;opacity:.7}.admin-page{box-shadow:none!important;max-width:100%!important}@media (max-width:600px){.app-container{box-shadow:none}}
/*# sourceMappingURL=main.080730c6.css.map*/