:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-50: #eff6ff;--primary-100: #dbeafe;--secondary: #0891b2;--secondary-dark: #0e7490;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: all .2s ease;--transition-slow: all .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:70px}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:1px solid var(--gray-200);z-index:100;box-shadow:var(--shadow-sm)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--gray-900)}.brand-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.brand-text{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu.desktop{display:flex;align-items:center;gap:1.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;color:var(--gray-600);border-radius:var(--radius);transition:var(--transition)}.nav-link:hover{color:var(--primary);background:var(--primary-50)}.nav-link.active{color:var(--primary);background:var(--primary-50);font-weight:500}.nav-user{display:flex;align-items:center;gap:1rem;padding-left:1rem;border-left:1px solid var(--gray-200)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-100)}.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.875rem;color:var(--gray-800)}.user-type{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--gray-500)}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-100);border:none;border-radius:var(--radius);color:var(--gray-600);cursor:pointer;font-size:.875rem;transition:var(--transition)}.btn-logout:hover{background:var(--error-light);color:var(--error)}.btn-login{padding:.625rem 1.5rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius);font-weight:500;transition:var(--transition)}.btn-login:hover{background:var(--primary-dark)}.mobile-menu-btn{display:none;padding:.5rem;background:none;border:none;cursor:pointer;color:var(--gray-700)}.navbar-menu.mobile{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--gray-200);padding:1rem;box-shadow:var(--shadow-lg)}.mobile-user-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius);margin-bottom:1rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;color:var(--gray-700);border-radius:var(--radius);transition:var(--transition)}.mobile-nav-link:hover{background:var(--gray-100)}.mobile-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--error-light);border:none;border-radius:var(--radius);color:var(--error);cursor:pointer;font-size:1rem;margin-top:.5rem}.mobile-login-btn{display:block;text-align:center;padding:.875rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius);font-weight:500}.login-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-background{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-50) 0%,white 50%,var(--gray-50) 100%)}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,var(--primary-100) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--secondary) 0%,transparent 30%);opacity:.3}.login-container{position:relative;z-index:1;width:100%;max-width:480px}.login-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2.5rem;border:1px solid var(--gray-100)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-lg)}.login-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.login-header p{color:var(--gray-500);font-size:.9375rem}.section-label{display:block;font-weight:600;font-size:.875rem;color:var(--gray-700);margin-bottom:.75rem}.user-type-section{margin-bottom:1.5rem}.user-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.type-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--gray-600);transition:var(--transition)}.type-btn:hover{border-color:var(--primary-light);background:var(--primary-50)}.type-btn.active{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.campus-section{margin-bottom:1.5rem}.campus-list{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto}.campus-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;width:100%}.campus-card:hover{border-color:var(--primary-light);background:#fff}.campus-card.selected{border-color:var(--primary);background:var(--primary-50)}.campus-icon{width:48px;height:48px;background:#fff;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;box-shadow:var(--shadow-sm)}.campus-icon img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius)}.campus-info{flex:1;min-width:0}.campus-name{display:block;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.campus-code{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--gray-500)}.campus-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.campus-card.selected .campus-check{border-color:var(--primary);background:var(--primary)}.check-circle{width:10px;height:10px;background:#fff;border-radius:50%}.error-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:var(--error-light);color:var(--error);border-radius:var(--radius);font-size:.875rem;margin-bottom:1rem}.login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.login-footer p{font-size:.8125rem;color:var(--gray-500)}.login-loading{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--gray-500)}.callback-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--gray-50)}.callback-card{text-align:center;background:#fff;padding:3rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px}.callback-card h2{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--gray-900)}.callback-card p{color:var(--gray-500);margin-bottom:1rem}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.retry-btn{padding:.75rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:var(--transition)}.retry-btn:hover{background:var(--primary-dark)}.home-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.welcome-section{margin-bottom:2rem}.welcome-content{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary),var(--secondary));padding:2rem 2.5rem;border-radius:var(--radius-xl);color:#fff}.welcome-text h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.welcome-text p{opacity:.9}.welcome-icon{opacity:.3}.profile-section{margin-bottom:2rem}.profile-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--gray-100)}.profile-header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-100);margin-bottom:1.5rem}.profile-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.profile-type{display:inline-block;padding:.25rem .75rem;background:var(--primary-100);color:var(--primary);border-radius:var(--radius);font-size:.8125rem;font-weight:500}.profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius)}.detail-item svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}.detail-label{display:block;font-size:.75rem;color:var(--gray-500);margin-bottom:.125rem}.detail-value{display:block;font-weight:500;color:var(--gray-800)}.stats-section{margin-bottom:2rem}.stats-section h3{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-100);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:var(--primary-100);color:var(--primary)}.stat-icon.green{background:var(--success-light);color:var(--success)}.stat-icon.orange{background:var(--warning-light);color:var(--warning)}.stat-icon.purple{background:#ede9fe;color:#7c3aed}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.stat-label{font-size:.875rem;color:var(--gray-500)}.info-section{margin-bottom:2rem}.info-banner{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,var(--primary-50),var(--gray-50));padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--primary-100)}.info-icon{width:48px;height:48px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;box-shadow:var(--shadow-sm)}.info-content h4{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.info-content p{font-size:.9375rem;color:var(--gray-600);line-height:1.6}.loading-screen{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--gray-500)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:768px){.navbar-menu.desktop{display:none}.mobile-menu-btn,.navbar-menu.mobile{display:block}.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}.welcome-content{flex-direction:column;text-align:center;gap:1rem}.welcome-icon{display:none}.welcome-text h1{font-size:1.5rem}.profile-details{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.info-banner{flex-direction:column;text-align:center;align-items:center}}@media(max-width:480px){.home-page{padding:1rem}.welcome-content{padding:1.5rem}.stats-grid,.user-type-buttons{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.kpi-dashboard{max-width:1200px;margin:0 auto;padding:1rem}.kpi-header{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-xl);padding:2rem;margin-bottom:1.5rem;color:#fff}.kpi-header-content{display:flex;justify-content:space-between;align-items:center}.kpi-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.kpi-header p{opacity:.9;font-size:.95rem}.semester-badge{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500}.membership-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);border:2px solid var(--primary-100)}.membership-apply,.membership-pending,.membership-closed{display:flex;align-items:center;gap:1.5rem}.membership-apply svg,.membership-pending svg,.membership-closed svg{color:var(--primary);flex-shrink:0}.membership-pending svg{color:var(--warning)}.membership-closed svg{color:var(--gray-400)}.membership-apply h3,.membership-pending h3,.membership-closed h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-800)}.membership-apply p,.membership-pending p,.membership-closed p{color:var(--gray-600);font-size:.9rem}.membership-apply .deadline{display:block;color:var(--warning);font-weight:500;margin-top:.25rem}.btn-apply{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;margin-left:auto;transition:all .2s}.btn-apply:hover{background:var(--primary-dark);transform:translate(4px)}.stats-overview{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;margin-bottom:2rem}.total-score-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;text-align:center}.score-circle{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--percentage) * 1%),var(--gray-100) 0);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.score-inner{width:130px;height:130px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value{font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1}.score-max{font-size:1rem;color:var(--gray-400)}.score-info h3{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.score-info p{color:var(--gray-500);font-size:.9rem}.category-cards{display:flex;flex-direction:column;gap:1rem}.category-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem;transition:all .2s;border-left:4px solid var(--color)}.category-card:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.category-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.category-info{flex:1}.category-info h4{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.category-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-text{font-size:.9rem;font-weight:600;color:var(--gray-700);min-width:70px;text-align:right}.category-card .chevron{color:var(--gray-400)}.criteria-section{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.criteria-section h2{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:1.5rem}.criteria-group{margin-bottom:1.5rem}.criteria-group:last-child{margin-bottom:0}.criteria-group-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:2px solid var(--gray-100);font-weight:600;color:var(--gray-700)}.criteria-group-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.criteria-group-icon svg{width:16px;height:16px}.criteria-list{display:flex;flex-direction:column;gap:.5rem}.criteria-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--gray-50);border-radius:var(--radius);transition:all .2s}.criteria-item:hover{background:var(--primary-50)}.criteria-item-info{flex:1}.criteria-name{display:block;font-size:.9rem;font-weight:500;color:var(--gray-800)}.criteria-type{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.criteria-score{display:flex;align-items:baseline;gap:.125rem}.criteria-score .score{font-size:1.1rem;font-weight:600;color:var(--gray-400)}.criteria-score .score.has-score{color:var(--success)}.criteria-score .max{font-size:.85rem;color:var(--gray-400)}.criteria-item svg:last-child{color:var(--gray-300)}.criteria-detail-page{max-width:900px;margin:0 auto;padding:1rem}.criteria-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.btn-back-circle{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);color:var(--gray-600);flex-shrink:0}.btn-back-circle:hover{background:var(--gray-50);color:var(--gray-800)}.criteria-header-info{flex:1}.criteria-header-info .category-name{font-size:.85rem;color:var(--primary);font-weight:500}.criteria-header-info h1{font-size:1.5rem;font-weight:700;color:var(--gray-800);line-height:1.3}.criteria-score-badge{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-lg);display:flex;align-items:baseline;gap:.25rem}.criteria-score-badge .current{font-size:1.75rem;font-weight:700}.criteria-score-badge .max{font-size:1rem;opacity:.8}.regulation-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;overflow:hidden}.regulation-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--primary-50);border-bottom:1px solid var(--primary-100);color:var(--primary);font-weight:600}.regulation-content{padding:1.5rem;color:var(--gray-700);line-height:1.7}.regulation-content .reg-h3{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:1.5rem 0 .75rem}.regulation-content .reg-h3:first-child{margin-top:0}.regulation-content .reg-h4{font-size:1rem;font-weight:600;color:var(--gray-700);margin:1rem 0 .5rem}.regulation-content .reg-p{margin-bottom:.75rem}.regulation-content .reg-li{margin-left:1.5rem;margin-bottom:.5rem;list-style:disc}.regulation-content .reg-blockquote{background:var(--warning-light);border-left:4px solid var(--warning);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;margin:1rem 0;font-size:.9rem}.reg-table-wrapper{overflow-x:auto;margin:1rem 0}.reg-table{width:100%;border-collapse:collapse;font-size:.9rem}.reg-table th,.reg-table td{padding:.75rem 1rem;text-align:left;border:1px solid var(--gray-200)}.reg-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700)}.reg-table tr:hover td{background:var(--gray-50)}.scoring-rules{border-top:1px solid var(--gray-100);padding:1.5rem;background:var(--gray-50)}.scoring-rules h4{font-size:.95rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.rule-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200)}.rule-condition{font-size:.85rem;color:var(--gray-600)}.rule-score{font-weight:600;color:var(--primary)}.submissions-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.submissions-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100)}.submissions-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--gray-800)}.btn-add{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:500}.btn-add:hover{background:var(--primary-dark)}.not-member-warning{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--warning-light);color:var(--gray-700)}.not-member-warning svg{color:var(--warning);flex-shrink:0}.not-member-warning .btn-link{color:var(--primary);font-weight:500;margin-left:auto}.submission-form{padding:1.5rem;border-bottom:1px solid var(--gray-100);background:var(--gray-50)}.submission-form .form-group{margin-bottom:1rem}.submission-form label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.submission-form input[type=text],.submission-form input[type=url],.submission-form textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.95rem;transition:all .2s}.submission-form input:focus,.submission-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.submission-form input[type=file]{font-size:.9rem}.submission-form .hint{display:block;font-size:.8rem;color:var(--gray-500);margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-cancel{padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-600);font-size:.9rem}.btn-cancel:hover{background:var(--gray-100)}.btn-submit{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--success);color:#fff;border-radius:var(--radius);font-size:.9rem;font-weight:500}.btn-submit:hover:not(:disabled){background:#059669}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.submissions-list{padding:1rem 1.5rem}.submission-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius);margin-bottom:.75rem;border-left:3px solid var(--gray-300)}.submission-item:last-child{margin-bottom:0}.submission-item.status-approved{border-left-color:var(--success);background:var(--success-light)}.submission-item.status-rejected{border-left-color:var(--error);background:var(--error-light)}.submission-item.status-pending{border-left-color:var(--warning)}.submission-status{flex-shrink:0;margin-top:.25rem}.submission-info{flex:1;min-width:0}.submission-info h4{font-size:.95rem;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.submission-info .sub-desc{font-size:.85rem;color:var(--gray-600);margin-bottom:.5rem}.submission-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem}.submission-meta .date{display:flex;align-items:center;gap:.25rem;color:var(--gray-500)}.status-badge{padding:.125rem .5rem;border-radius:4px;font-weight:500;font-size:.75rem}.status-badge.pending{background:var(--warning-light);color:#b45309}.status-badge.approved{background:var(--success-light);color:#047857}.status-badge.rejected{background:var(--error-light);color:#dc2626}.file-link,.url-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);font-weight:500}.file-link:hover,.url-link:hover{text-decoration:underline}.review-comment{margin-top:.5rem;padding:.5rem;background:#fff;border-radius:4px;font-size:.85rem;color:var(--gray-600)}.submission-score{flex-shrink:0}.score-approved{font-size:1.1rem;font-weight:700;color:var(--success)}.btn-delete{flex-shrink:0;padding:.5rem;color:var(--error);border-radius:var(--radius)}.btn-delete:hover{background:var(--error-light)}.no-submissions{padding:3rem 1.5rem;text-align:center;color:var(--gray-400)}.no-submissions svg{margin-bottom:1rem}.no-submissions p{margin-bottom:1rem}.btn-add-first{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500}.btn-add-first:hover{background:var(--primary-dark)}.admin-type-info{background:#fff;border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-md)}.admin-type-info svg{color:var(--primary);margin-bottom:1rem}.admin-type-info h3{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.admin-type-info p{color:var(--gray-600);margin-bottom:1.5rem}.current-score-display{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-50);border-radius:var(--radius-lg)}.current-score-display .label{color:var(--gray-600)}.current-score-display .value{font-size:1.5rem;font-weight:700;color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius);font-size:.85rem;font-weight:500}.badge-success{background:var(--success-light);color:#047857}.badge-warning{background:var(--warning-light);color:#b45309}.badge-error{background:var(--error-light);color:#dc2626}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--gray-400)}.error-container svg{margin-bottom:1rem}.error-container h2{font-size:1.25rem;color:var(--gray-600);margin-bottom:1rem}.error-container .btn-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:500}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--error-light);border:1px solid #fecaca;border-radius:var(--radius);color:var(--error);margin-bottom:1rem}.error-banner button{margin-left:auto;font-size:1.25rem;color:var(--error);line-height:1}@media(max-width:768px){.stats-overview{grid-template-columns:1fr}.total-score-card{flex-direction:row;justify-content:center;gap:2rem;padding:1.5rem}.score-circle{width:120px;height:120px}.score-inner{width:100px;height:100px}.score-value{font-size:2rem}.score-info{text-align:left}.membership-apply,.membership-pending,.membership-closed{flex-wrap:wrap}.btn-apply{width:100%;justify-content:center;margin-top:1rem}.form-row{grid-template-columns:1fr}.criteria-header{flex-wrap:wrap}.criteria-score-badge{order:3;width:100%;justify-content:center;margin-top:.5rem}.criteria-header-info h1{font-size:1.25rem}}.kpi-home-section{margin-top:2rem}.kpi-home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.kpi-home-header h3{font-size:1.1rem;font-weight:600;color:var(--gray-800)}.kpi-view-all{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;color:var(--primary);text-decoration:none}.kpi-view-all:hover{color:var(--primary-dark)}.kpi-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--gray-500)}.kpi-home-content{display:flex;flex-direction:column;gap:1.5rem}.kpi-main-card{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);color:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s;text-decoration:none}.kpi-main-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #667eea66}.kpi-main-card *{text-decoration:none}.kpi-main-content{display:flex;align-items:center;gap:1rem;flex:1;position:relative;z-index:1}.kpi-main-icon{width:64px;height:64px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.kpi-main-text h4{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.kpi-main-text p{font-size:.9rem;opacity:.9}.kpi-main-arrow{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.kpi-main-decoration{position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.kpi-categories-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kpi-category-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all .3s;position:relative;overflow:hidden;border-left:4px solid var(--border-color, var(--gray-300));text-decoration:none}.kpi-category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-category-card *{text-decoration:none}.kpi-category-card.skeleton{opacity:.6;pointer-events:none}.kpi-cat-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gray-100);color:var(--gray-500)}.kpi-cat-content{flex:1;min-width:0}.kpi-cat-content h5{font-size:.95rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.kpi-cat-progress{width:100%}.kpi-cat-progress .progress-track{width:100%;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.kpi-cat-progress .progress-bar{height:100%;border-radius:3px;transition:width .5s ease}.kpi-cat-score{display:flex;align-items:baseline;gap:.125rem;flex-shrink:0}.kpi-cat-score .score-num{font-size:1.5rem;font-weight:700}.kpi-cat-score .score-max{font-size:.9rem;color:var(--gray-400)}.info-section{margin-top:2rem}.kpi-home-section a{text-decoration:none}.info-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);font-weight:500;margin-top:.75rem;font-size:.9rem;text-decoration:none}.info-link:hover{color:var(--primary-dark)}@media(max-width:1024px){.kpi-categories-row{grid-template-columns:1fr}}@media(max-width:768px){.kpi-main-card{flex-direction:column;text-align:center;padding:1.5rem}.kpi-main-content{flex-direction:column}.kpi-main-arrow{display:none}}.criteria-cards-section{margin-top:2rem}.criteria-cards-section h2{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:1.25rem}.criteria-cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.criteria-cards-grid{grid-template-columns:repeat(3,1fr)}}.criteria-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s}.criteria-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.criteria-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color) 80%,black) 100%);color:#fff}.criteria-card-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.criteria-card-title{flex:1}.criteria-card-title h3{font-size:1.05rem;font-weight:600;margin-bottom:.125rem}.criteria-card-score{font-size:.9rem;opacity:.9}.criteria-card-list{padding:.5rem}.criteria-card-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius);transition:all .2s;text-decoration:none;cursor:pointer}.criteria-card-item:hover{background:var(--gray-100);text-decoration:none;transform:translate(4px)}.criteria-card-item:hover .criteria-card-item-name{color:var(--primary)}.criteria-card-item:hover .criteria-card-item-score svg{color:var(--primary)}.criteria-card-item-info{flex:1;min-width:0}.criteria-card-item-name{display:block;font-size:.9rem;font-weight:500;color:var(--gray-800);margin-bottom:.125rem;line-height:1.3;text-decoration:none}.criteria-card-item-type{font-size:.75rem;color:var(--gray-500);text-decoration:none}.criteria-card-item-score{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.criteria-card-item-score span{font-size:1.1rem;font-weight:700;color:var(--gray-400)}.criteria-card-item-score span.has-score{color:var(--success)}.criteria-card-item-score small{font-size:.8rem;font-weight:400;color:var(--gray-400)}.criteria-card-item-score svg{color:var(--gray-300)}.info-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);font-weight:500;margin-top:.75rem;font-size:.9rem}.info-link:hover{text-decoration:underline}.criteria-group-score{margin-left:auto;font-weight:600;color:var(--gray-500);font-size:.9rem}.score-formula{font-size:.85rem;color:var(--gray-500);margin-top:.25rem}@media(max-width:768px){.kpi-main-card{flex-direction:column;text-align:center;gap:1rem}.kpi-main-content{flex-direction:column}.kpi-main-arrow{display:none}}.employee-kpi-dashboard{max-width:1000px;margin:0 auto}.emp-kpi-header{background:linear-gradient(135deg,#1e40af,#7c3aed);border-radius:var(--radius-xl);padding:2rem;color:#fff;margin-bottom:1.5rem}.emp-kpi-header-content{display:flex;justify-content:space-between;align-items:center}.emp-kpi-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.emp-kpi-header p{opacity:.9}.semester-badge{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem}.emp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.emp-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.emp-stat-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.emp-stat-icon.blue{background:#3b82f6}.emp-stat-icon.orange{background:#f59e0b}.emp-stat-icon.green{background:#10b981}.emp-stat-info{display:flex;flex-direction:column}.emp-stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.emp-stat-label{font-size:.85rem;color:var(--gray-500)}.emp-criteria-section h2{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.emp-no-criteria{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-lg);color:var(--gray-400)}.emp-no-criteria svg{margin-bottom:1rem}.emp-no-criteria p{font-weight:500;color:var(--gray-600);margin-bottom:.25rem}.emp-criteria-list{display:flex;flex-direction:column;gap:.75rem}.emp-criteria-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all .2s;border-left:4px solid var(--accent-color, #3B82F6);text-decoration:none}.emp-criteria-card:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.emp-criteria-left{display:flex;align-items:center;gap:1rem}.emp-criteria-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.emp-criteria-info h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.125rem}.emp-criteria-category{font-size:.8rem;color:var(--gray-500)}.emp-criteria-right{display:flex;align-items:center;gap:1rem}.emp-criteria-meta{text-align:right}.emp-criteria-type{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.emp-criteria-type.document{background:#dbeafe;color:#1e40af}.emp-criteria-type.admin{background:#fef3c7;color:#92400e}.emp-criteria-max{display:block;font-size:.8rem;color:var(--gray-500);margin-top:.25rem}.emp-criteria-badge{background:#fef3c7;color:#92400e;padding:.375rem .75rem;border-radius:var(--radius);font-size:.8rem;font-weight:600}.emp-criteria-review{max-width:1000px;margin:0 auto}.emp-review-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.5rem}.emp-review-header .btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:50%;color:var(--gray-600);transition:all .2s}.emp-review-header .btn-back:hover{background:var(--gray-200)}.emp-review-title{flex:1}.emp-review-title h1{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.emp-review-type{font-size:.85rem;color:var(--gray-500)}.emp-review-max{font-size:.9rem;font-weight:600;color:var(--primary);background:var(--primary-50);padding:.5rem 1rem;border-radius:var(--radius)}.emp-status-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.emp-status-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.9rem;color:var(--gray-600);cursor:pointer;transition:all .2s}.emp-status-tabs button:hover{border-color:var(--primary)}.emp-status-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.emp-submissions-list{display:flex;flex-direction:column;gap:1rem}.emp-no-data{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-lg);color:var(--gray-400)}.emp-no-data svg{margin-bottom:1rem}.emp-submission-card{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:start;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.emp-submission-student{display:flex;align-items:flex-start;gap:.75rem;grid-column:1 / -1;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.emp-submission-student svg{color:var(--gray-400);flex-shrink:0;margin-top:2px}.emp-submission-student strong{display:block;color:var(--gray-800)}.emp-submission-student span{font-size:.85rem;color:var(--gray-500)}.emp-submission-content{grid-column:1}.emp-submission-content h4{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.emp-submission-content p{font-size:.9rem;color:var(--gray-600);margin-bottom:.5rem}.emp-submission-files{display:flex;gap:.75rem}.emp-submission-files a{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--primary);text-decoration:none}.emp-submission-files a:hover{text-decoration:underline}.emp-submission-status{display:flex;align-items:center;gap:.5rem}.emp-submission-status .status-text{font-size:.85rem;font-weight:500}.emp-submission-status .status-text.pending{color:var(--warning)}.emp-submission-status .status-text.approved{color:var(--success)}.emp-submission-status .status-text.rejected{color:var(--error)}.emp-submission-status .status-score{font-weight:600;color:var(--success)}.btn-review{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-review:hover{background:var(--primary-dark)}.emp-search-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.emp-search-section h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.emp-search-input{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}.emp-search-input svg{color:var(--gray-400)}.emp-search-input input{flex:1;border:none;background:transparent;font-size:1rem}.emp-search-input input:focus{outline:none}.emp-search-results{margin-top:1rem;border:1px solid var(--gray-200);border-radius:var(--radius);max-height:300px;overflow-y:auto}.emp-search-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .2s}.emp-search-item:last-child{border-bottom:none}.emp-search-item:hover{background:var(--gray-50)}.emp-search-item-info strong{display:block;color:var(--gray-800)}.emp-search-item-info span{font-size:.85rem;color:var(--gray-500)}.emp-current-score{font-weight:600;color:var(--success)}.emp-scores-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.emp-scores-section h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.emp-scores-list{display:flex;flex-direction:column;gap:.75rem}.emp-score-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius)}.emp-score-student{display:flex;align-items:center;gap:.75rem;flex:1}.emp-score-student svg{color:var(--gray-400)}.emp-score-student strong{display:block;color:var(--gray-800)}.emp-score-student span{font-size:.8rem;color:var(--gray-500)}.emp-score-value{display:flex;align-items:baseline}.emp-score-value .score-num{font-size:1.25rem;font-weight:700;color:var(--success)}.emp-score-value .score-max{font-size:.9rem;color:var(--gray-400)}.emp-score-comment{flex:1;font-size:.85rem;color:var(--gray-600);font-style:italic}.emp-score-actions{display:flex;gap:.5rem}.btn-edit{padding:.375rem .75rem;background:var(--gray-200);color:var(--gray-700);border:none;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer}.btn-edit:hover{background:var(--gray-300)}.btn-delete{padding:.375rem;background:#fee2e2;color:var(--error);border:none;border-radius:var(--radius-sm);cursor:pointer}.btn-delete:hover{background:#fecaca}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.modal-info{background:var(--gray-50);padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.modal-info p{font-size:.9rem;color:var(--gray-700);margin-bottom:.25rem}.modal-actions-group{display:flex;gap:1rem;margin-bottom:1rem}.modal-actions-group label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s}.modal-actions-group label:has(input:checked){border-color:var(--primary);background:var(--primary-50)}.modal-actions-group input[type=radio]{display:none}.modal-field{margin-bottom:1rem}.modal-field label{display:block;font-size:.9rem;font-weight:500;color:var(--gray-700);margin-bottom:.375rem}.modal-field input,.modal-field textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:1rem}.modal-field textarea{resize:vertical}.modal-rules{background:var(--gray-50);padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.modal-rules h4{font-size:.9rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.modal-rules ul{list-style:none;padding:0;margin:0}.modal-rules li{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.85rem;border-bottom:1px solid var(--gray-200)}.modal-rules li:last-child{border-bottom:none}.modal-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-cancel{padding:.75rem 1.25rem;background:var(--gray-100);color:var(--gray-700);border:none;border-radius:var(--radius);font-size:.9rem;cursor:pointer}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;cursor:pointer}.btn-save:disabled{opacity:.5;cursor:not-allowed}.error-container{text-align:center;padding:3rem;color:var(--gray-500)}.error-container svg{color:var(--error);margin-bottom:1rem}.error-container .btn-back{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:var(--radius);text-decoration:none}@media(max-width:768px){.emp-stats-grid,.emp-submission-card{grid-template-columns:1fr}.emp-status-tabs{overflow-x:auto}.modal-actions-group{flex-direction:column}.emp-score-card{flex-wrap:wrap}}.top-students-page{max-width:900px;margin:0 auto;padding:0 1rem}.top-header{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:var(--radius-xl);padding:1.5rem;color:#fff;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.top-header-content{display:flex;align-items:center;gap:1rem}.top-header-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-header h1{font-size:1.25rem;font-weight:700}.top-header p{font-size:.85rem;opacity:.9}.top-header-stat{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:var(--radius)}.top-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-group label{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--gray-600);margin-bottom:.375rem}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;font-size:.95rem;appearance:none;cursor:pointer}.select-wrapper svg{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.top-loading,.top-empty{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-lg);color:var(--gray-400)}.top-loading svg,.top-empty svg{margin-bottom:1rem}.top-list{display:flex;flex-direction:column;gap:.75rem}.top-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all .2s}.top-card:hover{box-shadow:var(--shadow-lg)}.top-card.gold{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #F59E0B}.top-card.silver{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #9CA3AF}.top-card.bronze{background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #F97316}.top-rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--gray-600)}.rank-number{width:32px;height:32px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.top-avatar{width:48px;height:48px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--gray-400)}.top-avatar img{width:100%;height:100%;object-fit:cover}.top-info{flex:1}.top-info h3{font-size:1rem;font-weight:600;color:var(--gray-800)}.top-meta{display:flex;gap:.5rem;font-size:.8rem;color:var(--gray-500)}.top-scores{display:flex;align-items:center;gap:1rem}.score-item{text-align:center}.score-item .score-label{display:block;font-size:.7rem;color:var(--gray-500);text-transform:uppercase}.score-item .score-value{font-size:1.1rem;font-weight:700}.score-item.kpi .score-value{color:var(--primary)}.score-item.penalty .score-value{color:var(--error)}.score-item.final .score-value{color:var(--success)}.corruption-page,.violations-page{max-width:900px;margin:0 auto;padding:0 1rem}.corruption-header,.violations-header{background:linear-gradient(135deg,#1e40af,#6366f1);border-radius:var(--radius-xl);padding:1.5rem;color:#fff;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.violations-header{background:linear-gradient(135deg,#dc2626,#f97316)}.corruption-header-content,.violations-header-content{display:flex;align-items:center;gap:1rem}.corruption-header-icon,.violations-header-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.corruption-header h1,.violations-header h1{font-size:1.25rem;font-weight:700}.corruption-header p,.violations-header p{font-size:.85rem;opacity:.9}.btn-new-report{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#fff3;border:none;border-radius:var(--radius);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;width:100%}.btn-new-report:hover{background:#ffffff4d}.penalty-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;border-radius:var(--radius);font-weight:600}.corruption-info-card,.violations-info{display:flex;gap:1rem;padding:1rem;background:#eff6ff;border:1px solid #BFDBFE;border-radius:var(--radius-lg);margin-bottom:1.5rem}.corruption-info-card svg,.violations-info svg{color:var(--primary);flex-shrink:0}.corruption-info-card h4{font-size:.9rem;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.corruption-info-card p,.violations-info p{font-size:.85rem;color:var(--gray-600)}.corruption-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.corruption-stat{text-align:center;padding:1rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.corruption-stat .stat-num{display:block;font-size:1.5rem;font-weight:700;color:var(--gray-800)}.corruption-stat .stat-label{font-size:.8rem;color:var(--gray-500)}.corruption-stat.pending .stat-num{color:var(--warning)}.corruption-stat.progress .stat-num{color:var(--primary)}.corruption-stat.resolved .stat-num{color:var(--success)}.corruption-reports h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.corruption-empty,.violations-empty{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-lg);color:var(--gray-400)}.corruption-empty svg,.violations-empty svg{margin-bottom:1rem}.reports-list,.violations-list{display:flex;flex-direction:column;gap:1rem}.report-card,.violation-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.report-category{background:var(--gray-100);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--gray-600)}.report-status{display:flex;align-items:center;gap:.375rem;font-size:.85rem}.report-card h4,.violation-header{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.report-description,.violation-description{font-size:.9rem;color:var(--gray-600);margin-bottom:.75rem}.report-footer,.violation-footer{display:flex;justify-content:space-between;align-items:center}.report-meta{display:flex;gap:1rem}.anonymous-badge,.public-badge,.report-date,.violation-date{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--gray-500)}.anonymous-badge{color:var(--primary)}.report-review{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-100);font-size:.85rem;color:var(--gray-600)}.violation-header{display:flex;justify-content:space-between;align-items:center}.violation-type{background:#fee2e2;color:var(--error);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.violation-penalty{font-size:1rem;font-weight:700;color:var(--error)}.emp-section-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.5rem}.emp-section-header svg{color:var(--primary)}.emp-section-header h1{font-size:1.25rem;font-weight:600}.emp-section-header p{font-size:.85rem;color:var(--gray-500)}.btn-add-violation{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--error);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;cursor:pointer}.corruption-reports-list{display:flex;flex-direction:column;gap:1rem}.corruption-report-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.report-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.report-student .anonymous-student,.report-student .real-student{display:flex;align-items:center;gap:.75rem}.report-student strong{display:block;color:var(--gray-800)}.report-student span{font-size:.8rem;color:var(--gray-500)}.report-status-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:var(--gray-100);border-radius:var(--radius);font-size:.8rem}.report-body{margin-bottom:1rem}.report-category-badge{display:inline-block;background:var(--primary-50);color:var(--primary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:.5rem}.report-body h4{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.375rem}.report-body p{font-size:.9rem;color:var(--gray-600)}.report-accused{margin-top:.5rem;font-size:.85rem;color:var(--gray-700)}.report-meta-row{display:flex;gap:1.5rem;margin-top:.75rem;font-size:.8rem;color:var(--gray-500)}.report-meta-row span{display:flex;align-items:center;gap:.375rem}.evidence-link{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;color:var(--primary);font-size:.85rem;text-decoration:none}.evidence-link:hover{text-decoration:underline}.report-review-result{margin-top:1rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius);font-size:.85rem;color:var(--gray-700)}.reviewed-by{color:var(--gray-500);margin-left:.5rem}.btn-review-report{width:100%;padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;cursor:pointer;margin-top:1rem}.violation-item-card{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;align-items:center;padding:1rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.violation-item-student{display:flex;align-items:center;gap:.75rem}.violation-item-student svg{color:var(--gray-400)}.violation-item-student strong{display:block;color:var(--gray-800)}.violation-item-student span{font-size:.8rem;color:var(--gray-500)}.violation-item-content{flex:1}.violation-type-badge{display:inline-block;background:#fee2e2;color:var(--error);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;margin-bottom:.25rem}.violation-item-content p{font-size:.85rem;color:var(--gray-600)}.violation-item-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--gray-500)}.violation-item-meta span{display:flex;align-items:center;gap:.375rem}.penalty-badge{background:#fee2e2;color:var(--error);padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:600}.btn-delete-violation{padding:.5rem;background:#fee2e2;color:var(--error);border:none;border-radius:var(--radius-sm);cursor:pointer}.no-access{text-align:center;padding:4rem 2rem;color:var(--gray-500)}.no-access svg{color:var(--gray-300);margin-bottom:1rem}.no-access h2{color:var(--gray-700);margin-bottom:.5rem}.search-student-section{margin-bottom:1rem}.search-results{margin-top:.5rem;border:1px solid var(--gray-200);border-radius:var(--radius);max-height:250px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);cursor:pointer}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--gray-50)}.search-result-item svg{color:var(--gray-400)}.search-result-item strong{display:block;color:var(--gray-800)}.search-result-item span{font-size:.8rem;color:var(--gray-500)}.selected-student-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--primary-50);border:1px solid var(--primary);border-radius:var(--radius);margin-bottom:1rem}.selected-student-card svg{color:var(--primary)}.selected-student-card strong{display:block;color:var(--gray-800)}.selected-student-card span{font-size:.8rem;color:var(--gray-500)}.selected-student-card button{margin-left:auto;padding:.375rem .75rem;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{width:18px;height:18px}.modal-content.large{max-width:600px}@media(max-width:768px){.top-filters{flex-direction:column}.filter-group{min-width:100%}.corruption-stats{grid-template-columns:repeat(2,1fr)}.violation-item-card{grid-template-columns:1fr}.top-card{flex-wrap:wrap}.top-scores{width:100%;justify-content:space-around;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--gray-100)}}.new-report-page{max-width:700px;margin:0 auto}.new-report-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.5rem}.new-report-header .btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:50%;color:var(--gray-600);transition:all .2s}.new-report-header .btn-back:hover{background:var(--gray-200)}.new-report-header .header-icon{width:48px;height:48px;background:var(--primary-50);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary)}.new-report-header h1{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.new-report-header p{font-size:.85rem;color:var(--gray-500)}.info-banner{display:flex;gap:1rem;padding:1rem;background:#fef3c7;border:1px solid #FDE68A;border-radius:var(--radius-lg);margin-bottom:1.5rem}.info-banner svg{color:#f59e0b;flex-shrink:0}.info-banner p{font-size:.9rem;color:#92400e}.report-form{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.form-section{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.375rem;font-size:.9rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-label.required:after{content:"*";color:var(--error);margin-left:.25rem}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.category-option{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s}.category-option:hover{border-color:var(--primary-200);background:var(--primary-50)}.category-option.selected{border-color:var(--primary);background:var(--primary-50)}.category-option input{display:none}.category-option span{font-size:.9rem;color:var(--gray-700)}.form-input{width:100%;padding:.875rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.95rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.form-textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.95rem;resize:vertical;min-height:120px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-file{width:100%;padding:.75rem;border:2px dashed var(--gray-300);border-radius:var(--radius);background:var(--gray-50);cursor:pointer}.form-hint{display:block;margin-top:.375rem;font-size:.8rem;color:var(--gray-500)}.anonymous-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius);cursor:pointer}.anonymous-checkbox input{width:20px;height:20px;margin-top:.125rem}.anonymous-checkbox svg{color:var(--primary);flex-shrink:0}.anonymous-checkbox strong{display:block;color:var(--gray-800);margin-bottom:.125rem}.anonymous-checkbox span{font-size:.85rem;color:var(--gray-500)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.btn-secondary{padding:.875rem 1.5rem;background:var(--gray-100);color:var(--gray-700);border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--gray-200)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.category-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.emp-corruption-page,.emp-violations-page{max-width:1000px;margin:0 auto;padding:0}.emp-page-header{display:flex;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#1e40af,#6366f1);border-radius:var(--radius-xl);color:#fff;margin-bottom:1.5rem}.emp-page-header-icon{width:56px;height:56px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.emp-page-header h1{font-size:1.5rem;font-weight:700}.emp-page-header p{opacity:.9}.emp-empty-state{text-align:center;padding:4rem 2rem;background:var(--gray-50);border-radius:var(--radius-xl);border:2px dashed var(--gray-200)}.emp-empty-state svg{color:var(--gray-300);margin-bottom:1rem}.emp-empty-state h3{color:var(--gray-600);margin-bottom:.5rem}.emp-empty-state p{color:var(--gray-400)}.report-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.report-card-v2{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease;border:1px solid var(--gray-100)}.report-card-v2:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.report-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.report-student-info .student-anonymous,.report-student-info .student-real{display:flex;align-items:center;gap:.75rem}.student-anonymous{color:var(--gray-500)}.student-anonymous svg{background:var(--gray-200);padding:.375rem;border-radius:50%}.student-real svg{background:var(--primary-100);color:var(--primary);padding:.375rem;border-radius:50%}.student-real strong{display:block;color:var(--gray-800);font-size:.95rem}.student-real span{font-size:.8rem;color:var(--gray-500)}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius);font-size:.8rem;font-weight:500}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.info{background:#dbeafe;color:#1e40af}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.report-card-body{padding:1.25rem}.report-category{display:inline-block;background:var(--primary-50);color:var(--primary);padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-bottom:.75rem}.report-card-body h4{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem;line-height:1.4}.report-card-body p{font-size:.875rem;color:var(--gray-600);line-height:1.6}.report-card-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--gray-50);border-top:1px solid var(--gray-100)}.report-date{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--gray-500)}.btn-view-report{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-view-report:hover{background:var(--primary-dark)}.my-reports-section{margin-top:2rem}.my-reports-section h3{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.empty-state-card{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--gray-50) 0%,#F8FAFC 100%);border-radius:var(--radius-xl);border:2px dashed var(--gray-200)}.empty-state-card svg{color:var(--gray-300);margin-bottom:1rem}.empty-state-card h4{color:var(--gray-600);margin-bottom:.5rem}.empty-state-card p{color:var(--gray-400);font-size:.9rem}.my-reports-list{display:flex;flex-direction:column;gap:1rem}.my-report-card{background:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid var(--gray-100);transition:all .2s}.my-report-card:hover{box-shadow:0 8px 30px #0000001a}.my-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.report-category-tag{background:linear-gradient(135deg,var(--primary-50) 0%,#EEF2FF 100%);color:var(--primary);padding:.375rem .875rem;border-radius:var(--radius);font-size:.8rem;font-weight:600}.my-report-title{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.my-report-desc{font-size:.9rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem}.my-report-footer{padding-top:1rem;border-top:1px solid var(--gray-100)}.my-report-meta{display:flex;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--gray-500)}.meta-item.anonymous{color:var(--primary)}.report-feedback{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius);border-left:4px solid var(--success)}.report-feedback strong{display:block;font-size:.85rem;color:#065f46;margin-bottom:.375rem}.report-feedback p{font-size:.9rem;color:#047857;margin:0}.review-page{max-width:800px;margin:0 auto}.review-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);margin-bottom:1.5rem}.review-header .btn-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:50%;color:var(--gray-600);transition:all .2s}.review-header .btn-back:hover{background:var(--gray-200)}.review-header .header-icon{width:48px;height:48px;background:var(--primary-50);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary)}.review-header h1{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.review-header p{font-size:.85rem;color:var(--gray-500)}.review-content{display:flex;flex-direction:column;gap:1.5rem}.review-section h3{font-size:.9rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.student-info-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.anonymous-info,.student-info{display:flex;align-items:center;gap:1rem}.anonymous-info svg{width:44px;height:44px;padding:.75rem;background:var(--gray-100);border-radius:50%;color:var(--gray-500)}.student-info svg{width:44px;height:44px;padding:.75rem;background:var(--primary-50);border-radius:50%;color:var(--primary)}.student-info strong{display:block;font-size:1rem;color:var(--gray-800)}.student-info span{font-size:.85rem;color:var(--gray-500)}.detail-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--gray-100)}.detail-row:last-child{border-bottom:none}.detail-row.full{flex-direction:column;align-items:flex-start}.detail-label{font-size:.85rem;color:var(--gray-500)}.detail-value{display:flex;align-items:center;gap:.375rem;font-size:.95rem;color:var(--gray-800)}.detail-text{margin-top:.5rem;font-size:.95rem;color:var(--gray-700);line-height:1.6}.category-badge{background:var(--primary-50);color:var(--primary);padding:.375rem .75rem;border-radius:var(--radius);font-size:.85rem;font-weight:500}.evidence-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius);font-size:.85rem;text-decoration:none;transition:all .2s}.evidence-btn:hover{background:var(--gray-200)}.decision-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.status-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.status-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s}.status-option input{display:none}.status-option.warning:hover,.status-option.warning.selected{border-color:#f59e0b;background:#fef3c7}.status-option.info:hover,.status-option.info.selected{border-color:#3b82f6;background:#dbeafe}.status-option.success:hover,.status-option.success.selected{border-color:#10b981;background:#d1fae5}.status-option.error:hover,.status-option.error.selected{border-color:#ef4444;background:#fee2e2}.review-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}@media(max-width:768px){.report-cards-grid,.status-options{grid-template-columns:1fr}}.quick-links-section{margin-top:2rem}.quick-links-section h3{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.quick-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quick-link-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);text-decoration:none;transition:all .2s;border-left:4px solid var(--gray-300)}.quick-link-card:hover{transform:translate(4px);box-shadow:var(--shadow-lg)}.quick-link-card.corruption{border-left-color:#3b82f6}.quick-link-card.violations{border-left-color:#ef4444}.quick-link-card.rating{border-left-color:#f59e0b}.quick-link-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-link-card.corruption .quick-link-icon{background:#eff6ff;color:#3b82f6}.quick-link-card.violations .quick-link-icon{background:#fee2e2;color:#ef4444}.quick-link-card.rating .quick-link-icon{background:#fef3c7;color:#f59e0b}.quick-link-content{flex:1}.quick-link-content h4{font-size:.95rem;font-weight:600;color:var(--gray-800);margin-bottom:.125rem}.quick-link-content p{font-size:.8rem;color:var(--gray-500)}.quick-link-content .penalty-text{color:var(--error);font-weight:500}.quick-link-card>svg{color:var(--gray-400)}.penalty-indicator{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;background:#fee2e2;border-radius:var(--radius-sm);font-size:.8rem;color:var(--error);font-weight:500}.criteria-item,.criteria-item *,.criteria-name,.criteria-type{text-decoration:none!important}@media(max-width:768px){.quick-links-grid{grid-template-columns:1fr}}.error-modal{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:400px;width:90%;text-align:center;animation:modalSlide .3s ease}.error-modal-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--error)}.error-modal h3{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.error-modal p{font-size:.95rem;color:var(--gray-600);margin-bottom:1.5rem}.error-modal .btn-primary{width:100%;padding:.875rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer}@keyframes modalSlide{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(min-width:768px){.corruption-header,.violations-header{flex-direction:row;justify-content:space-between;align-items:center;padding:2rem}.corruption-header h1,.violations-header h1{font-size:1.5rem}.corruption-header-icon,.violations-header-icon{width:56px;height:56px}.btn-new-report{width:auto}.top-header{flex-direction:row;justify-content:space-between;align-items:center;padding:2rem}.top-header h1{font-size:1.5rem}.top-header-icon{width:56px;height:56px}}@media(max-width:767px){.corruption-page,.violations-page,.top-students-page{padding:0 .75rem}.corruption-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.corruption-stat{padding:.75rem}.corruption-stat .stat-num{font-size:1.25rem}.corruption-info-card{flex-direction:column;text-align:center}.corruption-info-card svg{margin:0 auto}.top-filters{flex-direction:column}.filter-group{min-width:100%}.top-card{flex-direction:column;align-items:flex-start;gap:.75rem}.top-rank{position:absolute;top:.75rem;right:.75rem}.top-card{position:relative;padding-right:3rem}.top-info{width:100%}.top-scores{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.75rem;border-top:1px solid var(--gray-100)}.score-item{text-align:center;padding:.5rem;background:var(--gray-50);border-radius:var(--radius-sm)}.my-report-card{padding:1rem}.my-report-header{flex-direction:column;align-items:flex-start;gap:.5rem}.my-report-meta{flex-direction:column;gap:.5rem}.emp-corruption-page,.emp-violations-page{padding:0 .75rem}.emp-page-header{flex-direction:column;text-align:center;padding:1.5rem}.emp-page-header h1{font-size:1.1rem}.emp-status-tabs{flex-wrap:wrap;gap:.5rem}.emp-status-tabs button{flex:1 1 45%;font-size:.75rem;padding:.5rem}.report-cards-grid{grid-template-columns:1fr}.report-card-v2{margin:0}.report-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.review-page{padding:0 .75rem}.review-header{padding:1rem}.review-header h1{font-size:1.1rem}.status-options{grid-template-columns:1fr}.review-actions{flex-direction:column}.review-actions button{width:100%}.new-report-page{padding:0 .75rem}.new-report-header{padding:1rem}.category-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.violation-item-card{grid-template-columns:1fr;gap:.75rem}.btn-delete-violation{justify-self:end}}@media(max-width:480px){.corruption-stats{grid-template-columns:repeat(2,1fr)}.emp-status-tabs button{flex:1 1 100%}.top-meta{flex-direction:column;gap:.25rem}}.callback-card.restricted{border:2px solid var(--warning);background:linear-gradient(135deg,#fef3c7,#fffbeb)}.callback-card.restricted h2{color:#92400e}.callback-card.restricted p{color:#78350f;font-size:1rem;line-height:1.6;max-width:400px}.callback-card.restricted .retry-btn{background:var(--warning);color:#fff}.callback-card.restricted .retry-btn:hover{background:#d97706}