.login-page{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center}.login-container{background:#fffffff2;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:400px;padding:40px;text-align:center;width:100%}.login-title{color:#2c3e50;font-size:24px;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-input{border:1px solid #ccc;border-radius:8px;font-size:16px;outline:none;padding:12px;transition:.3s ease}.login-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff44}.login-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s}.login-button:hover{background-color:#0056b3}.modern-kpi-form{background:#fff;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1000px;padding:2rem}.form-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.form-columns{display:flex;gap:2rem}.form-column{flex:1 1;gap:1.2rem}.form-column,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#4a5568;font-size:.9rem;font-weight:500}.form-control{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.form-control:focus{background-color:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.form-control[type=number]{-webkit-appearance:textfield;appearance:textfield}textarea.form-control{min-height:100px;resize:vertical}.submit-btn{background-color:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:2rem auto 0;max-width:200px;padding:.75rem;transition:all .3s ease;width:100%}.submit-btn:hover{background-color:#3182ce;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}@media (max-width:768px){.form-columns{flex-direction:column;gap:1.2rem}.submit-btn{max-width:100%}}.modern-kpi-form{background-color:var(--form-bg);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:var(--form-text);padding:1.5rem}.modern-kpi-form input,.modern-kpi-form textarea{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text)}.light-mode{--form-bg:#fff;--form-text:#000;--input-bg:#f9f9f9;--input-text:#000;--input-border:#ccc}.dark-mode{--form-bg:#1e1e1e;--form-text:#fff;--input-bg:#2c2c2c;--input-text:#fff;--input-border:#444}.kpi-list-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.table-responsive{max-height:70vh;overflow:auto;position:relative}.kpi-table thead{background-color:#f8f9fa;z-index:10}.kpi-table th,.kpi-table thead{position:-webkit-sticky;position:sticky;top:0}.kpi-table th{font-weight:700}.kpi-table td,.kpi-table th{border-bottom:1px solid #ddd;padding:8px}.kpi-table thead tr:hover{background-color:#f8f9fa!important}.kpi-table tbody tr:hover{background-color:#f8fafc}.kpi-table tbody tr:nth-child(2n){background-color:#fafafa}.kpi-table tbody tr:hover{background-color:#f0f5ff}.kpi-table td,.kpi-table th{font-size:.75rem;line-height:1.4}.kpi-table td:nth-child(4),.kpi-table td:nth-child(5),.kpi-table td:nth-child(6),.kpi-table td:nth-child(7),.kpi-table td:nth-child(8),.kpi-table td:nth-child(9){color:#2d3748;font-family:Roboto Mono,monospace;text-align:right}.no-data{background-color:#f8fafc;border-radius:8px;color:#718096;font-size:.85rem;margin:1rem 0;padding:2rem}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:768px){.kpi-list-wrapper{border-radius:0;box-shadow:none;margin-top:1rem}.kpi-table{font-size:.7rem}.kpi-table td,.kpi-table th{padding:.5rem .75rem}}.editable-input{border:1px solid #ddd;border-radius:3px;font-size:.85rem;padding:4px}.cancel-btn,.edit-btn,.save-btn{border-radius:3px;margin:0 2px;padding:4px 8px}.edit-btn{background-color:#3498db}.edit-btn:hover{background-color:#2980b9}.save-btn{background-color:#2ecc71}.save-btn:hover{background-color:#27ae60}.cancel-btn{background-color:#e74c3c}.cancel-btn:hover{background-color:#c0392b}@media (max-width:768px){.editable-input{font-size:.75rem;padding:2px}.cancel-btn,.edit-btn,.save-btn{font-size:.7rem;padding:3px 6px}}.kpi-list-wrapper{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:1.5rem;width:100%}.google-auth-prompt{margin-bottom:1.5rem;text-align:center}.google-login-btn{align-items:center;background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:background-color .3s}.google-login-btn:hover{background-color:#3367d6}.google-logo{height:18px;width:18px}.table-responsive{border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.kpi-table{border-collapse:collapse;font-size:.8rem;min-width:1200px;width:100%}.kpi-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px 15px;text-align:left}.kpi-table td{border-bottom:1px solid #e9ecef;padding:10px 15px;vertical-align:top}.kpi-table tr:hover{background-color:#f8f9fa}.kpi-table tr:nth-child(2n){background-color:#fcfcfc}.editable-input{border:1px solid #ced4da;border-radius:4px;font-size:.8rem;padding:6px 8px;width:100%}.editable-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.evidence-link{align-items:center;color:#1a73e8;display:flex;gap:5px;text-decoration:none}.evidence-link:hover{text-decoration:underline}.file-icon{font-size:.9rem}.no-evidence{color:#6c757d;font-size:.8rem;font-style:italic}.action-cell{white-space:nowrap}.edit-actions{display:flex;flex-direction:column;gap:8px}.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.edit-btn{background-color:#4e73df}.edit-btn:hover{background-color:#3a56c0}.save-btn{background-color:#1cc88a;color:#fff}.save-btn:hover{background-color:#17a673}.cancel-btn{background-color:#e74a3b;color:#fff}.cancel-btn:hover{background-color:#d62c1a}.file-upload-wrapper{margin-top:5px}.file-upload-label{background-color:#f8f9fa;border:1px dashed #adb5bd;border-radius:4px;cursor:pointer;display:block;font-size:.75rem;padding:6px 10px;text-align:center;transition:all .2s}.file-upload-label:hover{background-color:#e9ecef}.file-upload-label.uploading{background-color:#e2e6ea;cursor:progress}.file-upload-label input[type=file]{display:none}.no-data{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.google-login-btn{font-size:.8rem;padding:8px 12px}.kpi-table td,.kpi-table th{padding:8px 10px}.cancel-btn,.edit-btn,.save-btn{font-size:.7rem;padding:5px 8px}}.upload-status{align-items:center;background-color:#e8f0fe;border:1px solid #c6dafc;border-radius:6px;color:#1a73e8;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:1rem;padding:.6rem 1rem}.logout-btn{background-color:#e53935;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.4rem .8rem;transition:background-color .3s ease}.logout-btn:hover{background-color:#c62828}.evidence-actions{align-items:center;display:flex;gap:.5rem}.delete-file-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1rem;padding:0}.delete-file-btn:hover{color:red}.kpi-score-total{background-color:#f0fdf4;border-left:6px solid #28a745;border-radius:10px;box-shadow:0 4px 8px #0000000d;color:#1f7a1f;font-size:1.75rem;font-weight:700;margin:1rem 0 1.5rem auto;max-width:300px;padding:1rem 1.5rem;text-align:right;transition:all .3s ease}.kpi-score-total:hover{background-color:#e9f9f0;transform:scale(1.02)}.empty-kpi-container{background:#f8f9fa;border-radius:8px;margin:2rem auto;max-width:800px;padding:2rem;text-align:center}.copy-section{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin-top:2rem;padding:1.5rem}.year-selector{margin-bottom:1.5rem}.year-selector label{display:block;font-weight:500;margin-bottom:.5rem}.year-selector select{border:1px solid #ced4da;border-radius:4px;padding:.5rem;width:200px}.copy-button{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.copy-button:disabled{background:#6c757d;cursor:not-allowed}.copy-status{background:#e2e3e5;border-radius:4px;margin:1rem 0;padding:.5rem}.copy-info{background:#f8f9fa;border-radius:4px;margin-top:1.5rem;padding:1rem;text-align:left}.copy-info ul{margin:.5rem 0 1rem 1.5rem}.copy-info li{margin-bottom:.25rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.panel h2{border-bottom:1px solid #eee;color:#2c3e50;font-size:1.5rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.panel h3{color:#34495e;font-size:1.2rem;margin-bottom:15px;margin-top:25px}input,select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:15px;padding:10px 15px;width:100%}input:focus,select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}@media (max-width:768px){.dashboard,.panel{padding:15px}}.info-card{align-items:center;background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.info-content h2{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.info-content h3{color:#7f8c8d;font-size:1rem;font-weight:400;margin:0}.edit-btn{background-color:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s}.edit-btn:hover{background-color:#e67e22}.edit-btn:active{transform:scale(.98)}.pimpinan-panel{padding:2rem}.header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.welcome-title{color:#2c3e50;font-size:1.8rem;margin-bottom:.5rem}.welcome-subtitle{color:#7f8c8d;font-size:1rem;margin:0}.action-buttons{display:flex;gap:1rem}.print-button{align-items:center;background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s}.print-button:hover{background-color:#2980b9;transform:translateY(-1px)}.print-button:active{transform:translateY(0)}.semester-selector{margin-bottom:2rem;max-width:300px}.select-label{color:#34495e;display:block;font-weight:500;margin-bottom:.5rem}.modern-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2334495e%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .7rem top 50%;background-repeat:no-repeat;background-size:.65rem auto;border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.8rem 1rem;width:100%}.modern-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.kpi-section{margin-top:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-title{color:#2c3e50;font-size:1.3rem;margin:0}.semester-badge{background-color:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.8rem;font-weight:500;padding:.3rem .8rem}@media print{body *{visibility:hidden}.dashboard.print-mode,.dashboard.print-mode *{visibility:visible}.dashboard.print-mode{left:0;position:absolute;top:0;width:100%}.action-buttons{display:none}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:2rem;position:relative;width:90%}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem}.modal-actions .cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#333}.modal-actions .confirm-btn{background:#3182ce;border:1px solid #3182ce;color:#fff}.modal-actions button:hover{opacity:.9}
/*# sourceMappingURL=main.fe797096.css.map*/