.sidebar{width:280px;background:linear-gradient(180deg,#0F2B3D 0%,#1A4058 100%)!important;border-right:1px solid rgba(212,160,23,.3)!important;transition:width .3s ease;position:fixed;height:100vh;overflow-y:auto;z-index:1000;box-shadow:2px 0 10px #0000001a}.sidebar.closed{width:80px}.sidebar-header{padding:25px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #DAA520;background:linear-gradient(135deg,#0A1F33,#1A4058);position:relative;overflow:hidden}.sidebar-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,160,23,.15),transparent 70%);animation:slowRotate 25s linear infinite}.logo-container{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;z-index:1}.sidebar-logo-img{width:50px;height:50px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-text{font-size:18px;font-weight:700;color:#fff!important;font-family:Cinzel,serif;letter-spacing:1px}.toggle-btn{background:rgba(255,255,255,.1)!important;border:none;font-size:18px;color:#fff!important;cursor:pointer;padding:8px;border-radius:50%;width:auto!important;transition:all .3s;position:relative;z-index:1}.toggle-btn:hover{background:#DAA520!important;transform:rotate(180deg)}.sidebar.closed .sidebar-logo-img{width:30px;height:30px}.user-info-sidebar{padding:20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(212,160,23,.3);background:rgba(212,160,23,.08)}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#DAA520,#B8860B);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0a1f33;font-size:20px;font-weight:700;box-shadow:0 4px 10px #daa5204d}.user-name{display:block;font-weight:700;color:#fff!important;margin-bottom:5px;font-size:14px}.user-role{display:block;font-size:12px;color:#daa520!important}.sidebar-nav{padding:20px 0;flex:1}.nav-item{width:100%;padding:12px 20px;display:flex;align-items:center;gap:15px;background:transparent!important;border:none;color:#fff!important;cursor:pointer;transition:.3s;text-align:left;border-radius:0;font-weight:500}.nav-item:hover{background:rgba(218,165,32,.2)!important;color:#daa520!important}.nav-item.active{background:linear-gradient(90deg,rgba(218,165,32,.3),transparent)!important;color:#daa520!important;border-left:3px solid #DAA520}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#daa520!important}.nav-icon{font-size:18px;min-width:22px;color:#daa520}.nav-label{font-size:14px;white-space:nowrap;font-weight:500;color:#fff!important}.sidebar-footer{padding:20px 0;border-top:1px solid rgba(212,160,23,.2);margin-top:auto}.logout-btn,.logout-btn .nav-label{color:#ff6b6b!important}.logout-btn:hover{background:rgba(220,53,69,.15)!important;color:#ff6b6b!important}.main-content{flex:1;margin-left:280px;transition:margin-left .3s ease;background:transparent;min-height:100vh}.main-content.sidebar-closed{margin-left:80px}.top-bar{background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:900;border-bottom:1px solid rgba(212,160,23,.2);border-radius:0 0 20px 20px}.top-bar-left{display:flex;align-items:center;gap:20px}.back-btn{padding:8px 16px;background:#f0f0f0!important;color:#0a1f33!important;border:1px solid #ddd!important;border-radius:8px;cursor:pointer;font-size:14px;transition:.3s}.back-btn:hover{background:#DAA520!important;color:#fff!important;border-color:#daa520!important}.page-title h2{color:#0a1f33!important;font-size:24px;margin:0;font-family:Cinzel,serif}.upload-btn{padding:10px 20px;background:linear-gradient(135deg,#0A1F33,#1A4058)!important;color:#fff!important;border:none;border-radius:40px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.3s;font-weight:500}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a40584d;background:linear-gradient(135deg,#DAA520,#B8860B)!important}.user-menu{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 15px;border-radius:30px;background:#f0f0f0;transition:.3s}.user-menu:hover{background:#DAA520}.user-menu span{color:#0a1f33;font-weight:500}.user-avatar-small{width:35px;height:35px;background:linear-gradient(135deg,#0A1F33,#1A4058);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.user-menu:hover .user-avatar-small{background:white;color:#0a1f33;transform:rotate(360deg);transition:transform .5s}.content-area{padding:30px}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content,.main-content.sidebar-closed{margin-left:0}.top-bar{flex-direction:column;gap:15px;text-align:center}.top-bar-left{flex-direction:column}.top-bar-actions{flex-direction:column;width:100%}.upload-btn,.user-menu{width:100%;justify-content:center}.content-area{padding:20px}}@media (max-width: 480px){.content-area{padding:15px}.page-title h2{font-size:20px}button{width:100%}.sidebar-logo-img{width:28px;height:28px}.sidebar.closed .sidebar-logo-img{width:25px;height:25px}}.landing-page{min-height:100vh;background-image:url(/assets/Bisu\ G-1170f6c2.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,47,74,.55),rgba(10,26,42,.65));z-index:0}.landing-page>*{position:relative;z-index:1}.landing-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0A1F33,#051220);color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.landing-header{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 0;border-bottom:2px solid #DAA520;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000014}.header-content{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px}.aaccup-logo{width:50px;height:40px;object-fit:contain;transition:all .3s ease;border-radius:6px}.aaccup-logo:hover{transform:scale(1.05)}.logo-text h1{color:#0a1f33;font-size:22px;font-weight:700;margin:0;font-family:Cinzel,serif;letter-spacing:1px}.logo-text p{color:#5d6d7e;font-size:12px;margin:0;font-style:italic}.header-right{display:flex;align-items:center}.login-btn-small{background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;padding:6px 16px;border-radius:40px;text-decoration:none;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:none;box-shadow:0 3px 10px #daa5204d}.login-btn-small .login-icon{font-size:12px}.login-btn-small .arrow-icon{font-size:10px;transition:transform .3s}.login-btn-small:hover{transform:translateY(-2px);box-shadow:0 6px 15px #daa52066;background:linear-gradient(135deg,#E8B84A,#C49A1F)}.login-btn-small:hover .arrow-icon{transform:translate(3px)}.badges-container{display:flex;gap:20px;justify-content:center;padding:35px 0 25px;flex-wrap:wrap}.badge{background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 22px;border-radius:40px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #00000026;transition:all .3s;letter-spacing:.5px}.badge:hover{background:rgba(218,165,32,.35);transform:translateY(-2px);border-color:#daa520}.landing-main{padding:20px 0 50px}.container{max-width:1400px;margin:0 auto;padding:0 30px}.section-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:35px;text-align:center;font-family:Cinzel,serif;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.25);position:relative}.section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:70px;height:3px;background:linear-gradient(90deg,#DAA520,#F1C40F);border-radius:3px}.section-subtitle{text-align:center;color:#fffc;font-size:14px;margin-bottom:40px;font-style:italic}.colleges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-bottom:45px}.college-box{background:#FFFFFF!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:28px;padding:30px 20px;text-align:center;border:1px solid #E8DDCC;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #00000014;position:relative;overflow:hidden}.college-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(218,165,32,.1),transparent 70%);animation:slowRotate 22s linear infinite;z-index:0;pointer-events:none}.college-box>*{position:relative;z-index:1}.college-box:hover{transform:translateY(-8px);border-color:#00f2fe;box-shadow:0 20px 35px #00f2fe40,0 0 0 2px #00f2fe4d;background:#FFFFFF!important}.college-box:hover:before{background:radial-gradient(circle,rgba(0,242,254,.12),transparent 70%)}.college-icon{font-size:52px;color:#daa520;margin-bottom:18px;transition:all .3s;filter:drop-shadow(0 3px 8px rgba(218,165,32,.2))}.college-box:hover .college-icon{transform:scale(1.08) rotate(3deg);color:#00f2fe}.college-code{color:#0a1f33!important;font-size:26px;font-weight:800;margin-bottom:12px;font-family:Cinzel,serif;letter-spacing:1.5px;transition:all .3s}.college-box:hover .college-code{color:#00f2fe!important;text-shadow:0 0 6px rgba(0,242,254,.4)}.college-name{color:#2c3e50!important;font-size:15px;margin-bottom:20px;line-height:1.45;font-weight:600;background:#F5F0E5;padding:10px 14px;border-radius:14px;display:block;transition:all .3s}.college-box:hover .college-name{background:rgba(0,242,254,.1);color:#0a1f33!important}.program-count{display:inline-block;background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;padding:6px 18px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.5px;box-shadow:0 3px 10px #daa5204d;transition:all .3s}.college-box:hover .program-count{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#0a1f33;transform:scale(1.03)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin-top:30px}.stat-card{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;padding:22px 15px;text-align:center;border:1px solid rgba(255,255,255,.18);transition:all .3s;box-shadow:0 8px 20px #00000026;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,242,254,.08),transparent 70%);animation:slowRotate 18s linear infinite}.stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.18);border-color:#daa520;box-shadow:0 15px 30px #00f2fe26}.stat-number{color:#daa520;font-size:36px;font-weight:800;margin-bottom:5px;font-family:Cinzel,serif;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.stat-label{color:#fff;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .25s ease}.modal-content{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:36px;padding:35px;max-width:950px;width:100%;max-height:85vh;border:1px solid rgba(218,165,32,.4);box-shadow:0 25px 50px #00000040;position:relative;animation:slideUp .35s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:18px;right:18px;background:rgba(218,165,32,.12);border:none;color:#0a1f33;font-size:20px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.modal-close:hover{background:#DAA520;color:#fff;transform:rotate(90deg)}.modal-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(218,165,32,.3);flex-shrink:0}.modal-header h3{color:#0a1f33;font-size:26px;display:flex;align-items:center;gap:15px;font-family:Cinzel,serif;flex-wrap:wrap}.modal-college-badge{background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;padding:6px 22px;border-radius:40px;font-weight:700;font-size:16px;box-shadow:0 4px 12px #daa5204d}.modal-loading{text-align:center;padding:40px 20px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.aaccup-spinner{position:relative;width:90px;height:90px;margin:0 auto 25px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#daa520;border-bottom-color:#f1c40f;animation:spinRing 1.5s linear infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#f1c40f;border-bottom-color:#daa520;animation-direction:reverse;animation-duration:2s}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-left-color:#daa520;border-right-color:#f1c40f;border-top-color:transparent;border-bottom-color:transparent;animation:spinRing 2.5s linear infinite}.aaccup-spinner span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-weight:700;color:#0a1f33;font-size:12px}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-loading p{color:#2c3e50;font-size:15px;font-style:italic}.modal-programs{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:10px;min-height:200px;max-height:550px;scrollbar-width:thin}.modal-programs::-webkit-scrollbar{width:6px;background:transparent}.modal-programs::-webkit-scrollbar-track{background:rgba(218,165,32,.08);border-radius:10px}.modal-programs::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#DAA520,#B8860B);border-radius:10px}.program-item{background:rgba(255,255,255,.95);border-radius:24px;padding:22px 28px;display:flex;align-items:center;gap:28px;transition:all .3s ease;border:1px solid rgba(218,165,32,.3);cursor:pointer;box-shadow:0 4px 12px #0000000d}.program-item:hover{background:rgba(0,242,254,.1);border-color:#00f2fe;transform:translate(6px);box-shadow:0 12px 25px #00f2fe33,0 0 0 2px #00f2fe33}.program-item:hover .program-code{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#0a1f33;transform:scale(1.02)}.program-code{background:linear-gradient(135deg,#0A1F33,#1E3A5F);color:#fff;padding:12px 22px;border-radius:20px;font-weight:700;font-size:17px;min-width:130px;text-align:center;box-shadow:0 5px 12px #0a1f3333;transition:all .3s;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}.program-details{flex:1;min-width:0}.program-name{color:#1a2f4a;font-size:17px;margin-bottom:8px;font-weight:600;line-height:1.5;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;word-break:break-word;max-width:100%}.program-meta{display:flex;gap:12px;flex-wrap:wrap}.program-level-badge{background:rgba(218,165,32,.12);color:#b8860b;padding:5px 16px;border-radius:25px;font-size:13px;font-weight:600;display:inline-block;border:1px solid rgba(218,165,32,.3)}.program-status-badge{padding:5px 16px;border-radius:25px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;color:#fff}.program-status-badge.accredited{background:#2e7d32}.program-status-badge.ongoing{background:#ed6c02}.program-status-badge.pending{background:#d32f2f}.no-programs{text-align:center;padding:50px;color:#5d6d7e;font-style:italic;font-size:16px}.team-section{padding:60px 0;background:linear-gradient(135deg,#f8fafc,#eef2f7);margin-top:30px}.team-header{text-align:center;margin-bottom:40px;position:relative}.team-header .section-title{color:#0a1f33;margin-bottom:15px}.add-member-btn{position:absolute;top:0;right:0;background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border:none;padding:10px 20px;border-radius:40px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;transition:all .3s}.add-member-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.team-category{font-size:24px;font-family:Cinzel,serif;color:#0a1f33;margin:30px 0 20px;padding-bottom:10px;border-bottom:3px solid #DAA520;display:inline-block}.team-leader{margin-bottom:40px}.team-card{background:white;border-radius:20px;padding:25px;display:flex;gap:25px;box-shadow:0 5px 20px #00000014;transition:all .3s;position:relative;border:1px solid rgba(218,165,32,.2)}.team-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.leader-card{background:linear-gradient(135deg,#0A1F33,#1A4058);color:#fff}.leader-card .team-info h4,.leader-card .team-role,.leader-card .team-bio{color:#fff}.leader-card .skill-tag{background:rgba(255,255,255,.2);color:#fff}.leader-card .team-contact a{color:#daa520}.team-avatar{position:relative;flex-shrink:0}.team-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #DAA520}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#DAA520,#B8860B);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff}.phase-badge{position:absolute;bottom:0;right:0;background:#DAA520;color:#0a1f33;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.team-info{flex:1}.team-info h4{font-size:22px;margin-bottom:5px;font-family:Cinzel,serif}.team-role{color:#daa520;font-weight:600;margin-bottom:12px}.team-bio{color:#4a627a;font-size:14px;line-height:1.6;margin-bottom:15px}.team-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.skill-tag{background:#f0f0f0;color:#0a1f33;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.team-contact a{color:#0a1f33;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:6px}.team-contact a:hover{color:#daa520}.member-actions{position:absolute;top:15px;right:15px;display:flex;gap:8px}.edit-btn,.delete-btn{background:white;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px #0000001a}.edit-btn{color:#007b8a}.edit-btn:hover{background:#007B8A;color:#fff}.delete-btn{color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px}.member-card{flex-direction:column;text-align:center}.member-card .team-avatar{margin:0 auto}.member-card .team-info{text-align:center}.member-card .team-skills{justify-content:center}.project-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:50px;padding-top:30px;border-top:2px solid rgba(218,165,32,.2)}.info-card{text-align:center;padding:25px;background:white;border-radius:20px;transition:all .3s}.info-card:hover{transform:translateY(-5px)}.info-icon{font-size:40px;color:#daa520;margin-bottom:15px}.info-card h4{color:#0a1f33;margin-bottom:10px;font-family:Cinzel,serif}.info-card p{color:#4a627a;font-size:14px}.team-modal{max-width:550px}.team-form{display:flex;flex-direction:column;gap:15px}.team-form .form-group{display:flex;flex-direction:column;gap:5px}.team-form .form-group label{font-weight:600;color:#0a1f33;font-size:14px}.team-form .form-group input,.team-form .form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.team-form .form-group input:focus,.team-form .form-group textarea:focus{outline:none;border-color:#daa520}.landing-footer{background:rgba(10,31,51,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:25px 0;margin-top:45px;border-top:2px solid #DAA520}.footer-content{max-width:1400px;margin:0 auto;padding:0 30px;text-align:center}.footer-content p{margin:4px 0;opacity:.85;font-size:13px;letter-spacing:.5px}.footer-content p:first-child{font-family:Cinzel,serif;font-size:14px}.footer-credits{margin-top:15px;font-size:12px;opacity:.7}@media (max-width: 1024px){.colleges-grid{grid-template-columns:repeat(3,1fr);gap:20px}.modal-content{max-width:90%}}@media (max-width: 768px){.header-content{padding:0 20px}.aaccup-logo{width:28px;height:28px}.logo-text h1{font-size:18px}.logo-text p{font-size:10px}.login-btn-small{padding:5px 14px;font-size:12px}.colleges-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.badges-container{flex-direction:column;align-items:center}.badge{width:70%;text-align:center}.modal-content{padding:25px 18px;max-width:95%;max-height:80vh}.program-item{flex-direction:column;text-align:center;padding:20px;gap:15px}.program-code{min-width:auto;white-space:nowrap;font-size:15px;padding:10px 20px}.program-name{font-size:15px;text-align:center}.modal-programs{max-height:420px}.modal-header h3{font-size:20px;flex-direction:column;text-align:center}.modal-college-badge{white-space:normal}.college-code{font-size:22px}.college-name{font-size:13px}.team-card{flex-direction:column;text-align:center}.members-grid{grid-template-columns:1fr}.team-header .add-member-btn{position:static;margin-top:15px}.member-actions{top:10px;right:10px}.project-info{grid-template-columns:1fr}}@media (max-width: 480px){.logo-text p{display:none}.aaccup-logo{width:24px;height:24px}.colleges-grid,.stats-grid{grid-template-columns:1fr}.section-title{font-size:26px}.college-code{font-size:20px}.college-name{font-size:13px;padding:8px 12px}.college-icon{font-size:42px}.program-code{font-size:13px;padding:8px 16px;white-space:nowrap}.program-name{font-size:14px}.program-level-badge{font-size:11px;padding:4px 12px}.modal-programs{max-height:380px}.modal-content{padding:20px 15px}.program-item{padding:16px}.team-avatar img,.avatar-placeholder{width:80px;height:80px;font-size:32px}.team-info h4{font-size:18px}.skill-tag{font-size:10px;padding:3px 8px}}.login-page{min-height:100vh;background-image:url(/assets/Bisu\ G-1170f6c2.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.login-bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,35,55,.85),rgba(8,22,38,.92));z-index:0}.login-page>*{position:relative;z-index:1}.home-button{position:absolute;top:25px;left:25px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0e0e0;padding:10px 22px;border-radius:40px;text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);transition:all .3s;z-index:10}.home-button:hover{background:rgba(255,255,255,.25);color:#fff;transform:translateY(-2px);border-color:#ffffff4d}.login-container{width:100%;max-width:440px;animation:fadeInUp .5s ease-out}.login-card{background:#ffffff;border-radius:28px;padding:40px 36px;box-shadow:0 20px 40px #0003;transition:transform .3s,box-shadow .3s}.login-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px #00000040}.login-header{text-align:center;margin-bottom:32px}.login-logo-wrapper{display:flex;justify-content:center;margin-bottom:18px}.login-aaccup-logo{width:250px;height:250px;object-fit:contain;border-radius:12px;transition:all .3s ease}.login-aaccup-logo:hover{transform:scale(1.03)}.login-header h1{color:#1a2a3a;font-size:28px;font-weight:700;margin-bottom:6px;font-family:Cinzel,serif;letter-spacing:1px}.login-header p{color:#6b7a8a;font-size:14px;margin-bottom:14px}.header-badges{display:flex;gap:10px;justify-content:center}.header-badges .badge{background:linear-gradient(135deg,#1a5d7a,#2c7a9e);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.login-form{display:flex;flex-direction:column;gap:20px}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9aaebf;font-size:18px;z-index:1;transition:color .3s}.input-group input:focus+.input-icon{color:#daa520}.input-group input{width:100%;padding:14px 18px 14px 48px;border:1.5px solid #e2e8f0;border-radius:14px;font-size:15px;font-weight:500;transition:all .3s;background:#fafcfd;color:#1a2a3a}.input-group input:focus{outline:none;border-color:#daa520;background:white;box-shadow:0 0 0 3px #daa5201a}.input-group input:disabled{background:#f0f2f5;cursor:not-allowed}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9aaebf;font-size:18px;padding:0;transition:color .3s;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#daa520;background:none;transform:translateY(-50%);box-shadow:none}.forgot-password-row{text-align:right;margin-top:-8px}.forgot-link{background:none!important;border:none;color:#daa520!important;font-size:13px;font-weight:600;cursor:pointer;padding:0;box-shadow:none!important;text-decoration:none;transition:all .3s}.forgot-link:hover{color:#e8b84a!important;text-decoration:underline;background:none!important;transform:none;box-shadow:none}.login-btn{background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;padding:14px;font-size:16px;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.login-btn:hover:before{left:100%}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #daa52066;background:linear-gradient(135deg,#E8B84A,#C49A1F)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{font-size:14px;transition:transform .3s}.login-btn:hover .btn-icon{transform:translate(4px)}.loading-text{display:flex;align-items:center;gap:8px}.loading-text:after{content:"";width:18px;height:18px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:32px;padding-top:20px;text-align:center;border-top:1px solid #e8edf2}.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;color:#6b7a8a;font-size:13px;font-weight:500}.footer-aaccup-logo{width:22px;height:22px;object-fit:contain}.login-footer p{font-size:11px;color:#8a9bb0;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:white;border-radius:28px;padding:32px;max-width:420px;width:100%;position:relative;animation:slideUp .3s ease;box-shadow:0 30px 60px #0000004d}.modal-close{position:absolute;top:18px;right:18px;background:none;border:none;font-size:20px;cursor:pointer;color:#8a9bb0;transition:all .3s;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f0f2f5;color:#1a2a3a;transform:rotate(90deg)}.forgot-header{text-align:center;margin-bottom:24px}.forgot-icon{font-size:48px;margin-bottom:12px}.forgot-header h2{color:#1a2a3a;font-size:24px;font-weight:700;margin-bottom:8px;font-family:Cinzel,serif}.forgot-header p{color:#6b7a8a;font-size:13px;line-height:1.5}.security-question{font-weight:600;color:#daa520;margin-top:10px;font-size:14px}.otp-note{font-size:11px;color:#dc3545;margin-top:8px}.reset-btn{width:100%;background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;padding:14px;font-size:15px;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .3s;margin-top:8px}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #daa5204d;background:linear-gradient(135deg,#E8B84A,#C49A1F)}.cancel-modal-btn{width:100%;background:#f0f2f5;color:#6b7a8a;padding:12px;font-size:14px;font-weight:500;border:none;border-radius:14px;cursor:pointer;transition:all .3s;margin-top:12px}.cancel-modal-btn:hover{background:#e2e8f0}.back-btn{width:100%;background:none;color:#8a9bb0;padding:12px;font-size:14px;font-weight:500;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .3s;margin-top:12px}.back-btn:hover{background:#f0f2f5;color:#1a2a3a}@media (max-width: 480px){.home-button{top:15px;left:15px;padding:8px 16px;font-size:12px}.login-card{padding:30px 24px}.login-header h1{font-size:24px}.login-aaccup-logo{width:55px;height:55px}.input-group input{padding:12px 14px 12px 45px;font-size:14px}.login-btn{padding:12px;font-size:15px}.forgot-password-row{text-align:center}.modal-content{padding:25px 20px}.forgot-header h2{font-size:20px}.forgot-icon{font-size:40px}}.reset-password-page{min-height:100vh;background-image:url(/assets/Bisu\ G-1170f6c2.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.reset-password-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,35,55,.85),rgba(8,22,38,.92));z-index:0}.reset-card{position:relative;z-index:1;background:white;border-radius:28px;padding:40px 36px;max-width:450px;width:100%;box-shadow:0 20px 40px #0003;animation:fadeInUp .5s ease;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-header h2{color:#1a2a3a;font-size:28px;font-weight:700;margin-bottom:10px;font-family:Cinzel,serif}.reset-header p{color:#6b7a8a;font-size:14px;margin-bottom:30px}.reset-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9aaebf;font-size:18px}.input-group input{width:100%;padding:14px 18px 14px 48px;border:1.5px solid #e2e8f0;border-radius:14px;font-size:15px;transition:all .3s}.input-group input:focus{outline:none;border-color:#daa520;box-shadow:0 0 0 3px #daa5201a}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9aaebf;font-size:18px}.password-toggle:hover{color:#daa520}.reset-btn{background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;padding:14px;font-size:16px;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .3s;margin-top:10px}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #daa5204d}.reset-btn:disabled{opacity:.6;cursor:not-allowed}.back-link{display:inline-flex;align-items:center;gap:8px;color:#8a9bb0;text-decoration:none;font-size:13px;margin-top:20px;justify-content:center}.back-link:hover{color:#daa520}.success-card{text-align:center}.success-icon{font-size:64px;color:#28a745;margin-bottom:20px}.success-card h2{color:#1a2a3a;margin-bottom:10px}.success-card p{color:#6b7a8a;margin-bottom:20px}.back-login-link{display:inline-flex;align-items:center;gap:8px;background:#f0f2f5;color:#1a5d7a;padding:10px 20px;border-radius:40px;text-decoration:none;font-size:14px;font-weight:500;margin-top:20px;transition:all .3s}.back-login-link:hover{background:#e2e8f0}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@media (max-width: 480px){.reset-card{padding:30px 24px}.reset-header h2{font-size:24px}}.dashboard{padding:20px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--gray)}.dashboard-loading .spinner{animation:spin 1s linear infinite;font-size:40px;margin-bottom:20px;color:var(--primary)}.welcome-section{background:white;border-radius:15px;padding:30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 5px 20px #0000001a}.welcome-text h1{color:var(--primary)!important;font-size:28px;margin-bottom:5px}.welcome-text p{color:var(--gray)!important}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-action-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:#fff!important;border:none;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s;font-weight:500}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007b8a4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;border-radius:12px;padding:25px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 15px #0003;transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.stat-icon{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.stat-content{flex:1}.stat-number{font-size:28px;font-weight:700;color:#fff!important;line-height:1.2}.stat-label{color:#ffffffe6!important;font-size:14px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.chart-card{background:white;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.chart-card h3{color:var(--primary)!important;margin-bottom:20px;font-size:18px}.chart-container{width:100%;height:300px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{color:#fff!important;font-size:24px}.view-all-btn{padding:8px 16px;background:rgba(255,255,255,.2)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.3s;font-size:14px}.view-all-btn:hover{background:rgba(255,255,255,.3)!important;transform:translate(5px)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.program-card{background:white;border-radius:15px;padding:25px;position:relative;cursor:pointer;transition:all .3s;border:2px solid transparent;box-shadow:0 5px 15px #0000001a}.program-card:hover{transform:translateY(-5px);border-color:var(--secondary);box-shadow:0 15px 30px #007b8a4d}.program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.program-code{font-size:28px;font-weight:700;color:var(--primary)!important}.program-level{background:#e0e0e0;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;color:var(--text-dark)!important}.program-name{color:var(--text-dark)!important;margin-bottom:20px;font-size:16px;line-height:1.5}.areas-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.area-tag{padding:4px 12px;border-radius:15px;font-size:11px;font-weight:500}.area-tag:not(.mandatory){background:#f0f0f0!important;color:var(--text-dark)!important}.area-tag.mandatory{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:#fff!important}.progress-section{margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px;color:var(--gray)!important}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.program-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.status-badge{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:500;color:#fff!important}.view-details{color:var(--secondary)!important;display:flex;align-items:center;gap:5px;font-weight:500}.quick-actions-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,59,92,.95);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:fadeIn .3s ease}.quick-actions-overlay button{background:white!important;color:var(--primary)!important;border:none;padding:10px 20px;border-radius:8px;width:80%;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.3s;font-weight:500}.quick-actions-overlay button:hover{transform:translate(5px);background:var(--secondary)!important;color:#fff!important}.recent-activities{background:white;border-radius:15px;padding:25px;margin-top:30px;box-shadow:0 5px 15px #0000001a}.recent-activities h3{color:var(--primary)!important;margin-bottom:20px;font-size:18px}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:center;gap:15px;padding:10px;border-bottom:1px solid #e0e0e0}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;background:var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--secondary)}.activity-details{flex:1}.activity-action{margin-bottom:5px;color:var(--text-dark)!important}.activity-action strong{color:var(--primary)!important}.activity-meta{display:flex;gap:15px;font-size:12px;color:var(--gray)!important}.activity-program{background:var(--light);padding:2px 8px;border-radius:12px;color:var(--text-dark)!important}.activity-time{color:var(--gray)!important}@media (max-width: 768px){.welcome-section{flex-direction:column;text-align:center}.quick-actions{justify-content:center}.charts-grid,.programs-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;text-align:center}}.programs-page{padding:24px;min-height:100vh;background:rgba(255,255,255,.92);border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.programs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:rgba(255,255,255,.95);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spinner{font-size:40px;color:#2c6285;animation:spin 1s linear infinite;margin-bottom:16px}.loading-subtitle{font-size:13px;opacity:.7;margin-top:8px}.programs-header{margin-bottom:28px}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.header-icon{font-size:28px;color:#2c6285}.header-title h1{font-size:28px;color:#1a2c3e;margin:0;font-family:Cinzel,serif;font-weight:700}.header-actions{display:flex;gap:10px;margin-left:auto}.export-btn,.print-btn{background:rgba(44,98,133,.1);border:1px solid rgba(44,98,133,.3);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s;color:#2c6285}.export-btn:hover,.print-btn:hover{background:#2C6285;color:#fff}.header-subtitle{color:#4a627a;font-size:14px;margin-left:40px}.stats-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#2C6285,#1A4058);border-radius:12px;padding:12px 8px;text-align:center;transition:all .3s;cursor:pointer;box-shadow:0 2px 8px #0000001a}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #2c62854d}.stat-icon{font-size:20px;margin-bottom:4px}.stat-number{font-size:20px;font-weight:800;color:#fff;font-family:Cinzel,serif;line-height:1.2}.stat-label{font-size:9px;color:#ffffffd9;letter-spacing:.3px;font-weight:500;text-transform:uppercase}.filters-section{background:rgba(255,255,255,.98);border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:0 2px 10px #0000000d;border:1px solid rgba(212,160,23,.2)}.search-box{position:relative;flex:1;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8a9aa8;font-size:13px}.search-box input{width:100%;padding:8px 12px 8px 34px;border:1px solid #E5DCCA;border-radius:30px;font-size:13px;transition:all .3s;background:white;color:#1a2c3e}.search-box input:focus{outline:none;border-color:#d4a017;box-shadow:0 0 0 3px #d4a0171a}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;cursor:pointer;color:#999}.filter-group{display:flex;gap:10px;flex-wrap:wrap}.filter-group select{padding:8px 14px;border:1px solid #E5DCCA;border-radius:30px;font-size:13px;background:white;cursor:pointer;color:#1a2c3e;font-weight:500}.reset-filters-btn{padding:8px 16px;background:rgba(220,53,69,.1);border:1px solid #dc3545;border-radius:30px;color:#dc3545;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s}.reset-filters-btn:hover{background:#dc3545;color:#fff}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.results-count{font-size:12px;color:#4a627a;font-weight:500;background:rgba(44,98,133,.08);padding:4px 12px;border-radius:20px}.items-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a627a}.items-per-page select{padding:4px 8px;border:1px solid #E5DCCA;border-radius:8px;font-size:12px;cursor:pointer}.programs-table-container{background:rgba(255,255,255,.98);border-radius:16px;overflow-x:auto;box-shadow:0 2px 10px #0000000d;border:1px solid rgba(212,160,23,.15)}.programs-table{width:100%;border-collapse:collapse;min-width:700px}.programs-table th{text-align:left;padding:12px 16px;background:linear-gradient(135deg,#2C6285,#3A7B9E);color:#fff;font-weight:600;font-size:13px;border-bottom:2px solid #D4A017;font-family:Cinzel,serif;letter-spacing:.3px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .3s}.sortable-header:hover{background:rgba(255,255,255,.1)}.sort-icon-active{color:#d4a017;margin-left:5px}.sort-icon-inactive{color:#ffffff80;margin-left:5px}.programs-table td{padding:10px 16px;border-bottom:1px solid #E5DCCA;color:#1a2c3e;font-size:13px;background:white}.programs-table tr:hover td{background:rgba(212,160,23,.04)}.program-code{font-weight:700;color:#2c6285;font-family:monospace;font-size:13px}.program-name{max-width:250px;word-break:break-word;font-weight:500}.college-badge{background:rgba(212,160,23,.12);color:#b8860b;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.level-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.level-iii{background:#d4edda;color:#155724;border:1px solid #28a745}.level-ii{background:#fff3cd;color:#856404;border:1px solid #ffc107}.level-i{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.level-default{background:#e2e3e5;color:#383d41}.status-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;display:inline-block;white-space:nowrap}.actions-cell{white-space:nowrap}.view-btn{background:linear-gradient(135deg,#2C6285,#1A4058);color:#fff;border:none;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s;box-shadow:0 1px 4px #0000001a}.view-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#D4A017,#B8860B);box-shadow:0 4px 10px #d4a0174d}.view-btn svg{font-size:11px}.no-results{text-align:center;padding:50px 20px!important}.no-results-content{display:flex;flex-direction:column;align-items:center;gap:10px}.no-results-icon{font-size:48px;color:#d4a017;opacity:.4}.no-results-content p{font-size:16px;color:#4a627a;margin:0}.no-results-content span{font-size:13px;color:#7a8fa0}.reset-btn{background:#2C6285;color:#fff;border:none;padding:6px 16px;border-radius:20px;font-size:12px;cursor:pointer;margin-top:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}.pagination-btn{padding:6px 14px;background:white;border:1px solid #E5DCCA;border-radius:8px;cursor:pointer;font-size:12px;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#D4A017;color:#fff;border-color:#d4a017}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:5px}.pagination-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #E5DCCA;border-radius:8px;cursor:pointer;font-size:12px;transition:all .3s}.pagination-number.active{background:#2C6285;color:#fff;border-color:#2c6285}.pagination-number:hover:not(.active){background:rgba(212,160,23,.15);border-color:#d4a017}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width: 768px){.programs-page{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.filter-group{flex-direction:column}.filter-group select{width:100%}.header-title{flex-direction:column;align-items:flex-start}.header-actions,.header-subtitle{margin-left:0}.programs-table th,.programs-table td{padding:8px 12px;font-size:12px}.program-code{font-size:12px}.program-name{max-width:150px}.results-info{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.programs-table th,.programs-table td{padding:6px 10px;font-size:11px}.program-code{font-size:11px}.program-name{max-width:120px}.college-badge,.level-badge,.status-badge{padding:2px 6px;font-size:9px}.view-btn{padding:3px 8px;font-size:9px}.stat-number{font-size:18px}.stat-label{font-size:8px}}.program-details-container{padding:24px 32px;max-width:1400px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:24px;transition:color .2s}.back-button:hover{color:#1a1a2e}.program-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.program-title-section h1{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 12px}.program-meta{display:flex;gap:12px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff}.level-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.level-iii{background:#10b981;color:#fff}.level-ii{background:#f59e0b;color:#fff}.level-i{background:#3b82f6;color:#fff}.program-code{display:flex;align-items:center;gap:8px;background:#f3f4f6;padding:8px 16px;border-radius:8px;color:#4b5563;font-size:14px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.info-card{background:white;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.info-icon{width:44px;height:44px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:20px}.info-content{display:flex;flex-direction:column}.info-label{font-size:12px;color:#9ca3af}.info-value{font-size:15px;font-weight:600;color:#1a1a2e}.program-description{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:32px}.program-description h3{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.program-description p{color:#4b5563;line-height:1.6;margin:0}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:8px}.feature-card{background:white;border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid #e5e7eb;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:transparent}.feature-card:hover .feature-arrow{transform:translate(4px)}.feature-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center}.feature-icon.documents{background:#eef2ff;color:#3b82f6}.feature-icon.narrative{background:#ecfdf5;color:#10b981}.feature-icon.evaluation{background:#fef3c7;color:#f59e0b}.feature-icon.videos{background:#fce7f3;color:#ec4899}.feature-icon.compliance{background:#f3e8ff;color:#9333ea}.feature-card h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.feature-card p{font-size:14px;color:#6b7280;line-height:1.4;margin:0}.feature-arrow{position:absolute;bottom:20px;right:20px;font-size:20px;color:#9ca3af;transition:transform .2s}.program-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.spinner{animation:spin 1s linear infinite;font-size:40px;color:#3b82f6}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.info-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.program-details-container{padding:16px}.program-title-section h1{font-size:22px}.features-grid,.info-grid{grid-template-columns:1fr}}:root{--primary-dark: #0F2B3D;--primary: #1A4058;--primary-light: #2A5A7A;--accent: #D4A017;--accent-light: #E8B84A;--success: #0F9D58;--danger: #DC3545;--warning: #FFC107;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-600: #6c757d;--gray-700: #495057;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.documents-page{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e9edf2 100%)}.documents-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px;box-shadow:var(--shadow-xl)}.loading-spinner{width:50px;height:50px;border:3px solid var(--gray-200);border-top-color:var(--accent);border-bottom-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.documents-header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);border-radius:28px;padding:32px 35px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.documents-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,160,23,.15),transparent 70%);animation:slowRotate 25s linear infinite}.header-left{position:relative;z-index:1}.header-left h1{color:#fff;font-size:28px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:12px;letter-spacing:-.3px}.header-icon{color:var(--accent);font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.program-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.program-code{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent-light);padding:6px 14px;border-radius:30px;font-size:13px;font-weight:600;letter-spacing:.5px}.program-name{color:#fffc;font-size:14px}.header-stats .stat-item{text-align:center;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:20px;min-width:120px}.stat-value{display:block;font-size:32px;font-weight:800;color:var(--accent-light);line-height:1.2;font-family:Cinzel,serif}.stat-label{color:#ffffffb3;font-size:12px;letter-spacing:.5px}.program-selector{background:white;border-radius:20px;padding:20px 25px;margin-bottom:24px;border:1px solid var(--gray-200);display:flex;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:var(--shadow-md);transition:var(--transition)}.program-selector:hover{box-shadow:var(--shadow-lg)}.program-selector label{font-weight:600;color:var(--primary);min-width:80px;font-size:14px}.program-selector select{flex:1;padding:12px 16px;border:1px solid var(--gray-200);border-radius:14px;font-size:14px;background:white;color:var(--gray-700);max-width:450px;cursor:pointer;transition:var(--transition)}.program-selector select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d4a01733}.search-box{background:white;border-radius:20px;padding:20px 25px;margin-bottom:24px;border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.search-wrapper{position:relative;max-width:500px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-600);font-size:18px}.search-box input{width:100%;padding:14px 50px 14px 48px;border:1px solid var(--gray-200);border-radius:16px;font-size:14px;background:var(--gray-100);transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--accent);background:white;box-shadow:0 0 0 3px #d4a0171a}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:16px;padding:0;transition:var(--transition)}.clear-search:hover{color:var(--danger)}.action-buttons{background:white;border-radius:20px;padding:20px 25px;margin-bottom:28px;border:1px solid var(--gray-200);display:flex;gap:20px;flex-wrap:wrap;box-shadow:var(--shadow-md)}.drive-folder-btn{background:linear-gradient(135deg,var(--success),#0b7e44);color:#fff;border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #0f9d584d}.drive-folder-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f9d5866}.add-link-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #1a40584d}.add-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4a0174d;background:linear-gradient(135deg,var(--accent),#b8860b)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,43,61,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:white;border-radius:28px;padding:35px;max-width:550px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--gray-200);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.modal h2{color:var(--primary);font-size:24px;margin-bottom:28px;display:flex;align-items:center;gap:12px;font-family:Cinzel,serif}.form-group{margin-bottom:24px}.form-group label{display:block;color:var(--gray-700);font-weight:600;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:14px;font-size:14px;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d4a0171a}.drive-note{background:linear-gradient(135deg,#e8f4fd,#d4eaf7);border-radius:14px;padding:14px 16px;margin:24px 0;display:flex;align-items:center;gap:12px;color:var(--primary);font-size:13px}.drive-note svg{font-size:20px;color:var(--success)}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:28px}.cancel-btn{background:var(--gray-200);color:var(--gray-700);border:none;padding:12px 24px;border-radius:40px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition)}.cancel-btn:hover{background:var(--gray-300)}.submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;padding:12px 28px;border-radius:40px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent),#b8860b);transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.documents-display{background:white;border-radius:24px;padding:28px;border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.documents-display h3{color:var(--primary);font-size:20px;margin:0 0 24px;display:flex;align-items:center;gap:10px;font-family:Cinzel,serif}.document-count{background:linear-gradient(135deg,var(--accent-light),var(--accent));color:#fff;padding:4px 12px;border-radius:30px;font-size:12px;margin-left:12px}.empty-state{text-align:center;padding:80px 20px;background:linear-gradient(135deg,var(--gray-100),#f1f3f5);border-radius:20px;border:2px dashed var(--gray-300)}.empty-icon{font-size:64px;color:var(--gray-400);margin-bottom:20px}.empty-state h3{color:var(--gray-600);margin-bottom:10px;font-size:20px}.empty-state p{color:var(--gray-500);font-size:14px}.documents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.document-item{background:white;border:1px solid var(--gray-200);border-radius:20px;overflow:hidden;transition:var(--transition);position:relative}.document-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--primary));transform:scaleX(0);transition:transform .3s}.document-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:transparent}.document-item:hover:before{transform:scaleX(1)}.document-header{background:linear-gradient(135deg,var(--gray-100),white);padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--gray-200)}.document-icon{color:var(--success);font-size:22px}.document-area{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:5px 14px;border-radius:30px;font-size:12px;font-weight:600}.document-body{padding:20px}.document-body h4{color:var(--primary);font-size:16px;margin-bottom:10px;font-weight:700;line-height:1.4}.document-body p{color:var(--gray-600);font-size:13px;margin-bottom:16px;line-height:1.5}.document-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--gray-500)}.document-meta span{display:flex;align-items:center;gap:6px}.document-footer{padding:16px 20px;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;gap:12px;background:var(--gray-100)}.document-footer a{background:linear-gradient(135deg,var(--success),#0b7e44);color:#fff;padding:10px 18px;border-radius:40px;text-decoration:none;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}.document-footer a:hover{transform:translate(3px);box-shadow:0 4px 12px #0f9d584d}.delete-btn{background:linear-gradient(135deg,var(--danger),#b02a37);color:#fff;border:none;padding:10px 18px;border-radius:40px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.delete-btn:hover{transform:translate(3px);box-shadow:0 4px 12px #dc35454d}@media (max-width: 768px){.documents-page{padding:16px}.documents-header{flex-direction:column;align-items:flex-start;padding:24px}.program-selector{flex-direction:column;align-items:flex-start}.program-selector select{max-width:100%;width:100%}.action-buttons{flex-direction:column}.drive-folder-btn,.add-link-btn{width:100%;justify-content:center}.documents-list{grid-template-columns:1fr}.document-footer{flex-direction:column}.document-footer a,.delete-btn{width:100%;justify-content:center}.modal-content{padding:25px;margin:20px}}@media (max-width: 480px){.header-left h1{font-size:22px}.stat-value{font-size:24px}.documents-display h3{font-size:18px}}.narrative-page{padding:30px;max-width:1400px;margin:0 auto}.narrative-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:20px;padding:40px;box-shadow:0 4px 12px #0000001a}.loading-spinner{width:50px;height:50px;border:3px solid #e0e0e0;border-top-color:#003b5c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.narrative-header{background:white;border-radius:20px;padding:28px 32px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 16px #00000014;border:1px solid #eaeef2}.header-left{display:flex;flex-direction:column;gap:12px}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{font-size:28px;color:#003b5c!important;margin:0}.header-icon{font-size:32px;color:#007b8a}.program-info{display:flex;align-items:center;gap:12px}.program-code{background:#003B5C;padding:6px 16px;border-radius:30px;font-weight:600;font-size:14px;color:#fff!important}.program-name{font-size:14px;color:#6c757d!important}.header-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.stats{display:flex;align-items:center;gap:16px;background:#f8fafc;padding:8px 20px;border-radius:40px;border:1px solid #eaeef2}.stat-item{display:flex;align-items:center;gap:8px;color:#1e293b!important;font-size:14px}.stat-item svg{color:#007b8a}.completion-badge{position:relative;width:60px;height:24px;background:#e9ecef;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.completion-bar{position:absolute;left:0;top:0;bottom:0;background:#28a745;z-index:1}.completion-badge span{position:relative;z-index:2;color:#1e293b!important;font-weight:700}.last-saved{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:8px 20px;border-radius:40px;color:#1e293b!important;font-size:14px;border:1px solid #eaeef2}.last-saved svg{color:#007b8a}.auto-save-indicator{font-size:12px;color:#28a745!important;font-style:italic}.save-btn{background:linear-gradient(135deg,#003B5C,#007B8A)!important;color:#fff!important;border:none;padding:12px 28px;border-radius:40px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #007b8a33}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #007b8a4d}.save-btn.large{padding:16px 32px;font-size:16px}.validation-warnings{background:#fff3cd;border:1px solid #ffeeba;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#856404}.warning-icon{font-size:20px;color:#856404}.warning-text{font-size:14px;color:#856404!important}.warning-text strong{font-weight:600}.narrative-tabs{display:flex;gap:12px;margin-bottom:30px;background:white;padding:8px;border-radius:50px;box-shadow:0 4px 12px #00000014;border:1px solid #eaeef2}.tab{flex:1;padding:12px 24px;border:none;background:transparent!important;color:#6c757d!important;border-radius:40px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.tab:hover{color:#003b5c!important;background:#f8fafc!important;transform:none!important;box-shadow:none!important}.tab.active{background:linear-gradient(135deg,#003B5C,#007B8A)!important;color:#fff!important}.narrative-content{margin-bottom:30px}.write-mode{display:flex;flex-direction:column;gap:25px}.section-navigation{display:flex;justify-content:space-between;align-items:center;background:white;border-radius:12px;padding:12px 20px;border:1px solid #eaeef2;box-shadow:0 2px 8px #0000000d}.section-navigation button{background:#f8fafc!important;color:#003b5c!important;border:1px solid #eaeef2!important;padding:8px 16px;border-radius:30px;font-size:13px;display:flex;align-items:center;gap:8px}.section-navigation button:disabled{opacity:.5;cursor:not-allowed}.section-navigation span{color:#6c757d;font-size:14px;font-weight:500}.narrative-section{background:white;border-radius:20px;padding:28px;box-shadow:0 4px 16px #0000000f;border:1px solid #eaeef2;transition:all .3s;scroll-margin-top:100px}.narrative-section:hover{box-shadow:0 8px 24px #0000001a;border-color:#007b8a}.narrative-section.full-width{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.header-left,.header-right{display:flex;align-items:center;gap:12px}.section-icon{font-size:24px;color:#007b8a}.section-header h2{font-size:18px;color:#003b5c!important;margin:0}.section-badge{background:#007B8A;color:#fff;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:500}.section-badge.required{background:#dc3545}.clear-btn{background:none!important;border:none;color:#9aa6b2;padding:6px!important;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.clear-btn:hover{background:#fee!important;color:#dc3545!important}.narrative-textarea{width:100%;padding:16px;border:2px solid #eaeef2;border-radius:16px;font-size:15px;line-height:1.6;resize:vertical;font-family:inherit;transition:all .3s;color:#1e293b!important;background:#f8fafc}.narrative-textarea:focus{outline:none;border-color:#007b8a;background:white;box-shadow:0 0 0 4px #007b8a1a}.narrative-textarea::placeholder{color:#9aa6b2}.narrative-textarea.filled{border-color:#28a745;background:#f0fff4}.narrative-main{font-size:16px;line-height:1.8}.section-hint{margin-top:12px;font-size:13px;color:#6c757d;display:flex;align-items:center;gap:6px}.section-status{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:12px;color:#6c757d;padding-top:12px;border-top:1px solid #eaeef2}.status-icon{font-size:14px}.status-icon.complete{color:#28a745}.textarea-footer{margin-top:20px;display:flex;justify-content:flex-end;gap:24px;font-size:13px;color:#6c757d;border-top:1px solid #eaeef2;padding-top:16px}.word-count,.character-count{display:flex;align-items:center;gap:6px;color:#1e293b!important}.word-count svg,.character-count svg{color:#007b8a}.save-bar{position:sticky;bottom:20px;display:flex;justify-content:center;margin-top:20px;z-index:100}.preview-mode{background:white;border-radius:20px;padding:32px;box-shadow:0 4px 16px #0000000f;border:1px solid #eaeef2}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.preview-header h2{color:#003b5c!important;font-size:24px;margin:0}.edit-btn{background:#f8fafc!important;color:#007b8a!important;border:2px solid #007B8A!important;padding:10px 20px;border-radius:30px;display:flex;align-items:center;gap:8px;font-weight:600}.edit-btn:hover{background:#007B8A!important;color:#fff!important}.preview-content{display:flex;flex-direction:column;gap:30px}.preview-section{background:#f8fafc;border-radius:16px;padding:24px;border:1px solid #eaeef2}.preview-section h3{color:#003b5c!important;font-size:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #eaeef2}.preview-text{color:#1e293b!important;line-height:1.8;font-size:15px;white-space:pre-wrap}.empty-preview{color:#9aa6b2!important;font-style:italic}.history-mode{background:white;border-radius:20px;padding:32px;box-shadow:0 4px 16px #0000000f;border:1px solid #eaeef2}.history-header{text-align:center;margin-bottom:40px}.history-header h3{color:#003b5c!important;font-size:24px;margin-bottom:8px}.history-header p{color:#6c757d}.timeline{max-width:600px;margin:0 auto}.timeline-item{display:flex;gap:20px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #eaeef2}.timeline-badge{width:40px;height:40px;background:#003B5C;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.timeline-content{flex:1}.timeline-content h4{color:#003b5c!important;font-size:16px;margin-bottom:4px}.timeline-content p{color:#6c757d;font-size:14px;margin-bottom:12px}.restore-btn{background:#007B8A!important;color:#fff!important;border:none;padding:6px 16px;border-radius:20px;font-size:12px;cursor:pointer}.restore-btn:disabled{opacity:.5;cursor:not-allowed}.empty-history{text-align:center;padding:40px}.empty-icon{font-size:48px;color:#d0d7de;margin-bottom:16px}.empty-history h4{color:#003b5c!important;font-size:18px;margin-bottom:8px}.empty-history p{color:#6c757d}.narrative-tips{background:white;border-radius:20px;padding:28px;margin-top:30px;border:1px solid #eaeef2;box-shadow:0 4px 12px #0000000d}.narrative-tips h3{color:#003b5c!important;margin-bottom:24px;font-size:20px;display:flex;align-items:center;gap:8px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.tip-card{background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #eaeef2;transition:all .3s}.tip-card:hover{transform:translateY(-3px);border-color:#007b8a;box-shadow:0 8px 20px #007b8a1a}.tip-icon{font-size:32px;margin-bottom:12px;display:block}.tip-card h4{color:#003b5c!important;font-size:16px;margin-bottom:8px}.tip-card p{color:#6c757d;font-size:13px;line-height:1.5}@media (max-width: 1024px){.narrative-page{padding:24px}}@media (max-width: 768px){.narrative-header{flex-direction:column;align-items:flex-start;padding:24px}.header-actions{width:100%;flex-direction:column;align-items:stretch}.stats,.last-saved{justify-content:center}.save-btn{width:100%;justify-content:center}.narrative-tabs{flex-direction:column;border-radius:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.header-right{width:100%;justify-content:space-between}.tips-grid{grid-template-columns:1fr}.preview-header{flex-direction:column;gap:16px;text-align:center}}@media (max-width: 480px){.narrative-page{padding:16px}.narrative-section{padding:20px}.stats{flex-wrap:wrap}.textarea-footer{flex-direction:column;align-items:flex-end;gap:8px}}:root{--primary: #003B5C;--secondary: #007B8A;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--light: #e9ecef;--dark: #2d3748;--gray: #6c757d;--white: #ffffff}.evaluation-page{padding:24px 32px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 70px);background:#f5f7fa}.page-header{margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--light)}.page-header h1{color:var(--primary);display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;margin-bottom:8px}.page-header h1 svg{color:var(--secondary)}.program-info{color:var(--gray);font-size:14px;margin-top:4px}.evaluation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--white);border-radius:16px;padding:20px;text-align:center;box-shadow:0 2px 10px #0000000d;border:1px solid var(--light)}.stat-card .stat-label{display:block;font-size:13px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-card .stat-value{display:block;font-size:32px;font-weight:700;color:var(--primary)}.evaluation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:32px}.area-card{background:var(--white);border-radius:20px;padding:0;box-shadow:0 4px 15px #00000014;transition:all .3s ease;overflow:hidden;border:1px solid var(--light)}.area-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.area-card.area-complete{border-left:4px solid var(--success);transition:all .3s}.area-header{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.area-header h3{color:var(--white);margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.area-score{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:30px;font-size:13px;font-weight:500;color:var(--white)}.completed-badge{display:inline-flex;align-items:center;gap:5px;background:var(--success);color:var(--white);font-size:11px;padding:3px 8px;border-radius:20px;margin-left:10px;font-weight:400}.completed-badge svg{font-size:10px}.area-progress{background:var(--light);border-radius:10px;height:6px;margin:15px 20px;position:relative;overflow:hidden}.area-progress-bar{background:linear-gradient(90deg,var(--success),#20c997);height:100%;border-radius:10px;transition:width .3s ease}.area-progress-text{position:absolute;right:0;top:-18px;font-size:11px;color:var(--gray)}.criterion{padding:16px 20px;border-bottom:1px solid var(--light);transition:background .2s}.criterion:last-child{border-bottom:none}.criterion:hover{background:#fafbfc}.criterion p{color:var(--dark);margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.4}.rating-buttons{display:flex;gap:10px;flex-wrap:wrap}.rating-btn{width:42px;height:42px;background:var(--white);border:2px solid #e2e8f0;color:var(--gray);border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.rating-btn:hover{border-color:var(--secondary);background:var(--secondary);color:var(--white);transform:scale(1.08)}.rating-btn.selected{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 2px 8px #003b5c4d}.submit-section{text-align:center;margin-bottom:32px;padding:20px 0}.submit-btn{padding:14px 36px;background:linear-gradient(135deg,var(--success),#20c997);color:var(--white);border:none;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.submit-btn svg{font-size:18px}.submit-hint{text-align:center;font-size:12px;color:var(--danger);margin-top:10px}.no-areas-message{text-align:center;padding:60px 20px;background:var(--white);border-radius:20px;margin-bottom:30px}.no-areas-message p{color:var(--gray);margin-bottom:8px}.no-areas-message p:first-child{font-size:18px;font-weight:600;color:var(--dark)}.history-section{background:var(--white);border-radius:20px;padding:24px;box-shadow:0 2px 10px #0000000d;border:1px solid var(--light)}.history-section h3{color:var(--primary);margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;padding-bottom:12px;border-bottom:2px solid var(--light)}.empty-history{text-align:center;padding:40px;color:var(--gray);background:#fafbfc;border-radius:12px}.history-table{width:100%;border-collapse:collapse;font-size:14px}.history-table th{text-align:left;padding:14px 12px;background:#f8f9fa;color:var(--primary);font-weight:600;border-bottom:2px solid var(--light)}.history-table td{padding:12px;border-bottom:1px solid var(--light);color:var(--dark);vertical-align:middle}.history-table tr:hover td{background:#fafbfc}.score-badge{display:inline-block;background:var(--primary);color:var(--white);padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600}.view-btn{padding:6px 18px;background:var(--secondary);color:var(--white);border:none;border-radius:30px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.view-btn:hover{background:var(--primary);transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{animation:spin 1s linear infinite;font-size:32px;color:var(--secondary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--white);border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white)}.modal-header h3{margin:0;font-size:18px}.close-modal{background:none;border:none;color:var(--white);font-size:28px;cursor:pointer;line-height:1}.close-modal:hover{opacity:.8}.modal-body{padding:24px;overflow-y:auto;max-height:calc(80vh - 70px)}.modal-body p{margin-bottom:12px;color:var(--dark)}.history-area{margin-top:20px;padding-top:16px;border-top:1px solid var(--light)}.history-area h4{color:var(--primary);margin-bottom:12px;font-size:16px}.history-ratings{display:flex;flex-wrap:wrap;gap:8px}.history-rating{background:var(--light);padding:4px 10px;border-radius:20px;font-size:12px;color:var(--dark)}@media (max-width: 768px){.evaluation-page{padding:16px}.page-header h1{font-size:22px}.evaluation-grid{grid-template-columns:1fr;gap:20px}.evaluation-stats{grid-template-columns:1fr 1fr}.area-header{flex-direction:column;text-align:center;gap:8px}.criterion{padding:14px}.rating-btn{width:36px;height:36px;font-size:13px}.history-table{display:block;overflow-x:auto;white-space:nowrap}.submit-btn{padding:12px 28px;font-size:14px}}@media (max-width: 480px){.evaluation-stats{grid-template-columns:1fr}.rating-buttons{justify-content:center}.area-progress-text{font-size:9px;top:-16px}.completed-badge{font-size:9px;padding:2px 6px}}.areas-page{padding:30px;max-width:1400px;margin:0 auto}.page-header h1{color:var(--primary);font-size:32px;margin-bottom:10px}.page-header p{color:var(--gray);font-size:16px}.areas-grid{display:grid;gap:40px}.area-section{background:white;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000001a}.area-section.mandatory{border-left:4px solid var(--primary)}.area-section.optional{border-left:4px solid var(--secondary)}.area-section h2{color:var(--primary);margin-bottom:25px;font-size:24px;display:flex;align-items:center;gap:10px}.area-section h2:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--primary),transparent)}.area-section.mandatory h2{color:var(--primary)}.area-section.optional h2{color:var(--secondary)}.area-section.optional h2:after{background:linear-gradient(90deg,var(--secondary),transparent)}.area-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.area-card{background:#f8f9fa;border-radius:16px;padding:25px;transition:all .3s;border:1px solid #e0e0e0}.area-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:var(--secondary)}.area-card h3{color:var(--primary);margin-bottom:10px;font-size:20px}.area-desc{color:#666;font-size:14px;margin-bottom:20px;line-height:1.6;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.requirements h4{color:var(--secondary);margin-bottom:15px;font-size:16px;display:flex;align-items:center;gap:8px}.requirements ul{list-style:none;padding:0}.requirements li{padding:10px 0;color:#555;font-size:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e0e0e0}.requirements li:last-child{border-bottom:none}.requirements .check{color:#28a745;font-size:14px;min-width:16px}.rating-scale{margin-top:40px;background:white;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000001a}.rating-scale h3{color:var(--primary);margin-bottom:20px;font-size:20px;display:flex;align-items:center;gap:10px}.scale-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.scale-item{text-align:center;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;transition:transform .3s}.scale-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.scale-item .score{display:block;font-size:32px;font-weight:700;color:var(--primary);margin-bottom:5px}.scale-item .label{color:#666;font-size:14px;font-weight:500}@media (max-width: 768px){.areas-page,.area-section{padding:20px}.area-cards{grid-template-columns:1fr}.scale-items{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.scale-items{grid-template-columns:1fr}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:50px;height:50px;border:3px solid #e0e0e0;border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{text-align:center;padding:60px 20px;background:white;border-radius:16px;margin:40px}.error-container h3{color:#dc3545;margin-bottom:10px}.error-container button{background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;margin-top:20px}.program-subtitle{color:#6b7a8a;font-size:14px;margin-bottom:20px}.compliance-page{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.page-header h1{color:#1a2a3a;font-size:28px;font-family:Cinzel,serif}.overall-score{text-align:center;background:linear-gradient(135deg,#1a5d7a,#0e3b50);padding:15px 25px;border-radius:20px;color:#fff}.overall-score span{display:block;font-size:12px;opacity:.8;margin-bottom:5px}.score-circle{font-size:28px;font-weight:700}.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.compliance-section{background:white;border-radius:20px;padding:24px;box-shadow:0 2px 10px #0000000d}.compliance-section h2{color:#1a2a3a;font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #DAA520}.compliance-item{border:1px solid #e8edf2;border-radius:12px;padding:16px;margin-bottom:15px}.compliance-item:last-child{margin-bottom:0}.item-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.item-header h3{color:#1a2a3a;font-size:16px;margin:0}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.compliant{background:#d4edda;color:#155724}.status-badge.partial{background:#fff3cd;color:#856404}.status-badge.non-compliant{background:#f8d7da;color:#721c24}.issues{margin-top:12px;padding-top:10px;border-top:1px solid #e8edf2}.issues-title{font-size:12px;font-weight:600;color:#dc3545;margin-bottom:5px}.issues ul{margin:0;padding-left:20px}.issues li{font-size:13px;color:#6b7a8a;margin:5px 0}.recommendations{background:linear-gradient(135deg,#f8f9fa,#f0f4f8);border-radius:20px;padding:24px}.recommendations h2{color:#1a2a3a;font-size:18px;margin-bottom:20px}.recommendations ul{list-style:none;padding:0}.recommendations li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e0e8f0}.recommendations li:last-child{border-bottom:none}.rec-icon{font-size:18px}@media (max-width: 768px){.compliance-grid{grid-template-columns:1fr}.page-header,.item-header{flex-direction:column;text-align:center}}.videos-page{padding:30px;max-width:1400px;margin:0 auto}.back-to-program-btn{display:inline-flex;align-items:center;gap:8px;background:#f3f4f6;border:none;color:#4b5563;font-size:14px;cursor:pointer;padding:8px 16px;margin-bottom:20px;border-radius:8px;transition:all .2s}.back-to-program-btn:hover{background:#e5e7eb;color:#007b8a;transform:translate(-4px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.page-header h1{color:#007b8a;display:flex;align-items:center;gap:12px;font-size:28px;margin:0}.program-badge{display:flex;align-items:center;gap:12px;background:#f0fdf4;padding:8px 16px;border-radius:40px;border:1px solid #bbf7d0}.program-code{background:#007b8a;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.program-name{color:#166534;font-size:13px;font-weight:500}.upload-btn{padding:14px 28px;background:linear-gradient(135deg,#007b8a,#00b4aa);color:#fff;border:none;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 5px 15px #007b8a4d}.upload-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #007b8a66}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:30px}.video-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s}.video-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0003}.video-thumbnail{position:relative;height:200px;background:linear-gradient(135deg,#007b8a,#00b4aa);overflow:hidden}.video-thumbnail iframe{width:100%;height:100%;object-fit:cover}.video-info{padding:20px}.video-info h3{color:#007b8a;margin-bottom:8px;font-size:18px}.video-info p{color:#666;font-size:14px;margin-bottom:15px;line-height:1.5}.video-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.video-area{background:#00b4aa;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.video-actions{padding:12px 20px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.delete-video-btn{background:none;border:none;color:#ef4444;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;transition:all .2s}.delete-video-btn:hover{background:#fef2f2;color:#dc2626}.empty-state{text-align:center;padding:60px 20px;background:white;border-radius:16px;box-shadow:0 5px 20px #0000000d}.empty-icon{font-size:64px;color:#d1d5db;margin-bottom:20px}.empty-state h3{color:#007b8a;margin-bottom:10px;font-size:20px}.empty-state p{color:#6b7280;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:white;border-radius:20px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;padding:30px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-container::-webkit-scrollbar-thumb{background:#00b4aa;border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:#007b8a}.modal-container h2{color:#007b8a;margin-bottom:25px;display:flex;align-items:center;gap:10px;font-size:22px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00b4aa;box-shadow:0 0 0 3px #00b4aa1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.cancel-btn{padding:10px 24px;background:#f3f4f6;border:none;border-radius:30px;cursor:pointer;font-size:14px;transition:all .2s}.cancel-btn:hover{background:#e5e7eb}.submit-btn{padding:10px 28px;background:linear-gradient(135deg,#007b8a,#00b4aa);color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007b8a4d}.videos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:50px;height:50px;border:3px solid #f3f4f6;border-top:3px solid #007b8a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.video-guidelines{background:white;border-radius:16px;padding:30px;box-shadow:0 5px 20px #0000001a;margin-top:30px}.video-guidelines h3{color:#007b8a;margin-bottom:20px;font-size:20px;display:flex;align-items:center;gap:10px}.video-guidelines ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.video-guidelines li{padding:12px 15px;color:#555;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;gap:10px;border-left:3px solid #00b4aa}.video-guidelines li:before{content:"🎥";font-size:16px}@media (max-width: 768px){.videos-page{padding:20px}.page-header{flex-direction:column;text-align:center}.header-left{justify-content:center}.videos-grid,.video-guidelines ul{grid-template-columns:1fr}.modal-container{padding:20px;max-height:90vh}}.admin-panel{padding:24px;max-width:1400px;margin:0 auto}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:40px;box-shadow:var(--shadow)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(196,154,31,.2);border-top-color:#c49a1f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.admin-title{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:30px;font-family:Cinzel,serif;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px 15px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid rgba(196,154,31,.3);box-shadow:0 10px 30px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(196,154,31,.1),transparent 70%);animation:slowRotate 15s linear infinite}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #c49a1f33;border-color:#c49a1f}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,#1A2F4A,#0A1A2A);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#e8b84a;transition:all .3s;box-shadow:0 5px 15px #1a2f4a4d}.stat-card:hover .stat-icon{transform:rotate(5deg) scale(1.1);background:linear-gradient(135deg,#C49A1F,#E8B84A);color:#1a2f4a}.stat-info{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:800;color:#1a2f4a;line-height:1.2;font-family:Cinzel,serif}.stat-label{display:block;font-size:.85rem;color:#5d6d7e;text-transform:uppercase;letter-spacing:1px;font-weight:600;word-break:keep-all}.admin-tabs{display:flex;gap:10px;margin-bottom:25px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:50px;border:1px solid rgba(196,154,31,.2);flex-wrap:wrap}.tab{padding:12px 24px;border:none;background:transparent;color:#ffffffb3;border-radius:40px;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .3s;font-family:Cormorant Garamond,serif;letter-spacing:.5px}.tab:hover{background:rgba(196,154,31,.2);color:#fff;transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,#C49A1F,#E8B84A);color:#1a2f4a;box-shadow:0 5px 15px #c49a1f4d}.tab svg{font-size:1.2rem}.search-add-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.search-wrapper{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#c49a1f;font-size:1.1rem;opacity:.7}.search-wrapper input{width:100%;padding:14px 20px 14px 45px;background:rgba(255,255,255,.95);border:2px solid transparent;border-radius:40px;font-size:1rem;color:#1a2f4a;transition:all .3s;font-family:Cormorant Garamond,serif;font-style:italic;box-shadow:0 5px 15px #0000001a}.search-wrapper input:focus{outline:none;border-color:#c49a1f;transform:translateY(-2px);box-shadow:0 10px 25px #c49a1f33}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#c49a1f;cursor:pointer;font-size:1.1rem;opacity:.7;transition:opacity .3s}.clear-search:hover{opacity:1}.add-btn{background:linear-gradient(135deg,#C49A1F,#E8B84A)!important;color:#1a2f4a!important;border:none;border-radius:40px;padding:14px 32px;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s;box-shadow:0 10px 25px #c49a1f4d;font-family:Cormorant Garamond,serif;letter-spacing:1px}.add-btn:hover{transform:translateY(-5px);box-shadow:0 15px 35px #c49a1f66}.add-btn svg{font-size:1.2rem}.table-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;overflow:hidden;border:1px solid rgba(196,154,31,.3);box-shadow:0 20px 40px #00000026;transition:all .3s}.table-container:hover{box-shadow:0 25px 50px #c49a1f33}table{width:100%;border-collapse:collapse}th{background:linear-gradient(135deg,#1A2F4A,#0A1A2A);color:#fff!important;padding:18px 20px;text-align:left;font-weight:700;font-size:1rem;font-family:Cinzel,serif;letter-spacing:1px;border-bottom:3px solid #C49A1F}td{padding:15px 20px;color:#1a2f4a;border-bottom:1px solid rgba(196,154,31,.1);transition:all .3s;font-size:.95rem}tr:hover td{background:rgba(196,154,31,.05)}.role-badge{display:inline-block;padding:6px 16px;border-radius:30px;font-size:.85rem;font-weight:600;color:#fff;text-transform:capitalize;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.role-badge:hover{transform:scale(1.05)}.role-badge.admin{background:linear-gradient(135deg,#C62828,#EF5350)}.role-badge.dean{background:linear-gradient(135deg,#2E7D32,#4CAF50)}.role-badge.chair{background:linear-gradient(135deg,#F57C00,#FFB74D)}.role-badge.coordinator{background:linear-gradient(135deg,#C49A1F,#E8B84A);color:#1a2f4a;white-space:nowrap}.status-badge{display:inline-block;padding:6px 16px;border-radius:30px;font-size:.85rem;font-weight:600;color:#fff;text-transform:capitalize;background:linear-gradient(135deg,#C49A1F,#E8B84A);color:#1a2f4a}.type-badge{display:inline-block;padding:6px 16px;border-radius:30px;font-size:.85rem;font-weight:600;color:#fff}.type-badge.mandatory{background:linear-gradient(135deg,#1A2F4A,#0A1A2A)}.type-badge.optional{background:linear-gradient(135deg,#5D6D7E,#8A9AA8)}.edit-btn,.delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s;margin:0 3px}.edit-btn{color:#c49a1f;background:rgba(196,154,31,.1)}.edit-btn:hover{background:#C49A1F;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px #c49a1f4d}.delete-btn{color:#c62828;background:rgba(198,40,40,.1)}.delete-btn:hover{background:#C62828;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px #c628284d}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:40px;max-width:550px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 60px #0000004d;border:1px solid rgba(196,154,31,.3);animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal h2{color:#1a2f4a;font-size:2rem;margin-bottom:25px;font-family:Cinzel,serif;letter-spacing:1px;border-bottom:2px solid rgba(196,154,31,.3);padding-bottom:15px}.modal-form-scroll{flex:1;overflow-y:auto;padding-right:12px;max-height:55vh}.modal-form-scroll::-webkit-scrollbar{width:6px}.modal-form-scroll::-webkit-scrollbar-track{background:rgba(196,154,31,.1);border-radius:10px}.modal-form-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#C49A1F,#E8B84A);border-radius:10px}.modal-form-scroll::-webkit-scrollbar-thumb:hover{background:#C49A1F}.modal-form-scroll select,.modal-form-scroll input,.modal-form-scroll textarea{width:100%}.form-group{margin-bottom:25px}.form-group label{display:block;color:#1a2f4a;font-weight:600;margin-bottom:8px;font-size:1rem;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 0;border:none;border-bottom:2px solid rgba(196,154,31,.3);font-size:1rem;color:#1a2f4a;background:transparent;transition:all .3s;font-family:Cormorant Garamond,serif;font-style:italic}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-bottom-color:#c49a1f;transform:translateY(-2px)}.form-group input[type=password]{font-family:monospace;font-style:normal}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(196,154,31,.2)}.modal-actions button{padding:12px 28px;border:none;border-radius:40px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;font-family:Cormorant Garamond,serif;letter-spacing:1px}.modal-actions button[type=button]{background:rgba(196,154,31,.1);color:#1a2f4a}.modal-actions button[type=button]:hover{background:rgba(196,154,31,.2);transform:translateY(-3px)}.modal-actions button[type=submit]{background:linear-gradient(135deg,#C49A1F,#E8B84A);color:#1a2f4a;box-shadow:0 5px 15px #c49a1f4d}.modal-actions button[type=submit]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #c49a1f66}@media (max-width: 768px){.admin-panel{padding:16px}.stats-cards{grid-template-columns:repeat(2,1fr)}.admin-tabs{flex-wrap:wrap}.tab{flex:1 1 auto;justify-content:center}.search-add-section{flex-direction:column}.search-wrapper{max-width:100%;width:100%}.add-btn{width:100%;justify-content:center}table{display:block;overflow-x:auto}.modal-content{padding:30px 20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left;padding:15px 20px}.stat-icon{width:50px;height:50px;font-size:24px}.stat-info{text-align:left}.stat-value{font-size:1.8rem}}.profile-page{padding:40px 20px;background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);min-height:100vh;max-width:1200px;margin:0 auto}.profile-header{background:linear-gradient(135deg,#003b5c 0%,#007b8a 100%);border-radius:20px;padding:40px;margin-bottom:40px;display:flex;align-items:center;gap:30px;box-shadow:0 10px 40px #003b5c33;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:-50%;right:-50%;width:400px;height:400px;background:rgba(255,255,255,.1);border-radius:50%;z-index:0}.profile-avatar-wrapper{position:relative;display:inline-block;z-index:1}.profile-avatar{width:120px;height:120px;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:50px;box-shadow:0 10px 30px #003b5c4d;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn{position:absolute;bottom:5px;right:5px;background:#007b8a;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;border:2px solid white;transition:all .3s ease;z-index:2}.avatar-upload-btn:hover{background:#005662;transform:scale(1.05)}.avatar-uploading{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:11px;color:#fff;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:20px;white-space:nowrap;z-index:2}.profile-title{flex:1;z-index:1}.profile-title h1{color:#fff;font-size:32px;margin-bottom:8px;font-weight:600}.profile-title p{color:#ffffffd9;font-size:16px;display:flex;align-items:center;gap:8px}.profile-actions{display:flex;gap:12px;z-index:1}.btn{padding:12px 24px;border:none;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-edit{background:white;color:#007b8a;box-shadow:0 5px 15px #ffffff4d}.btn-edit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffffff80}.btn-save{background:#28a745;color:#fff}.btn-save:hover:not(:disabled){background:#20c997;transform:translateY(-2px);box-shadow:0 8px 25px #28a7454d}.btn-cancel{background:rgba(255,255,255,.2);color:#fff;border:2px solid white}.btn-cancel:hover:not(:disabled){background:rgba(255,255,255,.3);transform:translateY(-2px)}.profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px;margin-bottom:40px}.info-card{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 20px #00000014;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.info-card h3{color:#003b5c;margin-bottom:25px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px;border-bottom:3px solid #007b8a;padding-bottom:15px}.password-card{border-left:4px solid #ffc107}.password-hint{color:#6c757d;font-size:13px;margin-bottom:20px;font-style:italic}.info-row{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-row label{display:block;font-size:12px;color:#6c757d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;display:flex;align-items:center;gap:6px}.info-row p{color:#2d3748;font-size:16px;font-weight:500;padding:0}.role-badge{display:inline-block;background:linear-gradient(135deg,#007b8a 0%,#004a5c 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.info-row input{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;background-color:#f8f9fa}.info-row input:focus{outline:none;border-color:#007b8a;background-color:#fff;box-shadow:0 0 0 4px #007b8a1a}.info-row input::placeholder{color:#adb5bd}.password-input-group{position:relative;display:flex;align-items:center}.password-input-group input{width:100%;padding-right:45px}.password-toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#6c757d;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:8px}.password-toggle:hover{color:#007b8a;transform:scale(1.15)}.activity-log{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 20px #00000014}.activity-log h3{color:#003b5c;margin-bottom:25px;font-size:18px;font-weight:600;border-bottom:3px solid #007b8a;padding-bottom:15px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:20px;padding:16px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px;border-left:4px solid #007b8a;transition:all .3s ease}.activity-item:hover{background:linear-gradient(135deg,#e9ecef 0%,#dee2e6 100%);transform:translate(5px);box-shadow:0 4px 12px #007b8a1a}.activity-time{font-size:13px;color:#6c757d;min-width:140px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.activity-action{color:#2d3748;font-size:14px;flex:1}.delete-activity-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px;padding:5px 10px;border-radius:5px;transition:all .2s;opacity:.6}.delete-activity-btn:hover{opacity:1;transform:scale(1.05)}@media (max-width: 768px){.profile-page{padding:20px 15px}.profile-header{flex-direction:column;text-align:center;padding:30px 20px;gap:20px}.profile-avatar{width:90px;height:90px;font-size:40px}.profile-title h1{font-size:24px}.profile-actions{width:100%;flex-wrap:wrap;justify-content:center}.btn{flex:1;min-width:120px;justify-content:center}.profile-info{grid-template-columns:1fr;gap:20px}.info-card{padding:20px}.activity-item{flex-direction:column;align-items:flex-start;gap:10px}.activity-time{min-width:auto}}:root{--primary: #003B5C;--secondary: #007B8A;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--light: #e9ecef;--dark: #2d3748;--gray: #6c757d;--white: #ffffff;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 5px 15px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--transition: all .3s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}.settings-page{padding:32px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 70px);background:#f5f7fa}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-header h1{color:var(--primary);display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;margin:0}.page-header h1 svg{font-size:28px}.save-btn{padding:12px 28px;background:linear-gradient(135deg,var(--success),#20c997);color:#fff;border:none;border-radius:50px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition);font-size:14px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px #28a7454d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-btn svg{font-size:16px}.spinning{animation:spin 1s linear infinite}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.settings-card{background:var(--white);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--light)}.settings-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.settings-card h3{color:var(--primary);margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;border-bottom:2px solid var(--light);padding-bottom:12px}.settings-card h3 svg{font-size:18px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--light)}.setting-item:last-child{border-bottom:none}.setting-item label{color:var(--dark);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.setting-item select{padding:8px 12px;border:1px solid var(--light);border-radius:var(--radius-sm);font-size:14px;color:var(--dark);background:var(--white);cursor:pointer;min-width:160px;transition:var(--transition)}.setting-item select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #007b8a1a}.setting-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--secondary)}.setting-item input[type=number]{width:100px;padding:8px 12px;border:1px solid var(--light);border-radius:var(--radius-sm);font-size:14px;color:var(--dark);background:var(--white);transition:var(--transition)}.setting-item input[type=number]:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #007b8a1a}.setting-hint{font-size:11px;color:var(--gray);margin-left:8px}.toggle-switch{position:relative;display:inline-block;width:52px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.3s;border-radius:34px}.toggle-label:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-label{background-color:var(--success)}.toggle-switch input:checked+.toggle-label:before{transform:translate(26px)}.about-card{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.about-card h3{color:#fff;border-bottom-color:#ffffff4d}.about-card .setting-item{border-bottom-color:#ffffff26}.about-card .setting-item label{color:#ffffffe6}.about-content{text-align:center}.about-icon{font-size:48px;margin-bottom:16px}.about-card p{margin:10px 0;line-height:1.6;color:#ffffffe6}.about-card p strong{color:#fff}.about-card p:last-child{margin-bottom:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;opacity:.8}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.settings-loading .spinner{animation:spin 1s linear infinite;font-size:40px;color:var(--secondary)}.settings-loading p{color:var(--gray);font-size:14px}@media (max-width: 1024px){.settings-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}}@media (max-width: 768px){.settings-page{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:24px}.settings-grid{grid-template-columns:1fr;gap:20px}.setting-item{flex-direction:column;align-items:flex-start;gap:10px}.setting-item select,.setting-item input[type=number]{width:100%}.toggle-switch{align-self:flex-start}}@media (max-width: 480px){.settings-page{padding:16px}.page-header h1{font-size:20px}.save-btn{width:100%;justify-content:center;padding:10px 20px}.settings-card{padding:20px}.settings-card h3{font-size:16px}.setting-item label{font-size:13px}}@media print{.settings-page{padding:0;background:white}.save-btn{display:none}.settings-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.settings-card:hover{transform:none}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.save-success{animation:fadeInOut 2s ease}.help-page{padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:var(--primary);display:flex;align-items:center;gap:10px;font-size:28px}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.help-card{background:white;border-radius:12px;padding:25px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.help-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.help-card h3{color:var(--primary);margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:18px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.help-card ul{list-style:none;padding:0}.help-card ul li{padding:10px 0;border-bottom:1px solid #f0f0f0;color:#555}.help-card ul li:last-child{border-bottom:none}.help-card ul li a{color:var(--secondary);text-decoration:none;transition:color .3s}.help-card ul li a:hover{color:var(--primary);text-decoration:underline}.faq-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.question{font-weight:600;color:var(--primary);margin-bottom:5px}.answer{color:#666;font-size:14px;line-height:1.5;padding-left:10px;border-left:3px solid var(--secondary)}.contact-card{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.contact-card h3{color:#fff;border-bottom-color:#ffffff4d}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.contact-item svg{font-size:18px;min-width:20px}.contact-item:last-child{border-bottom:none}.contact-card .hours{margin-top:15px;font-size:13px;opacity:.9;text-align:center;background:rgba(255,255,255,.1);padding:8px;border-radius:5px}.system-info{background:white;border-radius:12px;padding:25px;margin-top:20px;box-shadow:0 5px 15px #0000001a;text-align:center}.system-info h3{color:var(--primary);margin-bottom:15px}.system-info p{color:#666;margin:8px 0;line-height:1.6}.system-info p:last-child{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;color:#888;font-size:13px}@media (max-width: 768px){.help-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}}@media (max-width: 480px){.help-card{padding:20px}.contact-item{font-size:14px}}:root{--primary: #003B5C;--secondary: #007B8A;--accent: #D4A017;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--info: #17a2b8;--light: #f8f9fa;--dark: #343a40;--white: #ffffff;--gray: #6c757d;--text-dark: #2c3e50;--text-light: #ecf0f1}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.text-accent{color:var(--accent)!important}.text-white{color:#fff!important}.text-dark{color:var(--text-dark)!important}.text-muted{color:var(--gray)!important}.bg-primary{background-color:var(--primary)!important}.bg-secondary{background-color:var(--secondary)!important}.bg-accent{background-color:var(--accent)!important}.bg-white{background-color:#fff!important}.bg-light{background-color:var(--light)!important}.shadow-sm{box-shadow:0 2px 4px #0000001a}.shadow-md{box-shadow:0 4px 8px #00000026}.shadow-lg{box-shadow:0 8px 16px #0003}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.container{max-width:1400px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 15px}}@media (max-width: 480px){.container{padding:0 10px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2C6285;--primary-light: #3A7B9E;--primary-dark: #1A4A6B;--secondary: #5B8FB0;--accent: #2D9CDB;--accent-light: #5DB0E3;--accent-dark: #1A6B9F;--gold: #D4A017;--gold-light: #E8B84A;--gold-dark: #B8860B;--sidebar-bg: #F8F5ED;--sidebar-hover: #EFE8DA;--sidebar-text: #2C6285;--sidebar-text-light: #FFFFFF;--sidebar-border: #D4A017;--bg-body: #F0F4F8;--bg-card: #FFFFFF;--bg-hover: #F0E9D8;--text-primary: #1A2C3E;--text-secondary: #4A627A;--text-muted: #7A8FA0;--text-light: #FFFFFF;--border: #E5DCCA;--border-dark: #D4C9B4;--shadow: 0 8px 20px -8px rgba(0, 0, 0, .08);--shadow-lg: 0 15px 30px -12px rgba(0, 0, 0, .12);--shadow-xl: 0 25px 40px -15px rgba(0, 0, 0, .18);--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition: all .4s cubic-bezier(.175, .885, .32, 1.275)}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background-image:url(/assets/Bisu\ G-1170f6c2.jpg);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;color:var(--text-primary);line-height:1.6;font-weight:400;font-size:16px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(44,98,133,.35),rgba(26,74,107,.45));z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 L90 10 L90 90 L10 90 Z' fill='none' stroke='rgba(212, 160, 23, 0.04)' stroke-width='1'/%3E%3C/svg%3E");background-size:50px 50px;opacity:.3;z-index:-1;pointer-events:none}.layout{display:flex;min-height:100vh}.sidebar{width:300px;background:var(--sidebar-bg);border-right:3px solid var(--sidebar-border);position:fixed;height:100vh;overflow-y:auto;box-shadow:5px 0 30px #00000014;transition:var(--transition);z-index:100}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--border)}.sidebar::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.sidebar-header{padding:40px 30px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));position:relative;overflow:hidden}.sidebar-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,160,23,.2),transparent 70%);animation:slowRotate 30s linear infinite}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-header h2{color:var(--text-light)!important;font-size:2rem;font-weight:700;margin-bottom:8px;letter-spacing:2px;text-transform:uppercase;font-family:Cinzel,serif;text-shadow:1px 1px 3px rgba(0,0,0,.2);position:relative}.sidebar-header p{color:var(--gold-light)!important;font-size:.9rem;font-style:italic;position:relative}.sidebar-user{padding:25px 30px;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:20px;background:rgba(212,160,23,.06);transition:var(--transition)}.user-avatar{width:65px;height:65px;background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:28px;font-weight:600;box-shadow:0 8px 20px #d4a0174d;border:3px solid var(--text-light);transition:var(--transition)}.user-avatar:hover{transform:rotate(360deg) scale(1.05)}.user-info h4{color:var(--text-primary)!important;font-size:1.2rem;font-weight:700;margin-bottom:5px;font-family:Cinzel,serif}.user-info p{color:var(--text-secondary)!important;font-size:.85rem;display:flex;align-items:center;gap:8px;font-style:italic}.user-info p:before{content:"✦";color:var(--gold);font-size:1rem}.sidebar-nav{padding:20px 0}.nav-item{display:flex;align-items:center;gap:16px;padding:14px 30px;color:var(--text-primary)!important;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-size:1rem;font-weight:500;transition:var(--transition);margin:3px 0;position:relative;font-family:Inter,sans-serif}.nav-item:after{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(to bottom,var(--gold),var(--gold-light));opacity:0;transition:opacity .3s}.nav-item:hover{background:rgba(212,160,23,.1);color:var(--gold)!important;padding-left:40px}.nav-item:hover:after{opacity:1;width:4px;box-shadow:0 0 8px var(--gold)}.nav-item.active{background:linear-gradient(90deg,rgba(212,160,23,.15),transparent);color:var(--gold)!important;font-weight:600}.nav-item.active:after{opacity:1;width:4px;box-shadow:0 0 12px var(--gold)}.nav-icon{font-size:1.2rem;width:24px;color:var(--gold);filter:drop-shadow(0 2px 4px rgba(212,160,23,.2))}.main-content{flex:1;margin-left:300px;min-height:100vh;padding:30px;transition:var(--transition)}.top-bar{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:60px;padding:12px 30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(212,160,23,.3);box-shadow:0 8px 25px #0000000f;transition:var(--transition);position:relative}.top-bar:before{content:"";position:absolute;top:-2px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.page-title h2{color:var(--text-primary)!important;font-size:1.8rem;font-weight:700;font-family:Cinzel,serif;letter-spacing:1px;margin:0}.top-bar-actions{display:flex;align-items:center;gap:20px}.user-menu{display:flex;align-items:center;gap:12px;padding:6px 18px 6px 12px;background:rgba(212,160,23,.1);border-radius:40px;cursor:pointer;transition:var(--transition);border:1px solid rgba(212,160,23,.3)}.user-menu:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 8px 20px #d4a0174d}.user-menu:hover span{color:#fff!important}.user-avatar-small{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;transition:var(--transition);border:2px solid var(--gold)}.user-menu:hover .user-avatar-small{transform:rotate(360deg);background:white;color:var(--primary)}.user-menu span{color:var(--text-primary)!important;font-weight:500;font-size:.95rem;transition:var(--transition)}.card,.welcome-card,.program-card,.document-card,.video-card,.settings-card,.profile-card,.help-card,.page-header,.upload-section,.documents-display,.recent-activities,.modal-content{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:30px;border:1px solid rgba(212,160,23,.25);box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.card:before,.program-card:before,.settings-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,160,23,.06),transparent 70%);animation:slowRotate 20s linear infinite;z-index:0;pointer-events:none}.card>*,.program-card>*,.settings-card>*{position:relative;z-index:1}.welcome-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;background:rgba(255,255,255,.98);border-radius:36px;padding:35px 40px;border:1px solid rgba(212,160,23,.3);box-shadow:var(--shadow-lg);position:relative}.welcome-section:before{content:"";position:absolute;top:10px;left:20px;right:20px;bottom:10px;border:1px dashed rgba(212,160,23,.2);border-radius:28px;pointer-events:none}.welcome-text h1{color:var(--text-primary)!important;font-size:2.2rem;font-weight:700;margin-bottom:10px;font-family:Cinzel,serif;letter-spacing:1px}.welcome-text p{color:var(--text-secondary)!important;font-size:1.1rem;font-style:italic;display:flex;align-items:center;gap:10px}.welcome-text p:before,.welcome-text p:after{content:"✦";color:var(--gold);font-size:1.2rem}button{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff!important;border:none;border-radius:40px;padding:12px 30px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:0 6px 18px #2c628533;position:relative;overflow:hidden;border:1px solid rgba(212,160,23,.25);font-family:Inter,sans-serif}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #2d9cdb4d;background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important}button:hover:before{left:100%}.quick-actions{display:flex;gap:15px;flex-wrap:wrap}.quick-action-btn{background:linear-gradient(135deg,var(--accent),var(--accent-light))!important;color:var(--primary)!important;box-shadow:0 8px 20px #2d9cdb40}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;gap:20px;border:none;transition:var(--transition);padding:25px;border:1px solid rgba(45,156,219,.25);position:relative;overflow:hidden;border-radius:var(--radius-lg)}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(45,156,219,.12),transparent 70%);animation:slowRotate 20s linear infinite}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 35px #2d9cdb33}.stat-icon{width:65px;height:65px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.25)}.stat-card:hover .stat-icon{transform:rotate(360deg) scale(1.05);background:rgba(45,156,219,.25)}.stat-number{font-size:2.2rem;font-weight:800;color:#fff!important;line-height:1.2;font-family:Cinzel,serif}.stat-label{font-size:.9rem;color:#ffffffe6!important;text-transform:uppercase;letter-spacing:1.5px;font-weight:400}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:25px;margin-bottom:30px}.program-card{cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;background:rgba(255,255,255,.98);border-radius:28px;padding:28px;border:1px solid rgba(212,160,23,.25);box-shadow:var(--shadow)}.program-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,160,23,.08),transparent 70%);animation:slowRotate 20s linear infinite;z-index:0}.program-card:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(45,156,219,.06) 25%,rgba(93,176,227,.1) 50%,rgba(45,156,219,.06) 75%,transparent 100%);animation:scanDown 3s linear infinite;pointer-events:none;z-index:2}@keyframes scanDown{0%{top:-100%}to{top:100%}}.program-card>*{position:relative;z-index:1}.program-card:hover{transform:translateY(-8px) scale(1.01);border-color:var(--accent);box-shadow:0 20px 35px #2d9cdb40,0 0 0 2px #2d9cdb40;background:rgba(255,255,255,1)}.program-card:hover:before{background:radial-gradient(circle,rgba(45,156,219,.1),transparent 70%)}.program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed rgba(212,160,23,.25)}.program-code{font-size:2rem;font-weight:800;color:var(--text-primary)!important;font-family:Cinzel,serif;letter-spacing:1.5px;background:transparent;padding:0;transition:all .3s}.program-card:hover .program-code{color:var(--accent)!important;text-shadow:0 0 6px rgba(45,156,219,.3)}.program-level{background:transparent;padding:0 0 4px;font-size:.9rem;font-weight:600;color:var(--gold)!important;border-bottom:2px solid var(--gold);font-style:italic;transition:var(--transition)}.program-level:hover{border-bottom-color:var(--accent);transform:scale(1.02)}.program-name{color:var(--text-secondary)!important;font-size:1rem;margin:14px 0;line-height:1.5;font-weight:500;padding-bottom:4px;border-bottom:1px solid rgba(212,160,23,.15);display:inline-block}.program-name:hover{border-bottom-color:var(--accent)}.areas-preview{display:flex;flex-wrap:wrap;gap:15px;margin:18px 0}.area-tag{background:transparent;padding:0 0 4px;font-size:.85rem;font-weight:500;color:var(--text-primary)!important;border-bottom:2px solid rgba(212,160,23,.25);transition:var(--transition);font-style:italic}.area-tag:hover{border-bottom-color:var(--accent);color:var(--accent)!important;transform:translateY(-2px)}.area-tag.mandatory{border-bottom:3px solid var(--gold);font-weight:700}.progress-section{margin:22px 0}.progress-header{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)!important;margin-bottom:8px;font-weight:500}.progress-bar{height:5px;background:rgba(212,160,23,.1);border-radius:0;overflow:hidden;border-bottom:1px solid rgba(212,160,23,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));position:relative;transition:width 1s cubic-bezier(.175,.885,.32,1.275)}.program-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;border-top:1px dashed rgba(212,160,23,.25)}.status-badge{padding:0 0 4px;font-size:.9rem;font-weight:600;color:var(--gold)!important;border-bottom:2px solid var(--gold);transition:var(--transition);font-style:italic;background:transparent}.status-badge:hover{border-bottom-color:var(--accent);color:var(--accent)!important;transform:scale(1.02)}.status-badge.compliant{color:#2e7d32!important;border-bottom-color:#2e7d32}.status-badge.in-progress{color:#ed6c02!important;border-bottom-color:#ed6c02}.status-badge.for-compliance{color:#d32f2f!important;border-bottom-color:#d32f2f}.quick-actions-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(44,98,133,.95),rgba(26,74,107,.95));border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeScale .3s ease}.quick-actions-overlay button{background:white!important;color:var(--primary)!important;border:none;padding:14px 28px;border-radius:40px;width:80%;cursor:pointer;font-weight:600;font-size:1rem;transition:var(--transition);box-shadow:0 8px 20px #00000026;font-family:Inter,sans-serif}.quick-actions-overlay button:hover{background:var(--accent)!important;color:#fff!important;transform:translate(12px)}input,select,textarea{background:rgba(255,255,255,.95);color:var(--text-primary);border:none;border-bottom:2px solid rgba(212,160,23,.3);border-radius:0;padding:12px 5px;font-size:1rem;width:100%;transition:var(--transition);font-family:Inter,sans-serif}input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--accent);transform:translateY(-2px);background:transparent}label{color:#fff;font-weight:600;margin-bottom:8px;display:block;font-size:.95rem;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.15)}table{background:rgba(255,255,255,.98);border-radius:28px;overflow:hidden;width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(45,156,219,.2)}th{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff!important;padding:16px 22px;text-align:left;font-weight:700;font-size:1rem;font-family:Cinzel,serif;letter-spacing:.5px;border-bottom:2px solid var(--accent)}td{padding:14px 22px;color:var(--text-secondary);border-bottom:1px solid rgba(45,156,219,.08);transition:var(--transition);font-size:.95rem}tr:last-child td{border-bottom:none}tr:hover td{background:rgba(45,156,219,.04);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,.15);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:10px;border:2px solid rgba(255,255,255,.2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--gold),var(--gold-light))}link[rel=icon]{border-radius:0}apple-touch-icon{border-radius:0}@keyframes titlePulse{0%,to{opacity:1}50%{opacity:.7}}title{animation:titlePulse 2s ease-in-out infinite}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:var(--transition)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stats-grid,.programs-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.welcome-section{flex-direction:column;text-align:center}.welcome-text p:before,.welcome-text p:after{display:none}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card,.stat-card,.program-card,.welcome-section{animation:fadeScale .5s ease-out;animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}