body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-container,.dashboard-wrapper{display:flex;min-height:100vh}.dashboard-wrapper{width:100%}.sidebar{background-color:#ff9800;box-shadow:2px 0 5px #0000001a;width:250px}.sidebar,.sidebar-modern{display:flex;flex-direction:column;height:100vh;position:fixed}.sidebar-modern{background:linear-gradient(135deg,#fff,#f8f9fc);width:240px}.logo{background:linear-gradient(45deg,#4285f4,#34a853,#fbbc05,#ea4335);color:#fff;text-align:center}.menu{flex-direction:column}.menu,.menu-item{display:flex;gap:10px}.menu-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;padding:12px 20px;transition:background-color .3s;width:100%}.menu-item:hover{background-color:#ffffff1a;transform:scale(1.05);transition:all .3s ease}.menu-item.active{background-color:#fff;color:#ff8c00}.logout{color:#fff;margin-top:auto}.main-content{background-color:initial;flex:1 1;margin-left:0;padding:0}.main-content-wrapper{background-color:#f5f7fa;display:flex;flex:1 1;flex-direction:column;margin-left:260px}.content-section{background-color:#fff}.footer{background-color:#333;bottom:0;color:#fff;left:260px;padding:5px;position:fixed;text-align:center;width:calc(100% - 260px)}.footer-modern{background:#fff;border-top:1px solid #e0e4e8;margin-left:260px;margin-top:auto;padding:16px 20px}.dashboard-main{padding-left:24px}.dashboard-greeting{margin-left:12px}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 10px}.footer-text{font-size:8px}.footer-links{display:flex;gap:10px}.footer-link{color:#fff;font-size:8px;text-decoration:none;transition:color .3s}.footer-link:hover{color:#ff8c00}.login-container{position:relative}.container,.login-container{display:flex;flex-direction:row;min-height:100vh;width:100%}.left-section{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:20px}.welcome-text{color:#000;text-align:center}.logo-login{height:auto;margin-bottom:20px;width:150px}.title{font-size:2.5em}.subtitle,.title{margin-bottom:10px}.subtitle{font-size:2em}.company-name{color:#ff8c00;font-size:1.5em}.right-section{align-items:center;background-color:#ff8c00;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:20px}.login-box{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:30px;width:80%}.login-title{color:#ff8c00;font-size:1.8em;margin-bottom:20px;text-align:center}.google-button{align-items:center;background-color:#ff8c00;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-bottom:10px;padding:12px;transition:background-color .3s;width:100%}.google-button:hover:not(:disabled){background-color:#e67e00}.google-button:disabled{background-color:#cc7000;cursor:not-allowed;opacity:.8}.guest-button{align-items:center;background-color:#4a4a4a;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:12px;transition:background-color .3s;width:100%}iframe{border:none;height:600px;overflow:hidden;width:100%}.content-section{background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000f;margin:0 0 16px;padding:16px;width:100%}.dashboard-content{display:flex;flex-direction:column;width:100%}.profile-container{padding:0}.table-container{margin:0;width:100%}.logbook-table{box-shadow:none}.report-header-section{width:100%}.report-menu{flex-wrap:wrap;width:100%}.report-card{min-width:250px}.dashboard-main{margin:0;padding:0;width:100%}@media (max-width:1024px){.dashboard-container{grid-template-columns:1fr}.dashboard-sidebar{grid-row:2}}.dashboard-main{grid-column:1}.dashboard-sidebar{grid-column:2;grid-row:1}.info-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem;width:100%}@media (max-width:768px){.info-cards{grid-template-columns:1fr}}.info-card{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);margin-top:1rem}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}.bg-white{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:box-shadow .3s ease;width:100%}.bg-white:hover{box-shadow:0 10px 15px #0000001a}.text-xl{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.text-gray-600{color:#4b5563}button{background-color:#3b82f6;border-radius:.25rem;color:#fff;margin-top:1rem;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#2563eb}.card-container{flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:20px}.card,.card-container{display:flex;width:100%}.card{align-items:flex-start;border-radius:10px;cursor:pointer;flex-direction:column;height:150px;justify-content:center;max-width:400px;padding-left:20px;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.red{background-color:#ea4335}.yellow{background-color:#fbbc05}.green{background-color:#34a853}.icon{font-size:40px;margin-bottom:10px}.icon,h3{color:#fff}h3{font-size:18px;margin:0}.icon-report{color:#fff;float:left;font-size:30px}.table-container{margin:20px}.logbook-table{background-color:#fff;box-shadow:0 1px 3px #0003}.logbook-table th{background-color:#f4f4f4;font-weight:700}.logbook-table tr:hover{background-color:#f5f5f5}.weekly-report{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.weekly-report h3.form-heading{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;margin:0 4px;padding:6px 12px}.edit-btn{background-color:#4caf50;color:#fff}.delete-btn{background-color:#f44336;color:#fff}.edit-btn:hover{background-color:#45a049}.delete-btn:hover{background-color:#da190b}.profile-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f;margin:0;max-width:100%;padding:16px;width:100%}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.profile-image{height:120px;width:120px}.profile-header h2{color:#333;font-size:24px}.profile-details{display:flex;flex-direction:column;gap:15px}.detail-item{display:flex;gap:10px}.label{color:#666;font-weight:700;min-width:100px}.value{color:#333;flex:1 1}.value p{line-height:1.6;margin:0}.profile-header{background:linear-gradient(135deg,#31d6f3,#4f46e5);border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.profile-image{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000001a;height:150px;margin-bottom:1rem;object-fit:cover;transition:transform .3s ease;width:150px}.profile-image:hover{transform:scale(1.05)}.profile-header h2{color:#fff;font-size:1.8rem;margin:0;text-shadow:2px 2px 4px #0003}.profile-details{background:#fff;border-radius:15px;box-shadow:0 4px 6px #7c7b7b0d;padding:2rem;width:100%}.profile-details td{border-bottom:1px solid #000;padding:1rem}.profile-details td.label{color:#df5126;font-weight:600;width:30%}.profile-details .value{border-radius:6px;color:#374151;cursor:pointer;padding:.5rem;transition:background-color .2s ease}.profile-details .value:hover{background-color:#4075dd}.profile-details input{border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;margin-right:.5rem;padding:.5rem;width:100%}.profile-details button{border:none;border-radius:6px;cursor:pointer;font-weight:500;margin-right:.5rem;padding:.5rem 1rem;transition:all .2s ease}.profile-details button:first-of-type{background-color:#4f46e5;color:#fff}.profile-details button:first-of-type:hover{background-color:#4338ca}.profile-details button:last-of-type{background-color:#f3f4f6;color:#374151}.profile-details button:last-of-type:hover{background-color:#e5e7eb}.form-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:0;margin-top:10px;padding:20px;position:absolute;top:100%;width:100%;z-index:1000}.form-card form{display:flex;flex-direction:column;gap:15px}.form-card h3{color:#333;margin-bottom:15px}.form-card input,.form-card select,.form-card textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.form-card textarea{min-height:100px;resize:vertical}.form-card button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.form-card button:hover{background-color:#0056b3}.report-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;width:100%}.form-heading{color:#333;margin-bottom:1rem;width:100%}.form-input,.form-textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.form-textarea{min-height:50px;resize:none}.form-file,.form-select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.submit-button-red{background-color:#ff4d4d}.submit-button-green,.submit-button-red{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .3s;width:100%}.submit-button-green{background-color:#4caf50}.submit-button-yellow{background-color:#e9ab02;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .3s;width:100%}.word-count{color:#666;font-size:.8rem;margin-top:4px;padding-right:8px;text-align:right}.task-form{background-color:initial;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0}.form-group{margin-bottom:20px;width:100%}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-control:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d;outline:none}textarea.form-control{min-height:100px;resize:vertical}.btn-submit{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease;width:100%}.btn-submit:hover{background-color:#357abd}.btn-submit:active{transform:translateY(1px)}.settings-menu{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.setting-item{background-color:#f5f5f5;border-radius:8px;cursor:pointer;padding:20px;transition:all .3s ease}.setting-item:hover{background-color:#e0e0e0;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.setting-item h3{color:#333;font-size:1.1rem;margin:0}.content-section{padding:20px}.card.blue,.card.greenq,.card.orange,.card.purple,.card.yellowq{background-color:#e3f2fd;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:100%;padding:15px;width:100%}.card.greenq{background-color:#e8f5e9}.card.yellowq{background-color:#fff8e1}.card.purple{background-color:#f3e5f5}.card.orange{background-color:#fff3e0}.info-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#000;margin-bottom:20px;padding:15px;width:100%}.dashboard-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;width:100%}@media (max-width:1024px){.dashboard-container{grid-template-columns:1fr}.dashboard-sidebar{grid-column:1;grid-row:auto}}.main-content,.side-content{width:100%}.cards-container{display:flex;flex-wrap:wrap;gap:20px;width:100%}.dashboard-sidebar{background-color:initial;border-left:none;display:flex;flex-direction:column;gap:20px;height:auto;overflow-y:visible;padding:0;position:static;right:auto;top:auto;width:100%}.alert{border-radius:4px;margin-bottom:20px;padding:15px}.alert h2{font-size:18px;margin-bottom:10px;margin-top:0}.alert p{font-size:14px;margin:0}.alert-info{background-color:#cce5ff;border:1px solid #b8daff;color:#004085}.alert-warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.divisi{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;width:100%}.filter-section-divisi{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;width:100%}.search-input{flex:1 1}.division-select,.search-input{font-size:14px;min-width:200px;padding:8px 12px}.division-select{border:1px solid #ddd;border-radius:4px}.logbook-table{border-collapse:collapse;margin-top:20px;width:100%}.logbook-table td,.logbook-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.logbook-table th{background-color:#f5f5f5;font-weight:600}.logbook-table tr:hover{background-color:#f9f9f9}.user-division-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px;width:100%}.text-center{text-align:center}.online-users-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.online-users-list h2{color:#333;font-size:1.2rem;margin-bottom:15px}.online-user-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px}.online-user-item:last-child{border-bottom:none}.user-avatar{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.user-name{color:#444;font-size:.9rem}.attendance-stats-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;padding:20px;width:100%}.attendance-stats-card h3{color:#333;margin-bottom:20px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-item{background:#f5f5f5;border-radius:6px;padding:10px;text-align:center}.stat-value{color:#2c3e50;font-size:24px;font-weight:700}.stat-label{color:#666;font-size:14px;margin-top:5px}.attendance-chart{background:#f5f5f5;border-radius:4px;margin:20px 0;overflow:hidden}.chart-bar{height:20px;transition:width .3s ease}.chart-bar.hadir{background:#2ecc71}.chart-bar.izin{background:#f1c40f}.chart-bar.absen{background:#e74c3c}.attendance-summary{color:#666;font-size:14px}.attendance-summary p{margin:5px 0}.project-progress-card{background:#f5f5f5;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:20px;width:100%}.project-progress-card h3{color:#333;font-size:1.2rem;margin-bottom:20px}.project-list{display:flex;flex-direction:column;gap:15px}.project-item{background:#f8f9fa;border-radius:8px;padding:15px}.project-info h4{color:#555;font-size:1rem;margin-bottom:10px}.progress-bar{background:#e9ecef;border-radius:5px;height:10px;margin:8px 0;width:100%}.progress{background-color:#007bff;border-radius:5px;height:100%;transition:width .3s ease}.progress-text{color:#666;display:block;font-size:.9rem;margin-top:5px}.developer-box{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:20px}.developer-info{margin-bottom:30px}.feedback-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input,textarea{border:1px solid #ddd;border-radius:4px;margin-top:5px;padding:8px;width:100%}.submit-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.submit-btn:hover{background:#0056b3}.search-input{margin-bottom:16px;padding:8px}.settings-table{border-collapse:collapse;width:100%}.settings-table td,.settings-table th{border:1px solid #ddd;padding:8px;text-align:left}.role-cell{cursor:pointer}.status-select{border-radius:4px;padding:4px}.icon-wrapper{position:relative}.notification-badge{background:#ff9800;border-radius:50%;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.notification-badge-red{background:red}.menu-divider{border:none;height:2px;margin:20px 0}.menu-content{border-radius:8px;padding:20px}.feedback-limit-message{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;margin:20px 0;padding:20px;text-align:center}.feedback-limit-message h3{color:#856404;font-size:1.2rem;margin-bottom:10px}.feedback-limit-message p{color:#856404;font-size:1rem;margin:0}.report-header-section,.report-menu{margin-bottom:20px}.report-menu{display:flex;flex-direction:row;gap:20px}.report-card{border-radius:8px;cursor:pointer;flex:1 1;padding:20px}.attendance-card{background-color:#4caf50}.logbook-card{background-color:#2196f3}.report-card-header{align-items:center;display:flex}.report-icon{color:#fff;font-size:24px;margin-right:10px}.report-card h2{color:#fff;margin:0}.report-card-content{color:#fff;margin-top:10px}.report-card-content p{margin:0}.search-filter-section{display:flex;gap:10px;margin-bottom:20px}.search-input{max-width:300px;width:100%}.filter-select,.search-input{border:1px solid #ddd;border-radius:4px;padding:10px}.filter-select{width:200px}.report-content-area{width:100%}.attendance-report{background-color:#4caf50}.attendance-report,.logbook-report{border-radius:8px;color:#fff;padding:20px;width:100%}.logbook-report{background-color:#f32121}.table-container{overflow-x:auto}.report-table{border-collapse:collapse;margin-top:20px;min-width:800px;width:100%}.report-table th{background-color:#ffffff1a;border-bottom:1px solid #fff3;padding:12px;text-align:left}.report-table td{border-bottom:1px solid #ffffff1a;padding:12px}.even-row{background-color:#ffffff0d}.odd-row{background-color:initial}.no-data{padding:20px}.App,.no-data{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.test-section{margin:0 auto;max-width:800px;padding:20px}.test-section h2{color:#333;margin-bottom:30px;text-align:center}.question-numbers{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.question-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.question-container h3{color:#333;margin-bottom:15px}.question-container p{color:#444;font-size:18px;margin-bottom:20px}.options{display:flex;flex-direction:column;gap:10px}.option-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.option-button:hover{background-color:#0056b3}.result-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.result-container h3{color:#333;margin-bottom:15px}.result-container p{color:#666;margin-bottom:20px}.result-container button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.result-container button:hover{background-color:#218838}
/*# sourceMappingURL=main.3d5386d2.css.map*/