body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-loading-container{align-items:center;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:20px;justify-content:center;min-height:100vh}.app-spinner{animation:app-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1b8b6a;border-top:4px solid var(--primary-color,#1b8b6a);height:40px;width:40px}@keyframes app-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard{background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background .3s}.logout-btn:hover{background:#ffffff4d}.dashboard-content{margin:0 auto;max-width:1200px;padding:30px}.dashboard-content h2{color:#333;margin-bottom:10px}.dashboard-content p{color:#666;line-height:1.6}*{margin:0;padding:0}.login-container{align-items:center;background:var(--background-gradient);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.animated-bg-element{animation:float 20s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.element-1{animation-delay:0s;background:var(--primary-color);height:300px;left:-150px;top:-150px;width:300px}.element-2{animation-delay:5s;background:var(--secondary-color);bottom:-100px;height:200px;right:-100px;width:200px}.element-3{animation-delay:10s;background:var(--primary-color-light);height:250px;right:-125px;top:50%;width:250px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.login-card{animation:slideUp .5s ease-out;background:var(--card-background);border-radius:20px;box-shadow:0 20px 60px var(--shadow-color);max-width:450px;padding:40px;position:relative;width:100%;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-in}.login-header{margin-bottom:30px;text-align:center}.logo{animation:logoBreatheIn .8s ease-out;height:200px;margin-bottom:8px;object-fit:contain;width:200px}@keyframes logoBreatheIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.hospital-name{color:var(--primary-color);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.app-title{color:var(--secondary-color);font-size:18px;font-weight:400;margin-bottom:10px}.user-type-selector{display:flex;gap:10px;margin-bottom:25px}.user-type-btn{align-items:center;background:var(--card-background);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:500;gap:5px;padding:12px;transition:all .3s ease}.user-type-btn:hover{border-color:var(--primary-color);box-shadow:0 5px 15px #1b8b6a33;transform:translateY(-2px)}.user-type-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-light));border-color:var(--primary-color);color:#fff;transform:scale(1.05)}.user-type-btn .icon{font-size:24px}.login-form{margin-top:20px}.form-group0{margin-bottom:20px;position:relative}.form-group0.focused .input-wrapper{border-color:var(--primary-color);box-shadow:0 0 0 3px #1b8b6a1a}.input-wrapper{align-items:center;background:#fafafa;border:2px solid var(--border-color);border-radius:10px;display:flex;position:relative;transition:all .3s ease}.input-wrapper:hover{border-color:var(--primary-color)}.input-icon{color:var(--primary-color);font-size:18px;left:15px;position:absolute}.form-input{background:#0000;border:none;color:var(--text-primary);font-size:15px;outline:none;padding:12px 45px;width:100%}.form-input::placeholder{color:#aaa}.password-toggle{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:18px;padding:5px;position:absolute;right:15px;transition:transform .2s ease}.password-toggle:hover{transform:scale(1.1)}.form-options{font-size:14px;justify-content:space-between;margin-bottom:25px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;gap:8px}.remember-me input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.forgot-password{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:var(--secondary-color-dark);text-decoration:underline}.login-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-light));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn.loading{cursor:not-allowed;opacity:.9}.spinner1{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{color:var(--text-light);font-size:13px;margin-top:30px;text-align:center}.help-text{margin-bottom:8px}.help-text .email-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:none}.help-text .email-link:hover{text-decoration:underline}.version-text{color:#bbb;font-size:12px}@media (max-width:480px){.login-card{margin:20px;padding:30px 20px}.hospital-name{font-size:20px}.app-title{font-size:16px}.user-type-selector{gap:5px}.user-type-btn{font-size:12px;padding:10px 5px}.user-type-btn .icon{font-size:20px}.form-input{font-size:14px;padding:10px 40px}.login-btn{font-size:15px;padding:12px}}.login-btn:focus{box-shadow:0 0 0 3px #1b8b6a4d;outline:none}.admin-dashboard-container{background:#f5f7fa;display:flex;min-height:100vh;overflow-x:hidden;position:relative}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease,width .3s ease;width:260px;z-index:1000}.sidebar.closed{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-header{background:#ffffff1a;border-bottom:1px solid #ffffff1a;padding:20px}.sidebar .logo-container{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:flex-start;padding:0 10px}.sidebar-logo{background:#fff;border-radius:8px;flex-shrink:0;height:40px;min-height:40px;min-width:40px;object-fit:contain;padding:3px;width:40px}.sidebar .logo-text{flex:1 1}.sidebar .logo-text h2{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0}.sidebar .logo-text p{color:#ffffffe6;font-size:10px;line-height:1.2;margin:2px 0 0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-item{align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;margin:4px 12px;padding:14px 24px;position:relative;transition:all .3s ease}.sidebar-item:hover{background:#ffffff1a;color:#fff}.sidebar-item.active{background:#fff3;color:#fff}.sidebar-item.active:before{background:#fff;border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sidebar-icon{align-items:center;display:flex;font-size:20px;justify-content:center;margin-right:12px;width:24px}.sidebar-text{font-size:14px;font-weight:500}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.main-content.sidebar-open{margin-left:260px}.main-content.sidebar-closed{margin-left:0}.admin-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;min-height:70px;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:1 1;min-width:0}.sidebar-toggle{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:24px;transition:color .3s ease}.sidebar-toggle:hover{color:#667eea}.header-right{flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content}.notification-icon:hover{color:#667eea}.notification-badge{right:-8px;top:-8px}.profile-section{flex-shrink:0}.profile-avatar{flex-shrink:0;font-weight:600}.welcome-section{animation:slideInDown .6s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.stat-card{justify-content:flex-start}.stat-card:nth-child(5){animation-delay:.5s}.stat-icon1{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.stat-title{margin:5px 0 10px}.stat-trend{align-items:center;display:flex;gap:8px}.trend{background:#e8f5e9;border-radius:12px;color:#2ecc71;font-size:13px;font-weight:600;padding:3px 8px}.trend.down{background:#ffebee;color:#e74c3c}.trend-subtitle{color:#95a5a6;font-size:12px}.analytics-card{overflow:hidden}.chart-container{height:250px;max-width:100%;overflow:hidden;padding:20px 0;position:relative;width:100%}.chart-bars{align-items:flex-end;border-bottom:2px solid #ecf0f1;border-left:2px solid #ecf0f1;display:flex;gap:4px;height:200px;justify-content:space-around;max-width:100%;overflow-x:auto;padding:10px}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column}.chart-bar-wrapper{align-items:flex-end;display:flex;gap:5px;height:180px}.chart-bar{border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;width:25px}.chart-bar.submitted{background:linear-gradient(180deg,#3498db,#2980b9)}.chart-bar.verified{background:linear-gradient(180deg,#2ecc71,#27ae60)}.chart-bar:hover{transform:scaleY(1.05)}.bar-value{color:#2c3e50;font-size:11px;font-weight:600;left:50%;opacity:0;position:absolute;top:-20px;transform:translateX(-50%);transition:opacity .3s ease}.chart-bar:hover .bar-value{opacity:1}.chart-label{color:#7f8c8d;font-size:12px;font-weight:500;margin-top:10px}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:15px}.chart-legend span{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:5px}.legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.legend-dot.submitted{background:#3498db}.legend-dot.verified{background:#2ecc71}.legend-color{flex-shrink:0}.no-data-message{align-items:center;color:#7f8c8d;display:flex;font-size:14px;justify-content:center;min-height:200px;padding:20px;text-align:center}.dashboard-loading{gap:20px;padding:50px}.spinner{border:4px solid #ecf0f1}.alert-error{background:#ffebee;color:#c62828}.content-placeholder{animation:fadeIn .5s ease;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:40px;text-align:center}.content-placeholder h2{color:#2c3e50;font-size:28px;margin:0 0 15px}.content-placeholder p{color:#7f8c8d;font-size:16px;margin:0}.admin-footer{background:#fff;border-top:1px solid #ecf0f1;margin-top:auto;padding:20px;text-align:center}.admin-footer p{color:#7f8c8d;font-size:14px;margin:0}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1200px){.sidebar{width:240px}.main-content.sidebar-open{margin-left:240px}.analytics-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:968px){.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.analytics-section{gap:20px}.analytics-card{padding:20px}.chart-container{height:220px}}@media (max-width:768px){.sidebar{position:fixed;width:280px;z-index:1001}.sidebar.closed{transform:translateX(-100%)}.main-content{margin-left:0!important}.sidebar-toggle{display:block!important}.sidebar-overlay{display:block}.admin-header{min-height:60px;overflow:visible;padding:12px 15px}.header-left{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0}.page-title{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{flex-shrink:0;gap:10px}.dropdown-arrow,.profile-info{display:none!important}.profile-section{min-width:36px;padding:6px}.profile-avatar{flex-shrink:0;font-size:14px;height:36px;width:36px}.welcome-section{margin-bottom:20px;padding:20px}.welcome-title{font-size:22px}.welcome-subtitle{font-size:14px}.page-content{padding:15px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;flex-direction:column;gap:10px;justify-content:center;padding:15px;text-align:center}.stat-icon1{font-size:22px;height:45px;margin:0 auto;width:45px}.stat-content{align-items:center;display:flex;flex:1 1;flex-direction:column;width:100%}.stat-value{font-size:24px;text-align:center}.stat-title{font-size:12px;margin:3px 0 0;text-align:center}.analytics-section{gap:15px;grid-template-columns:1fr;margin-bottom:20px}.analytics-card{padding:15px}.analytics-title{flex-wrap:wrap;font-size:15px;margin-bottom:15px}.chart-container{height:200px;padding:15px 0}.chart-bars{height:160px;padding:5px}.chart-bar{width:18px}.bar-value{font-size:10px;top:-18px}.chart-label{font-size:10px;margin-top:8px}.chart-legend{font-size:11px;gap:12px;margin-top:12px}.legend-dot{height:8px;width:8px}.donut-chart-container{flex-direction:column;gap:20px;padding:10px 0}.donut-chart{height:160px;width:160px}.center-value{font-size:20px}.center-label{font-size:11px}.donut-legend{gap:8px;width:100%}.legend-item{gap:8px}.legend-color{height:10px;width:10px}.legend-text{font-size:12px}.dashboard-loading{padding:30px}.dashboard-loading p{font-size:14px}.admin-footer{padding:15px}.admin-footer p{font-size:12px}.profile-dropdown{min-width:200px;right:0}}@media (max-width:480px){.sidebar{max-width:280px;width:100%}.admin-header{min-height:56px;padding:10px 12px}.header-left{gap:10px}.page-title{font-size:16px}.sidebar-toggle{font-size:20px}.page-content{padding:12px}.stats-grid{gap:10px;grid-template-columns:1fr}.stat-card{align-items:center;flex-direction:row;justify-content:flex-start;padding:15px;text-align:left}.stat-icon1{font-size:24px;height:50px;margin:0;width:50px}.stat-content{align-items:flex-start;flex:1 1}.stat-value{font-size:26px;text-align:left}.stat-title{font-size:13px;text-align:left}.welcome-section{margin-bottom:15px;padding:15px}.welcome-title{font-size:20px}.welcome-subtitle{font-size:13px}.analytics-section{gap:12px;margin-bottom:15px}.analytics-card{padding:12px}.analytics-title{font-size:14px;margin-bottom:12px}.chart-container{height:180px;padding:10px 0}.chart-bars{gap:2px;height:140px;padding:5px}.chart-bar-wrapper{gap:3px}.chart-bar{width:14px}.bar-value{font-size:9px;top:-16px}.chart-label{font-size:9px;margin-top:6px}.chart-legend{flex-wrap:wrap;font-size:10px;gap:10px;margin-top:10px}.legend-dot{height:7px;width:7px}.donut-chart-container{gap:15px;padding:5px 0}.donut-chart{height:140px;width:140px}.center-value{font-size:18px}.center-label{font-size:10px}.donut-legend{gap:6px}.legend-text{font-size:11px}.no-data-message{font-size:13px;min-height:150px;padding:15px}.admin-footer{padding:12px}.admin-footer p{font-size:11px;line-height:1.4}.profile-dropdown{min-width:180px;right:-10px}.dropdown-item{font-size:13px;padding:10px}.profile-section{min-width:32px;padding:4px}.profile-avatar{font-size:13px;height:32px;width:32px}}@media (max-width:360px){.admin-header{min-height:52px;padding:8px 10px}.page-title{font-size:14px}.sidebar-toggle,.welcome-title{font-size:18px}.welcome-subtitle{font-size:12px}.stat-card{padding:12px}.stat-icon1{height:45px;width:45px}.stat-icon1,.stat-value{font-size:22px}.stat-title{font-size:12px}.chart-bar{width:12px}.chart-label{font-size:8px}.donut-chart{height:120px;width:120px}.center-value{font-size:16px}.analytics-title{font-size:13px}.profile-avatar{font-size:12px;height:30px;width:30px}}@media (max-width:768px){.admin-dashboard-container .admin-header{box-sizing:border-box;max-width:100vw}.admin-dashboard-container .header-left{flex:1 1 auto;max-width:calc(100% - 60px);min-width:0}.admin-dashboard-container .page-title{max-width:100%;overflow:hidden;text-overflow:ellipsis}.admin-dashboard-container .header-right{flex:0 0 auto;width:50px}.admin-dashboard-container .profile-section{height:40px;padding:2px;width:40px}.admin-dashboard-container .profile-avatar{height:36px;width:36px}.admin-dashboard-container .welcome-section{margin-left:15px;margin-right:15px}.admin-dashboard-container .page-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.admin-dashboard-container .stats-grid{display:grid;grid-template-columns:repeat(2,1fr)}.admin-dashboard-container .stat-card{align-items:center;display:flex;flex-direction:column;min-height:120px;padding:12px 8px;text-align:center}.admin-dashboard-container .stat-icon1{font-size:20px;height:40px;margin-bottom:8px;width:40px}.admin-dashboard-container .stat-content{align-items:center;display:flex;flex-direction:column;width:100%}.admin-dashboard-container .stat-value{font-size:22px;text-align:center}.admin-dashboard-container .stat-title{font-size:11px;line-height:1.3;text-align:center}}@media (max-width:480px){.admin-dashboard-container .admin-header{padding:10px 12px}.admin-dashboard-container .header-left{gap:8px;max-width:calc(100% - 50px)}.admin-dashboard-container .page-title{font-size:16px}.admin-dashboard-container .header-right{width:40px}.admin-dashboard-container .profile-section{height:36px;padding:2px;width:36px}.admin-dashboard-container .profile-avatar{font-size:13px;height:32px;width:32px}.admin-dashboard-container .welcome-section{margin:0 12px 15px;padding:15px}.admin-dashboard-container .welcome-title{font-size:18px}.admin-dashboard-container .welcome-subtitle{font-size:13px}.admin-dashboard-container .stats-grid{gap:10px;grid-template-columns:1fr}.admin-dashboard-container .stat-card{align-items:center;flex-direction:row;gap:15px;justify-content:flex-start;min-height:auto;padding:15px;text-align:left}.admin-dashboard-container .stat-icon1{flex-shrink:0;font-size:24px;height:50px;margin:0;width:50px}.admin-dashboard-container .stat-content{align-items:flex-start;flex:1 1}.admin-dashboard-container .stat-value{font-size:26px;text-align:left}.admin-dashboard-container .stat-title{word-wrap:break-word;font-size:13px;text-align:left}.admin-dashboard-container .chart-container{height:180px}.admin-dashboard-container .chart-bars{height:140px}.admin-dashboard-container .chart-bar{width:12px}.admin-dashboard-container .donut-chart{height:140px;width:140px}.admin-dashboard-container .analytics-card{padding:12px}.admin-dashboard-container .analytics-title{font-size:14px}}@media (max-width:360px){.admin-dashboard-container .page-title{font-size:14px}.admin-dashboard-container .welcome-title{font-size:16px}.admin-dashboard-container .stat-value{font-size:22px}.admin-dashboard-container .stat-icon1{font-size:22px;height:45px;width:45px}}.manage-course-container{background:#f5f7fa;min-height:calc(100vh - 200px);padding:0}.manage-course-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border-top-color:#667eea}.manage-course-header{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:0 0 20px 20px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.btn-create-course{align-items:center;background:#fff;border:none;border-radius:8px;color:#27ae60;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-create-course:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.search-section{padding:0 30px 30px}.search-bar{width:100%}.search-bar input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.courses-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:0 30px 30px}.no-courses{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;grid-column:1/-1;padding:60px 20px;text-align:center}.no-courses-icon{color:#ccc;font-size:48px;margin-bottom:20px}.no-courses h3{color:#666;margin:0 0 10px}.no-courses p{color:#999;margin:0}.course-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden;transition:all .3s ease}.course-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.course-card-header{align-items:start;background:linear-gradient(135deg,#f5f7fa,#fff);border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px}.course-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.course-code1{background:#667eea;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.course-actions{display:flex;gap:8px}.course-card-body{padding:20px}.course-description{color:#666;font-size:14px;line-height:1.6;margin:0 0 15px;min-height:44px}.course-stats1{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.stat2{align-items:center;color:#777;display:flex;font-size:13px;gap:6px}.stat-icon4{color:#667eea;font-size:14px}.course-modules-preview{border-top:1px solid #f0f0f0;margin-bottom:10px;padding-top:15px}.modules-toggle{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:0;width:100%}.modules-toggle:hover{color:#764ba2}.modules-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.module-item{background:#f8f9fa;border-radius:6px;font-size:13px;gap:10px;padding:8px}.module-item,.module-number{align-items:center;display:flex}.module-number{background:#667eea;border-radius:50%;color:#fff;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.module-name{color:#444;flex:1 1}.module-type{background:#e0e7ff;border-radius:4px;color:#667eea;font-size:11px;font-weight:600;padding:2px 8px}.course-checklists-preview{border-top:1px solid #f0f0f0;padding-top:15px}.checklists-toggle{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:0;width:100%}.checklists-toggle:hover{color:#764ba2}.checklists-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.checklist-item{align-items:center;background:#f0f8ff;border-left:3px solid #4a90e2;border-radius:6px;display:flex;font-size:13px;gap:10px;padding:8px}.checklist-number{align-items:center;background:#4a90e2;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.checklist-name{color:#444;flex:1 1}.checklist-items-count{background:#e3f2fd;border-radius:4px;color:#2196f3;font-size:11px;font-weight:600;padding:2px 8px}.course-form{padding:24px}.form-group1{display:flex;flex-direction:column}.form-group1 label{color:#444;font-size:14px;font-weight:600;margin-bottom:8px}.form-group1 input,.form-group1 select,.form-group1 textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-group1 input:focus,.form-group1 select:focus,.form-group1 textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group1 textarea{font-family:inherit;resize:vertical}.modules-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.modules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modules-header h4{color:#2c3e50;font-size:18px;margin:0}.btn-add-module{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-add-module:hover{background:#5a6fc8}.module-form{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.module-form h5{color:#444;font-size:16px;margin:0 0 15px}.row-wise-config{background:#fff5e5;border:1px solid #ffd4a3;border-radius:6px;margin-top:20px;padding:15px}.row-elements-section{margin-top:20px}.row-elements-section h6{align-items:center;color:#666;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 15px}.row-element-form{margin-bottom:15px}.row-element-form .form-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.row-element-form input,.row-element-form select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px}.row-element-form input[type=text]:first-child{flex:1 1;min-width:200px}.row-elements-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.row-element-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:13px;gap:10px;padding:10px}.element-number{color:#ff9800;font-weight:600;min-width:20px}.element-label{color:#333;flex:1 1;font-weight:500}.element-type{background:#fff3e0;color:#ff9800;font-weight:600}.element-options,.element-type{border-radius:3px;font-size:11px;padding:2px 8px}.element-options{background:#f0f0f0;color:#666;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-wise-config{margin-top:20px}.field-groups-section{background:#f0f4ff;border:1px solid #d1e0ff;border-radius:6px;margin-bottom:25px;padding:15px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h6{color:#444;font-size:14px;font-weight:600;margin:0}.btn-create-group{align-items:center;background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.btn-create-group:hover{background:#3a7bc8}.group-creation-form{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px;padding:15px}.group-fields-section{margin-top:15px}.group-fields-section label{color:#666;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.group-fields-list{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:10px}.group-form-actions{display:flex;gap:10px;margin-top:15px}.btn-save-group{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.btn-save-group:hover{background:#3a7bc8}.field-groups-list{display:flex;flex-direction:column;gap:10px}.field-group-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.group-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.group-icon{color:#4a90e2;font-size:16px}.group-name{color:#333;flex:1 1;font-size:14px;font-weight:600}.field-count{background:#e3f2fd;border-radius:3px;color:#2196f3;font-size:11px;font-weight:600;padding:2px 8px}.btn-remove-group{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px}.btn-remove-group:hover{color:#c82333}.group-fields{display:flex;flex-wrap:wrap;gap:6px}.group-field-tag{background:#e8f0ff;border-radius:3px;color:#4a90e2;font-size:11px;padding:3px 8px}.individual-fields-section{background:#f8f9fa;border-radius:6px;padding:15px}.individual-fields-section h6{color:#666;font-size:14px;font-weight:600;margin:0 0 15px}.fields-section{margin-top:20px}.fields-section h6{color:#666;font-size:14px;font-weight:600;margin:0 0 15px}.field-form{display:flex;flex-direction:column;gap:15px}.field-form .form-row{align-items:center;display:flex;gap:10px;margin-bottom:0}.field-form input,.field-form select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px}.checkbox-label{font-size:13px;gap:6px;white-space:nowrap}.checkbox-label input[type=checkbox]{margin:0}.btn-add-field{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;white-space:nowrap}.btn-add-field:hover{background:#218838}.options-input{margin-top:10px;width:100%}.fields-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.field-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:13px;gap:10px;padding:8px 12px}.field-type{background:#e0e7ff;color:#667eea}.field-type,.required-badge{border-radius:3px;font-size:11px;font-weight:600;padding:2px 8px}.required-badge{background:#ffc107;color:#000}.btn-remove-field{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px;margin-left:auto}.btn-remove-field:hover{color:#c82333}.module-form-actions{display:flex;gap:10px;margin-top:20px}.btn-save-module{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-save-module:hover{background:#218838}.btn-cancel{background:#6c757d;border:none;border-radius:6px;font-weight:500;padding:10px 20px}.btn-cancel:hover{background:#5a6268}.modules-list-form{display:flex;flex-direction:column;gap:15px}.module-card{border:1px solid #e0e0e0;border-radius:8px;padding:15px}.module-card-header{gap:10px;margin-bottom:10px}.module-card-header h5{color:#444;flex:1 1;font-size:15px;margin:0}.module-type-badge{background:#667eea;border-radius:4px;color:#fff;font-size:11px;padding:4px 10px}.btn-remove-module{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px}.btn-remove-module:hover{color:#c82333}.module-details{color:#666;display:flex;font-size:13px;gap:20px}.module-details p{margin:0}.checklists-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.checklists-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.checklists-header h4{color:#2c3e50;font-size:18px;margin:0}.btn-add-checklist{align-items:center;background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-add-checklist:hover{background:#3a7bc8}.checklist-form{background:#f0f8ff;border:1px solid #d1e7fd;border-radius:8px;margin-bottom:20px;padding:20px}.checklist-form h5{color:#444;font-size:16px;margin:0 0 15px}.observation-items-section{margin-top:20px}.observation-items-section label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.observation-input-group{display:flex;gap:10px;margin-bottom:15px}.observation-input-group input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.btn-add-observation{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;white-space:nowrap}.btn-add-observation:hover{background:#3a7bc8}.observation-items-list{background:#fff;border:1px solid #e0e0e0;border-radius:6px;max-height:200px;overflow-y:auto;padding:10px}.observation-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:14px;gap:10px;padding:8px}.observation-item:last-child{border-bottom:none}.item-number{color:#4a90e2;min-width:20px}.item-name{color:#333}.item-scale{color:#999;font-size:12px;font-style:italic}.btn-remove-observation{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px;padding:4px}.btn-remove-observation:hover{background:#ffebee;border-radius:4px;color:#c82333}.checklist-form-actions{display:flex;gap:10px;margin-top:20px}.btn-save-checklist{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-save-checklist:hover{background:#3a7bc8}.checklists-list-form{display:flex;flex-direction:column;gap:15px}.checklist-card{background:#fff;border:2px solid #e3f2fd;border-radius:8px;padding:15px}.checklist-card-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.checklist-card-header h5{color:#444;flex:1 1;font-size:15px;margin:0}.checklist-badge{background:#4a90e2;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.btn-remove-checklist{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px}.btn-remove-checklist:hover{color:#c82333}.checklist-details{margin-top:10px}.checklist-items-preview{background:#f8f9fa;border-radius:4px;font-size:13px;padding:10px}.preview-item{color:#666;margin:3px 0}.more-items{color:#999;font-size:12px;font-style:italic;margin:5px 0 0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d}.assessments-section{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.assessments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn-add-assessment{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-add-assessment:hover{background:#0056b3;transform:translateY(-2px)}.assessment-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:25px}.grade-config,.period-selection,.score-config{background:#f8f9fa;border-radius:6px;margin:20px 0;padding:15px}.month-presets{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.btn-preset{background:#e9ecef;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-preset:hover{background:#007bff;border-color:#007bff;color:#fff}.month-grid,.year-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.month-checkbox,.year-checkbox{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:10px;transition:all .2s}.month-checkbox:hover,.year-checkbox:hover{background:#f0f8ff;border-color:#007bff}.month-checkbox input:checked+span,.year-checkbox input:checked+span{color:#007bff;font-weight:600}.selected-periods-preview{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:15px;padding:15px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.period-tag{align-items:center;background:#007bff;border-radius:4px;color:#fff;display:inline-flex;font-size:13px;padding:6px 12px}.assessment-items-section{margin:20px 0}.assessment-item-input-group{display:flex;gap:10px;margin:15px 0}.assessment-item-input-group input{border:1px solid #ced4da;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.btn-add-assessment-item{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-add-assessment-item:hover{background:#218838}.assessment-items-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.assessment-item{background:#fff;border:1px solid #e9ecef;padding:12px;transition:all .2s}.assessment-item:hover{background:#f8f9fa;border-color:#007bff}.assessment-options{background:#f8f9fa;border-radius:6px;margin:20px 0;padding:15px}.assessment-options h6{color:#495057;margin-bottom:15px}.assessment-form-actions{display:flex;gap:10px;margin-top:20px}.btn-save-assessment{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .3s}.btn-save-assessment:hover{background:#218838;transform:translateY(-2px)}.assessments-list-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.assessment-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .3s}.assessment-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.assessment-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.assessment-badges{display:flex;flex-direction:column;gap:5px}.assessment-type-badge{background:#e7f3ff;color:#007bff}.assessment-period-badge,.assessment-type-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px;text-align:center}.assessment-period-badge{background:#fff3cd;color:#856404}.btn-remove-assessment{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;transition:all .2s}.btn-remove-assessment:hover{background:#c82333}.assessment-details{color:#6c757d;font-size:14px}.assessment-details p{margin:8px 0}.btn-remove-assessment-item{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px;transition:all .2s}.btn-remove-assessment-item:hover{background:#c82333}.item-number{color:#6c757d;font-weight:600;min-width:30px}.item-name{color:#495057;flex:1 1}.modal-content-large{max-height:90vh;max-width:900px!important;overflow-y:auto}.course-assessments-preview{border-top:1px solid #f0f0f0;margin-bottom:10px;padding-top:15px}.assessments-toggle{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:0;width:100%}.assessments-toggle:hover{color:#764ba2}.assessments-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.assessment-item{align-items:center;background:#fff8e1;border-left:3px solid #ffa726;border-radius:6px;display:flex;font-size:13px;gap:10px;padding:8px}.assessment-number{align-items:center;background:#ffa726;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.assessment-name{color:#444;flex:1 1}.assessment-period{background:#fff3cd;border-radius:4px;color:#856404;font-size:11px;font-weight:600;padding:2px 8px}.modal-content-large{max-width:1000px}@media (max-width:768px){.month-grid,.year-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.preset-buttons{flex-direction:column}.btn-preset{width:100%}.assessment-input-group{flex-direction:column}.assessment-input-group input,.btn-add-assessment-item{width:100%}.assessment-form-actions{flex-direction:column}.btn-cancel,.btn-save-assessment{width:100%}.assessment-details{flex-direction:column;gap:5px}}@media (max-width:480px){.assessment-card-header{flex-wrap:wrap}.assessment-tags{margin-top:10px;width:100%}.month-grid,.year-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.manage-course-header{align-items:flex-start;flex-direction:column;gap:20px}.btn-create-course{justify-content:center;width:100%}.courses-grid{grid-template-columns:1fr}.courses-grid,.search-section{padding:0 15px 15px}.modal-content{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}.field-form .form-row{align-items:stretch;flex-direction:column}.observation-input-group{flex-direction:column}.btn-add-observation,.observation-input-group input{width:100%}.course-stats{flex-wrap:wrap}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.checklist-form-actions{flex-direction:column}.btn-cancel,.btn-save-checklist{width:100%}.row-element-form .form-row{flex-direction:column}.row-element-form input[type=text]:first-child{width:100%}}@media (max-width:480px){.header-content h2{font-size:24px}.header-content p{font-size:14px}.modal-header h3{font-size:18px}.course-form{padding:15px}.observation-item{flex-wrap:wrap}.item-scale{margin-top:5px;width:100%}}.manage-teachers-container{background:#f5f7fa;min-height:calc(100vh - 200px);padding:0}.manage-teachers-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.manage-teachers-header{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:0 0 20px 20px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.btn-create-teacher{align-items:center;background:#fff;border:none;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-create-teacher:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.teachers-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:0 30px 30px}.teachers-stats{display:flex;gap:15px}.stat-badge svg{color:#e74c3c}.teachers-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:0 30px 30px}.no-teachers{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;grid-column:1/-1;padding:60px 20px;text-align:center}.no-teachers-icon{color:#ccc;font-size:48px;margin-bottom:20px}.teacher-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden;transition:all .3s ease}.teacher-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.teacher-card-header{grid-gap:15px;align-items:start;background:linear-gradient(135deg,#f5f7fa,#fff);border-bottom:1px solid #f0f0f0;display:grid;gap:15px;grid-template-columns:auto 1fr auto;padding:20px}.teacher-avatar{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.teacher-info{min-width:0;overflow:visible}.teacher-info h3{align-items:center;color:#2c3e50;display:flex;flex-wrap:wrap;font-size:18px;font-weight:600;gap:8px;margin:0 0 5px;word-break:break-word}.teacher-email{color:#7f8c8d;font-size:14px;margin:0;overflow-x:auto;text-overflow:clip;white-space:nowrap}.teacher-email::-webkit-scrollbar{height:4px}.teacher-email::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.teacher-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end}.hod-badge{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:12px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;white-space:nowrap}.hod-badge svg{font-size:10px}.teacher-card-body{padding:20px}.teacher-details{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.teacher-courses{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.teacher-courses h4{color:#666;font-size:14px;font-weight:600;margin:0 0 10px}.courses-list{flex-wrap:wrap}.course-tag{border-radius:15px;color:#2c3e50;display:inline-flex;font-size:12px;gap:5px;padding:5px 10px}.course-tag .remove-course{font-size:12px;margin-left:3px}.teacher-status{margin-top:15px}.teacher-form{padding:24px}.form-row{grid-template-columns:1fr 1fr}.form-group2{display:flex;flex-direction:column}.form-group2 label{color:#444;font-size:14px;font-weight:600;margin-bottom:8px}.form-group2.full-width{grid-column:1/-1}.form-group2 input,.form-group2 select,.form-group2 textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-group2 input:focus,.form-group2 select:focus,.form-group2 textarea:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.form-group2 input:disabled,.form-group2 select:disabled,.form-group2 textarea:disabled{background:#f5f5f5;cursor:not-allowed}.checkbox-label{color:#444;font-size:14px;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:#e74c3c}.hod-notice{align-items:center;background:#fff3e0;border-left:4px solid #ff9800;border-radius:6px;color:#e65100;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:12px 15px}.hod-notice svg{flex-shrink:0;font-size:14px}.assign-form{padding:24px}.batch-input-group{display:flex;gap:10px}.batch-input-group input{flex:1 1}.btn-add-batch{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-add-batch:hover{background:#229954}.batches-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.batch-tag{align-items:center;background:#e8f5e9;border-radius:15px;color:#27ae60;display:inline-flex;font-size:13px;gap:5px;padding:5px 12px}.batch-tag button{background:none;border:none;color:#27ae60;cursor:pointer;font-size:12px;margin-left:3px;padding:0}.batch-tag button:hover{color:#e74c3c}.form-actions{gap:12px;margin-top:24px}.btn-primary{background:#e74c3c;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#c0392b;transform:translateY(-1px)}.btn-secondary{background:#95a5a6;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#7f8c8d}.hod-text{align-items:center;color:#ff9800;display:inline-flex;font-weight:600;gap:6px}.assigned-courses-list{display:flex;flex-direction:column;gap:10px}.assigned-course-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:14px;gap:15px;padding:10px}.course-name{flex:1 1}.course-code{background:#e74c3c;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.course-duration{color:#7f8c8d;font-size:13px}@media (max-width:768px){.manage-teachers-header{align-items:flex-start;flex-direction:column;gap:20px}.btn-create-teacher{justify-content:center;width:100%}.teachers-controls{align-items:stretch;flex-direction:column}.teachers-stats{justify-content:center}.teachers-grid{grid-template-columns:1fr;padding:0 15px 15px}.teacher-card-header{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.teacher-actions{grid-column:1/-1;justify-content:center;margin-top:10px;width:100%}.teacher-info h3{font-size:16px}.modal-content{border-radius:0;max-height:100vh;max-width:100%;width:100%}.form-row{grid-template-columns:1fr}.batch-input-group,.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.manage-students-container{background:#f5f7fa;min-height:calc(100vh - 200px);padding:0}.manage-students-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border-top-color:#4a90e2}.manage-students-header{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:0 0 20px 20px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-bulk-assign,.btn-bulk-upload,.btn-create-student{align-items:center;background:#fff;border:none;border-radius:8px;color:#4a90e2;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-bulk-upload{background:#27ae60;color:#fff}.btn-bulk-assign{background:#f39c12;color:#fff}.btn-bulk-assign:hover,.btn-bulk-upload:hover,.btn-create-student:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.students-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:0 30px 30px}.filter-select:focus,.search-bar input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.students-stats{display:flex;gap:15px}.stat-badge svg{color:#4a90e2}.students-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:0 30px 30px}.no-students{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;grid-column:1/-1;padding:60px 20px;text-align:center}.no-students-icon{color:#ccc;font-size:48px;margin-bottom:20px}.no-students h3{color:#666;margin:0 0 10px}.no-students p{color:#999;margin:0}.student-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden;transition:all .3s ease}.student-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.student-card-header{grid-gap:15px;align-items:start;background:linear-gradient(135deg,#f5f7fa,#fff);border-bottom:1px solid #f0f0f0;display:grid;gap:15px;grid-template-columns:auto 1fr auto;padding:20px}.student-avatar{background:linear-gradient(135deg,#4a90e2,#357abd);font-size:24px;height:50px;width:50px}.student-info1{align-items:flex-start;display:flex;flex-direction:column;gap:3px;justify-content:flex-start;min-width:0;overflow:visible}.student-info1 h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;text-align:left;white-space:nowrap;word-break:normal}.student-info1 h3::-webkit-scrollbar{height:4px}.student-info1 h3::-webkit-scrollbar-track{background:#0000}.student-info1 h3::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.student-info1 h3::-webkit-scrollbar-thumb:hover{background:#bbb}.student-email{font-size:14px;margin:0;overflow:visible;text-align:left}.student-reg{align-items:center;color:#95a5a6;display:flex;font-size:13px;gap:5px;margin:0;white-space:nowrap}.student-reg svg{flex-shrink:0;font-size:12px}.student-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn-assign{background:#e8f5e9;color:#27ae60}.btn-assign:hover{background:#27ae60;color:#fff}.student-card-body{padding:20px}.student-details{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.student-courses{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.student-courses h4{color:#666;font-size:14px;font-weight:600;margin:0 0 10px}.courses-list{display:flex;flex-direction:column;gap:8px}.course-tag{background:#ecf0f1;border-radius:8px;font-size:13px;justify-content:space-between;padding:8px 12px}.course-tag,.course-tag-info{align-items:center;display:flex}.course-tag-info{flex:1 1;gap:10px}.course-name{color:#2c3e50;font-weight:500}.course-batch{background:#4a90e2;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.course-tag .remove-course{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:14px;padding:0;transition:color .2s}.course-tag .remove-course:hover{color:#e74c3c}.student-status{margin-top:15px}.status-badge{display:inline-block}.modal-content{max-width:900px}.modal-content.bulk-modal{max-width:1000px}.modal-header h3{align-items:center;display:flex;gap:10px}.bulk-assign-content,.bulk-upload-content{padding:24px}.upload-instructions{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.upload-instructions h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.upload-instructions ul{margin:0;padding-left:20px}.upload-instructions li{color:#555;font-size:14px;margin-bottom:8px}.upload-section{margin-bottom:20px}.upload-label{align-items:center;background:#4a90e2;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:10px;padding:15px 30px;transition:all .3s ease}.upload-label:hover{background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.upload-preview{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:15px}.upload-preview h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.preview-list{display:flex;flex-direction:column;gap:10px}.preview-item{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1.5fr 1fr;padding:10px}.preview-more{color:#666;font-style:italic;margin-top:10px;text-align:center}.upload-results{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.upload-results h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.results-summary{display:flex;flex-direction:column;gap:15px}.result-success{background:#d4edda;color:#155724}.result-failed,.result-success{border-radius:6px;font-size:14px;padding:12px}.result-failed{background:#f8d7da;color:#721c24}.failed-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.failed-item{background:#ffffff80;border-radius:4px;display:flex;font-size:13px;justify-content:space-between;padding:8px}.fail-reason{color:#a94442;font-weight:500}.selection-controls{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.btn-select-all{align-items:center;background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-select-all:hover{background:#357abd}.selection-count{color:#666}.students-selection-list{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:10px}.selection-item{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:15px;padding:12px;transition:all .2s ease}.selection-item:hover{background:#f8f9fa}.selection-item.selected{background:#e3f2fd;border-color:#4a90e2}.selection-checkbox{color:#4a90e2;flex-shrink:0;font-size:20px}.selection-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.selection-info strong{color:#2c3e50;font-size:14px}.selection-info span{color:#666;font-size:13px}.selection-info .reg-number{color:#95a5a6;font-size:12px}.batch-preview{background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:14px;margin-top:15px;padding:12px;text-align:center}.assign-form,.student-form{padding:24px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.form-section h4{color:#444;font-size:16px;font-weight:600;margin:0 0 15px}.password-reset-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.btn-reset-password{align-items:center;background:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.btn-reset-password:hover{background:#e67e22}.password-reset-form{background:#fff3e0;border-radius:8px;margin-top:20px;padding:20px}.password-reset-form h4{color:#e65100;font-size:16px;margin:0 0 15px}.password-actions{display:flex;gap:10px;margin-top:15px}.btn-confirm-reset{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-confirm-reset:hover{background:#c0392b}.btn-cancel-reset{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-cancel-reset:hover{background:#7f8c8d}.btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd)}.btn-primary:hover{box-shadow:0 4px 12px #4a90e24d}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.enrolled-courses-list{display:flex;flex-direction:column;gap:10px}.enrolled-course-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:14px;gap:15px;padding:10px}.enrolled-course-item .course-name{color:#2c3e50;flex:1 1;font-weight:500}.course-batch-info{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:600;padding:2px 8px}.course-year{color:#7f8c8d;font-size:13px}.btn-bulk-delete{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-bulk-delete:hover{background:#c0392b;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.delete-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;margin-bottom:20px;padding:15px}.delete-warning p{font-size:14px;margin:0}.unenrolled-info{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;color:#1565c0;margin-bottom:20px;padding:15px}.unenrolled-info p{font-size:14px;font-weight:500;margin:0}.bulk-assign-search{margin-bottom:20px;position:relative}.bulk-assign-search input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 20px 12px 45px;transition:all .3s ease;width:100%}.bulk-assign-search input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.bulk-assign-search .search-icon{color:#999;font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.no-unenrolled{color:#999;padding:40px 20px;text-align:center}.no-unenrolled p{font-size:16px;margin:0}.btn-danger{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-danger:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.btn-danger:disabled{background:#ccc;cursor:not-allowed;transform:none}.preview-item{background:#fff;border-radius:6px;color:#555;display:flex;flex-direction:column;font-size:14px;gap:5px;padding:12px}.preview-item span{font-size:13px}.checkbox-filter{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-filter:hover{background:#f8f9fa;border-color:#4caf50}.checkbox-filter input[type=checkbox]{accent-color:#4caf50;cursor:pointer;height:18px;width:18px}.checkbox-filter span{color:#333;font-size:14px;font-weight:500}.checkbox-label{background:#f8f9fa;border-radius:6px;gap:10px;margin:15px 0;padding:10px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#4caf50;height:20px;width:20px}.checkbox-label span{color:#333;font-size:15px;font-weight:500}.checkbox-label:hover{background:#e9ecef}@media (max-width:1024px){.students-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.manage-students-header{align-items:flex-start;flex-direction:column;gap:20px}.header-actions{flex-direction:column;width:100%}.btn-bulk-assign,.btn-bulk-upload,.btn-create-student{justify-content:center;width:100%}.students-controls{align-items:stretch;flex-direction:column}.search-bar{max-width:100%}.filters{flex-direction:column}.filter-select,.filters{width:100%}.students-stats{justify-content:center}.students-grid{grid-template-columns:1fr;padding:0 15px 15px}.student-card-header{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.student-actions{grid-column:1/-1;justify-content:center;margin-top:10px;width:100%}.modal-content{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.selection-controls{align-items:stretch;flex-direction:column;gap:10px}.btn-select-all{justify-content:center;width:100%}}@media (max-width:480px){.header-content h2{font-size:24px}.header-content p{font-size:14px}.modal-header h3{font-size:18px}.assign-form,.bulk-assign-content,.bulk-upload-content,.student-form{padding:15px}.preview-item{gap:5px;grid-template-columns:1fr}}.manage-admin-container{background:#f5f7fa;min-height:calc(100vh - 200px);padding:0}.manage-admin-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border-top-color:#9b59b6}.manage-admin-header{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:0 0 20px 20px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.btn-create-admin{align-items:center;background:#fff;border:none;border-radius:8px;color:#9b59b6;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-create-admin:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:0 30px 30px}.search-bar{max-width:500px}.search-bar input:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.admin-stats{display:flex;gap:15px}.stat-badge svg{color:#9b59b6}.admins-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:0 30px 30px}.no-admins{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;grid-column:1/-1;padding:60px 20px;text-align:center}.no-admins-icon{color:#ccc;font-size:48px;margin-bottom:20px}.no-admins h3{color:#666;margin:0 0 10px}.no-admins p{color:#999;margin:0}.admin-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.admin-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.admin-card.current-user{border:2px solid #9b59b6}.current-user-badge{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:0 10px 0 12px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:0;top:0;z-index:1}.admin-card-header{align-items:flex-start;background:linear-gradient(135deg,#f5f7fa,#fff);border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:20px}.admin-avatar{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.admin-info{flex:1 1;min-width:0}.admin-info h3{word-wrap:break-word;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 5px}.admin-email{color:#7f8c8d;font-size:14px;margin:0;overflow-x:auto;scrollbar-color:#9b59b6 #f0f0f0;scrollbar-width:thin;white-space:nowrap}.admin-email::-webkit-scrollbar{height:4px}.admin-email::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px}.admin-email::-webkit-scrollbar-thumb{background:#9b59b6;border-radius:2px}.admin-email::-webkit-scrollbar-thumb:hover{background:#8e44ad}.admin-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.btn-icon{flex-shrink:0}.btn-password{background:#f3e5f5;color:#9c27b0}.btn-password:hover{background:#9c27b0;color:#fff}.admin-card-body{padding:20px}.admin-details{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.detail-item{align-items:center;font-size:13px;gap:6px}.detail-icon{color:#95a5a6;font-size:14px}.admin-status{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.status-badge{border-radius:12px;gap:5px;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.created-date{color:#999;font-size:12px}.admin-form,.password-form{padding:24px}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-group input:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a;outline:none}.info-message{align-items:center;background:#fff3cd;border-radius:6px;color:#856404;display:flex;font-size:14px;gap:10px;margin:20px 0;padding:12px}.info-message svg{font-size:16px}.btn-primary{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.btn-primary:hover{box-shadow:0 4px 12px #9b59b64d}.view-info{padding:24px}.info-section{margin-bottom:25px}.info-section h4{color:#444;font-size:16px;font-weight:600;margin:0 0 15px}.info-section p{color:#666;font-size:14px;margin:8px 0}.status-text{font-weight:600}.status-text.active{color:#27ae60}.status-text.inactive{color:#e74c3c}.current-user-info{background:#f3e5f5;border-left:4px solid #9b59b6;border-radius:8px;padding:15px}.current-user-info h4{color:#9b59b6}@media (max-width:1024px){.admins-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.manage-admin-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px}.btn-create-admin{justify-content:center;width:100%}.admin-controls{align-items:stretch;flex-direction:column;padding:0 20px 20px}.search-bar{max-width:100%}.admin-stats{justify-content:center}.admins-grid{grid-template-columns:1fr;padding:0 15px 15px}.admin-card-header{align-items:flex-start;flex-direction:column;padding:15px}.admin-info{margin-bottom:10px;width:100%}.admin-actions{justify-content:flex-start;width:100%}.modal-content{max-height:95vh}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.header-content h2{font-size:22px}.header-content p{font-size:14px}.admin-card-header{padding:12px}.admin-avatar{font-size:20px;height:40px;width:40px}.admin-info h3{font-size:16px}.admin-email{font-size:13px}.btn-icon{height:36px;width:36px}.admin-actions{gap:6px}.modal-header h3{font-size:18px}.admin-form,.password-form{padding:15px}.modal-content{border-radius:0;max-height:100vh}}.manage-notice-container{background:#f5f7fa;min-height:calc(100vh - 200px);padding:0}.manage-notice-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border-top-color:#2980b9}.manage-notice-header{align-items:center;background:linear-gradient(135deg,#2980b9,#3498db);border-radius:0 0 20px 20px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-content h2{font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{font-size:16px;margin:0;opacity:.9}.btn-create-notice{align-items:center;background:#fff;border:none;border-radius:8px;color:#2980b9;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-create-notice:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.alert{align-items:center;display:flex;font-size:14px;gap:10px;margin:0 30px 20px}.alert svg{font-size:18px}.alert-success{border-left:4px solid #28a745}.alert-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.notice-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:0 30px 30px}.search-bar{flex:1 1;max-width:400px;position:relative}.search-bar input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 20px 12px 45px;transition:all .3s ease;width:100%}.search-bar input:focus{border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a;outline:none}.search-icon{color:#999;font-size:18px}.filters{align-items:center;display:flex;gap:10px}.filter-group{align-items:center;position:relative}.filter-icon{color:#666;font-size:14px}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.filter-select:focus{border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a;outline:none}.notice-stats{display:flex;gap:15px}.stat-badge{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;color:#666;display:flex;font-size:14px;gap:8px;padding:8px 16px}.stat-badge svg{color:#2980b9;font-size:16px}.notices-list{padding:0 30px 30px}.no-notices{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.no-notices-icon{color:#ccc;font-size:48px;margin-bottom:20px}.no-notices h3{color:#666;margin:0 0 10px}.no-notices p{color:#999;margin:0}.notice-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.notice-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.notice-card.expired{background:#f8f9fa;opacity:.7}.notice-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:20px}.notice-type-icon{flex-shrink:0;font-size:24px;margin-top:5px}.notice-info{flex:1 1}.notice-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 10px}.notice-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.notice-type{background:#e3f2fd;color:#2196f3}.notice-priority,.notice-type{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.priority-high{background:#ffebee;color:#c62828}.priority-medium{background:#fff3e0;color:#f57c00}.priority-low{background:#f5f5f5;color:#616161}.notice-date,.notice-expiry{align-items:center;color:#666;display:flex;font-size:13px;gap:5px}.notice-expiry.expired{color:#e74c3c;font-weight:600}.notice-actions{display:flex;gap:8px}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-view{background:#e3f2fd;color:#2196f3}.btn-view:hover{background:#2196f3;color:#fff}.btn-edit{background:#fff3e0;color:#ff9800}.btn-edit:hover{background:#ff9800;color:#fff}.btn-delete{background:#ffebee;color:#f44336}.btn-delete:hover{background:#f44336;color:#fff}.notice-card-body{padding:20px}.notice-content{color:#555;font-size:14px;line-height:1.6;margin:0 0 15px}.notice-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding-top:15px}.notice-targets{display:flex;gap:8px}.target-badge{align-items:center;border-radius:15px;display:flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px}.target-badge.students{background:#e8f5e9;color:#2e7d32}.target-badge.teachers{background:#fce4ec;color:#c2185b}.notice-stats-info{align-items:center;display:flex;gap:15px}.attachment-count,.view-count{align-items:center;color:#666;display:flex;font-size:13px;gap:5px}.notice-author{color:#999;font-size:13px;font-style:italic}.modal-overlay{background:#00000080}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-content.large{max-width:900px}.modal-header{border-bottom:1px solid #e0e0e0;padding:24px}.modal-header h3{font-size:22px}.modal-close{align-items:center;border-radius:6px;color:#999;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{color:#666}.notice-view{padding:24px}.view-header{margin-bottom:25px}.view-header h2{color:#2c3e50;font-size:24px;margin:0 0 15px}.view-meta{display:flex;flex-wrap:wrap;gap:12px}.view-content{display:flex;flex-direction:column;gap:25px}.content-section{background:#f8f9fa;border-radius:8px;padding:20px}.content-section h4{color:#444;font-size:16px;font-weight:600;margin:0 0 15px}.content-section p{color:#666;line-height:1.6;margin:0}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{color:#666;font-size:14px}.detail-item strong{color:#444}.attachment-item{color:#666;font-size:14px;gap:8px;padding:10px}.notice-form{padding:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-group label{color:#444}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a}.form-group textarea{font-family:inherit}.checkbox-group{display:flex;gap:20px;padding:10px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.checkbox-text{align-items:center;color:#444;display:flex;font-size:14px;gap:5px}.checkbox-text svg{font-size:16px}.form-actions{border-top:1px solid #e0e0e0;padding-top:20px}.btn-primary{align-items:center;background:linear-gradient(135deg,#2980b9,#3498db);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #2980b94d;transform:translateY(-2px)}.btn-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#5a6268}@media (max-width:768px){.manage-notice-header{align-items:flex-start;flex-direction:column;gap:20px}.btn-create-notice{justify-content:center;width:100%}.notice-controls{align-items:stretch;flex-direction:column}.search-bar{max-width:100%}.filters{flex-direction:column}.filter-group,.filter-select,.filters{width:100%}.notice-stats{justify-content:center}.notices-list{padding:0 15px 15px}.notice-card-header{flex-direction:column}.notice-actions{justify-content:flex-end;width:100%}.notice-footer{align-items:flex-start;flex-direction:column}.modal-content{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}.checkbox-group,.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.header-content h2{font-size:24px}.header-content p{font-size:14px}.modal-header h3{font-size:18px}.notice-form{padding:15px}}.teacher-dashboard-container{background:#f5f7fa;display:flex;min-height:100vh;overflow-x:hidden;position:relative}.sidebar1{background:linear-gradient(135deg,#2cc66c,#27ae60);box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease,width .3s ease;width:260px;z-index:1000}.sidebar1.closed{transform:translateX(-100%)}.sidebar1.open{transform:translateX(0)}.sidebar1-header{background:#ffffff1a;border-bottom:1px solid #ffffff1a;padding:20px}.sidebar1 .logo-container{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:flex-start;padding:0 10px}.sidebar1-logo{background:#fff;border-radius:8px;flex-shrink:0;height:40px;min-height:40px;min-width:40px;object-fit:contain;padding:3px;width:40px}.sidebar1 .logo-text{flex:1 1}.sidebar1 .logo-text h2{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0}.sidebar1 .logo-text p{color:#ffffffe6;font-size:10px;line-height:1.2;margin:2px 0 0}.sidebar1-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar1-item{align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;margin:4px 12px;padding:14px 24px;position:relative;transition:all .3s ease}.sidebar1-item:hover{background:#ffffff1a;color:#fff}.sidebar1-item.active{background:#fff3;color:#fff}.sidebar1-item.active:before{background:#fff;border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sidebar1-icon{align-items:center;display:flex;font-size:20px;justify-content:center;margin-right:12px;width:24px}.sidebar1-text{font-size:14px;font-weight:500}.sidebar1-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-item{background:#ffffff0d;color:#ffffffe6}.logout-item:hover{background:#e74c3c33;color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.main-content.sidebar1-open{margin-left:260px}.main-content.sidebar1-closed{margin-left:0}.teacher-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{gap:20px}.sidebar1-toggle{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:24px;transition:color .3s ease}.sidebar1-toggle:hover{color:#2ecc71}.page-title{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:20px}.notification-wrapper{position:relative}.notification-icon{border-radius:50%;color:#666;cursor:pointer;font-size:20px;padding:8px;position:relative;transition:color .3s ease}.notification-icon:hover{background:#f5f5f5;color:#2ecc71}.notification-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:0;text-align:center;top:0}.notifications-dropdown{animation:dropdownAnimation .3s ease;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;margin-top:8px;max-height:480px;overflow:hidden;position:absolute;right:0;top:100%;width:360px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:15px 20px}.notifications-header h3{color:#2c3e50;font-size:16px;margin:0}.unread-count{background:#2ecc71;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:3px 8px}.notifications-list{max-height:350px;overflow-y:auto}.notification-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:15px 20px;transition:background .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0fdf4;border-left:3px solid #2ecc71}.notification-content h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 5px}.notification-content p{color:#7f8c8d;font-size:13px;line-height:1.4;margin:0 0 5px}.notification-time{color:#95a5a6;font-size:11px}.no-notifications{color:#7f8c8d;padding:40px 20px;text-align:center}.notifications-footer{border-top:1px solid #ecf0f1;padding:10px}.view-all-btn{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px;transition:background .3s ease;width:100%}.view-all-btn:hover{background:#27ae60}.profile-section{border-radius:8px;padding:8px 12px;transition:background .3s ease}.profile-section:hover{background:#f5f5f5}.profile-avatar1{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.profile-name{color:#2c3e50}.profile-role{color:#7f8c8d}.dropdown-arrow{color:#7f8c8d;font-size:12px}.profile-dropdown{animation:dropdownAnimation .3s ease;border-radius:8px;box-shadow:0 5px 20px #00000026;margin-top:8px;padding:8px;top:100%}@keyframes dropdownAnimation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border-radius:4px;color:#2c3e50;gap:10px;padding:10px 12px}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.logout{color:#e74c3c}.dropdown-divider{background:#ecf0f1;margin:8px 0}.page-content{flex:1 1;overflow-y:auto;padding:30px}.no-course-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:20px}.no-course-card{animation:slideInUp .6s ease;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;max-width:500px;padding:60px 40px;text-align:center}.no-course-icon{color:#f39c12;font-size:80px;margin-bottom:20px}.no-course-card h2{color:#2c3e50;font-size:28px;margin:0 0 15px}.no-course-card p{color:#7f8c8d;font-size:16px;line-height:1.6;margin:0 0 20px}.no-course-hint{color:#95a5a6;font-size:14px;font-weight:600;margin:30px 0 20px}.feature-list{display:inline-block;list-style:none;margin:0;padding:0;text-align:left}.feature-list li{color:#2c3e50;font-size:14px;padding:8px 0 8px 25px;position:relative}.feature-list li:before{color:#2ecc71;content:"✓";font-weight:700;left:0;position:absolute}.welcome-section1{animation:slideInDown .6s ease;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:16px;color:#fff;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.welcome-section:before{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px}.welcome-title{font-size:32px}.welcome-subtitle,.welcome-title{position:relative;z-index:1}.dashboard-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top-color:#2ecc71}.dashboard-loading p{color:#7f8c8d;font-size:16px;margin-top:20px}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;animation:slideInUp .6s ease backwards;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-value{color:#2c3e50;font-size:32px;line-height:1;margin:0}.stat-title{color:#7f8c8d;font-size:14px;margin:5px 0 0}.stat-subtitle{color:#95a5a6;font-size:12px;margin:3px 0 0}.analytics-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px}.analytics-card{animation:fadeIn .8s ease backwards;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:25px}.analytics-title{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.donut-chart-container{align-items:center;display:flex;justify-content:space-around;padding:20px 0}.donut-chart{height:200px;position:relative;width:200px}.donut{height:100%;transform:rotate(-90deg);width:100%}.donut-segment{transition:stroke-width .3s ease}.donut-segment:hover{stroke-width:4}@keyframes fillAnimation{0%{stroke-dasharray:0 100}}.donut-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.center-value{color:#2c3e50;display:block;font-size:24px;font-weight:700}.center-label{color:#7f8c8d;font-size:12px}.donut-legend{display:flex;flex-direction:column;gap:10px}.legend-item{align-items:center;display:flex;gap:10px}.legend-color{border-radius:50%;height:12px;width:12px}.legend-text{color:#2c3e50;font-size:13px}.performance-breakdown{background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:25px}.performance-items{display:flex;flex-direction:column;gap:20px}.performance-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;overflow:hidden;padding:15px;position:relative}.perf-icon{font-size:24px;text-align:center;width:40px}.perf-details{display:flex;flex:1 1;flex-direction:column}.perf-label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:4px}.perf-count{color:#7f8c8d;font-size:12px}.perf-bar{animation:growBar 1s ease-out;bottom:0;height:3px;left:0;position:absolute;transition:width 1s ease-out;width:var(--width)}@keyframes growBar{0%{width:0}}.recent-activities{background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:25px}.section-title{font-size:18px;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px;transition:background .2s ease}.activity-item:hover{background:#ecf0f1}.activity-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.activity-icon.submitted{background:linear-gradient(135deg,#3498db,#2980b9)}.activity-icon.verified{background:linear-gradient(135deg,#2ecc71,#27ae60)}.activity-icon.graded{background:linear-gradient(135deg,#e74c3c,#c0392b)}.activity-details{flex:1 1}.activity-text{color:#2c3e50;font-size:14px;line-height:1.4;margin:0 0 5px}.activity-text strong{color:#2c3e50;font-weight:600}.activity-time{color:#95a5a6;font-size:12px}.teacher-footer{background:#fff;border-top:1px solid #ecf0f1;margin-top:auto;padding:20px;text-align:center}.teacher-footer p{color:#7f8c8d;font-size:14px;margin:0}.sidebar1-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.quick-actions{animation:slideInUp .6s ease backwards;animation-delay:.2s;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;margin-bottom:30px;padding:25px}.action-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.action-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .3s ease}.action-card:hover{background:linear-gradient(135deg,#fff,#f8f9fa);border-color:#2ecc71;box-shadow:0 8px 25px #2ecc7133;transform:translateY(-5px)}.action-card:last-child:hover{border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c33}.action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.action-content{flex:1 1}.action-content h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 5px}.action-content p{color:#7f8c8d;font-size:13px;line-height:1.4;margin:0}.action-arrow{color:#95a5a6;font-size:20px;transition:all .3s ease}.action-card:hover .action-arrow{color:#2ecc71;transform:translateX(5px)}.action-card:last-child:hover .action-arrow{color:#e74c3c}@media (max-width:768px){.action-cards{grid-template-columns:1fr}.action-card{padding:15px}.action-icon{font-size:24px;height:50px;width:50px}}@media (max-width:1200px){.sidebar1{width:240px}.main-content.sidebar1-open{margin-left:240px}}@media (max-width:768px){.sidebar1{position:fixed;z-index:1001}.sidebar1.closed{transform:translateX(-100%)}.main-content{margin-left:0!important}.sidebar1-toggle{display:block!important}.sidebar1-overlay{display:block}.page-title{font-size:20px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:14px}.analytics-section,.stats-grid{grid-template-columns:1fr}.performance-breakdown{margin-top:20px}.profile-info{display:none}.page-content{padding:20px}.notifications-dropdown{right:-20px;width:320px}}@media (max-width:480px){.sidebar1{max-width:280px;width:100%}.page-content,.teacher-header{padding:15px}.stat-card{padding:20px}.stat-value{font-size:24px}.analytics-card{padding:20px}.donut-chart-container{flex-direction:column;gap:20px}.donut-chart{height:150px;width:150px}.welcome-section{padding:20px}.welcome-title{font-size:20px}.notifications-dropdown{border-radius:0;right:-15px;width:100vw}.no-course-card{padding:40px 20px}.no-course-icon{font-size:60px}.no-course-card h2{font-size:24px}}.view-logbooks-container{background:#0000;box-sizing:border-box;min-height:100vh;padding:0 20px;width:100%}.logbooks-header{animation:slideInDown .6s ease;margin-bottom:30px}.logbooks-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.logbooks-header p{color:#7f8c8d;font-size:16px;margin:0}.logbooks-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{color:#2ecc71;height:40px;width:40px}.logbooks-loading p{color:#7f8c8d;font-size:16px;margin-top:20px}.alert{animation:slideInDown .4s ease;border-radius:8px;margin-bottom:20px}.alert-success{background:#d4edda;border-left:4px solid #2ecc71;color:#155724}.alert-error{background:#fee;border-left:4px solid #e74c3c;color:#c33}.logbooks-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.stat-card-mini{align-items:center;animation:slideInUp .6s ease backwards;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card-mini:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.stat-card-mini:first-child{animation-delay:.1s}.stat-card-mini:nth-child(2){animation-delay:.2s}.stat-card-mini:nth-child(3){animation-delay:.3s}.stat-card-mini:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stat-icon-mini{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.stat-card-mini.total .stat-icon-mini{background:linear-gradient(135deg,#4a90e2,#357abd)}.stat-card-mini.verified .stat-icon-mini{background:linear-gradient(135deg,#2ecc71,#27ae60)}.stat-card-mini.pending .stat-icon-mini{background:linear-gradient(135deg,#f39c12,#e67e22)}.stat-card-mini.revision .stat-icon-mini{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-content-mini{display:flex;flex-direction:column;min-width:0}.stat-value-mini{color:#2c3e50;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label-mini{color:#7f8c8d;font-size:12px;font-weight:500}.logbooks-filters{animation:fadeIn .8s ease;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;margin-bottom:30px;overflow:hidden;padding:25px}.filter-row,.logbooks-filters{box-sizing:border-box;max-width:100%;width:100%}.filter-row{display:flex;flex-direction:column;gap:20px}.search-box{box-sizing:border-box;max-width:100%;position:relative;width:100%}.search-icon{color:#95a5a6;font-size:16px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;box-sizing:border-box;color:#2c3e50;font-size:14px;max-width:100%;padding:12px 15px 12px 45px;transition:all .3s ease;width:100%}.search-box input:focus{background:#fff;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.search-box input::placeholder{color:#95a5a6}.filter-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-items:center;max-width:100%}.filter-group,.filter-item{box-sizing:border-box;width:100%}.filter-item{align-items:center;display:flex;flex-direction:column;min-width:0}.filter-item label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-align:center;text-transform:uppercase}.filter-item input,.filter-item select{background:#fff;border:2px solid #ecf0f1;border-radius:6px;box-sizing:border-box;color:#2c3e50;font-size:14px;max-width:100%;padding:10px 12px;text-align:center;transition:border-color .3s ease;width:100%}.filter-item input:focus,.filter-item select:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.bulk-verify-btn{align-items:center;align-self:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.bulk-verify-btn:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 5px 15px #9b59b64d;transform:translateY(-2px)}.no-logbooks{align-items:center;animation:slideInUp .6s ease;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-logbooks-icon{color:#95a5a6;font-size:80px;margin-bottom:20px}.no-logbooks h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 10px}.no-logbooks p{color:#7f8c8d;font-size:16px;line-height:1.6;margin:0}.logbooks-content{animation:slideInUp .8s ease}.logbooks-list{display:flex;flex-direction:column;gap:25px}.month-group{animation:slideInUp .6s ease backwards;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;overflow:hidden}.month-group:first-child{animation-delay:.1s}.month-group:nth-child(2){animation-delay:.2s}.month-group:nth-child(3){animation-delay:.3s}.month-header{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border-bottom:1px solid #ecf0f1;cursor:pointer;padding:20px 25px;transition:background .3s ease}.month-header:hover{background:linear-gradient(135deg,#ecf0f1,#d5dbdb)}.month-title{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.month-icon{color:#2ecc71;flex-shrink:0;font-size:16px;transition:transform .3s ease}.month-title h3{color:#2c3e50;flex:1 1;font-size:18px;font-weight:600;margin:0;min-width:0}.month-count{background:#2ecc71;border-radius:20px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 12px}.month-entries{padding:0}.logbook-card{border-bottom:1px solid #f5f5f5;padding:25px;transition:background .2s ease}.logbook-card:hover{background:#fafbfc}.logbook-card:last-child{border-bottom:none}.logbook-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.student-info{flex:1 1;gap:15px;min-width:0}.student-avatar,.student-info{align-items:center;display:flex}.student-avatar{background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:45px;justify-content:center;width:45px}.student-details{flex:1 1;min-width:0}.student-details h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.student-details h4,.student-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-email{color:#7f8c8d;display:block;font-size:13px}.status-badge{display:flex;flex-shrink:0;font-size:12px;font-weight:600;white-space:nowrap}.status-draft{background:#f8f9fa;color:#6c757d}.status-pending{background:#fff3cd;color:#856404}.status-verified{background:#d4edda;color:#155724}.status-revision{background:#f8d7da;color:#721c24}.status-rejected{background:#f5c6cb;color:#721c24}.logbook-body{display:flex;flex-direction:column;gap:20px}.logbook-info{grid-gap:15px;background:#f8f9fa;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.info-item{display:flex;flex-direction:column;gap:4px;min-width:0}.info-value{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.logbook-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.view-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.view-btn:hover{background:#e9ecef;color:#495057}.verify-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.verify-btn:hover{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.edit-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#2980b9,#2471a3);box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.verification-modal{animation:modalSlideIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.bulk-modal{animation:modalSlideIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.bulk-selection-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px;padding:15px 0}.select-all-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.select-all-btn:hover{background:#2980b9}.selection-count{color:#7f8c8d;font-size:14px;font-weight:600}.bulk-student-list{border:1px solid #ecf0f1;border-radius:8px;margin-bottom:25px;max-height:300px;overflow-y:auto}.bulk-student-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:15px;padding:15px;transition:background .2s ease}.bulk-student-item:hover{background:#f8f9fa}.bulk-student-item.selected{background:#e8f5e9}.bulk-student-item:last-child{border-bottom:none}.bulk-student-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.bulk-student-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.bulk-student-info strong{color:#2c3e50;font-size:14px}.bulk-student-info span,.bulk-student-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-student-info span{color:#7f8c8d;font-size:12px}.bulk-verification-form{background:#f8f9fa;border-radius:8px;padding:20px}.bulk-verification-form h4{color:#2c3e50;font-size:16px;margin:0 0 8px}.form-note{color:#7f8c8d;font-size:13px;font-style:italic;margin:0 0 20px}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;flex-shrink:0;justify-content:space-between;padding:25px 30px 20px}.modal-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:50%;color:#95a5a6;cursor:pointer;flex-shrink:0;font-size:20px;padding:5px;transition:all .3s ease}.modal-close:hover{background:#f5f5f5;color:#7f8c8d}.modal-body{flex:1 1;overflow-y:auto;padding:30px}.student-info-modal{background:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px}.info-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.info-row:last-child{margin-bottom:0}.info-row span:first-child{color:#7f8c8d;font-size:14px}.info-row strong{color:#2c3e50;font-size:14px;font-weight:600;text-align:right}.verification-form{display:flex;flex-direction:column;gap:20px}.form-group label{margin-bottom:8px}.required{color:#e74c3c}.form-group select,.form-group textarea{background:#fff;border:2px solid #ecf0f1;border-radius:8px;box-sizing:border-box;color:#2c3e50;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .3s ease}.form-group select:focus,.form-group textarea:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.form-group textarea{min-height:80px}.modal-footer{background:#fff;border-top:1px solid #ecf0f1;bottom:0;display:flex;flex-shrink:0;gap:15px;justify-content:flex-end;padding:20px 30px;position:-webkit-sticky;position:sticky;z-index:10}.btn-cancel{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#e9ecef;color:#495057}.btn-submit{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.btn-submit .spinner{animation:spin 1s linear infinite;height:16px;width:16px}.details-modal{animation:modalSlideIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.modal-loading{padding:60px;text-align:center}.modal-loading .spinner{animation:spin 1s linear infinite;color:#2ecc71;font-size:30px;margin-bottom:20px}.modal-loading p{color:#7f8c8d;font-size:16px}.detail-section{border-bottom:1px solid #ecf0f1;padding:25px 30px}.detail-section:last-child{border-bottom:none}.detail-section h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;gap:10px}.detail-label{color:#7f8c8d;font-size:13px;font-weight:600;min-width:100px}.detail-value{color:#2c3e50;flex:1 1;font-size:13px;word-break:break-word}.entries-container{display:flex;flex-direction:column;gap:20px}.entry-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.entry-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.entry-header h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.entry-date{color:#7f8c8d;font-size:12px}.entry-fields{grid-gap:12px;display:grid;gap:12px}.field-item{grid-gap:15px;border-bottom:1px solid #e9ecef;display:grid;gap:15px;grid-template-columns:150px 1fr;padding:8px 0}.field-item:last-child{border-bottom:none}.field-label{color:#7f8c8d;font-size:13px;font-weight:600}.field-value{color:#2c3e50;font-size:13px;word-break:break-word}.counters-container{padding:20px 0}.counters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.counter-item{background:#fff;border:2px solid #ecf0f1;border-radius:8px;padding:15px;text-align:center}.counter-label{color:#7f8c8d;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.counter-value{color:#2c3e50;font-size:24px;font-weight:700;margin:10px 0}.counter-target{color:#95a5a6;font-size:14px;font-weight:400}.counter-progress{background:#ecf0f1;border-radius:3px;height:6px;margin-top:10px;overflow:hidden;width:100%}.counter-progress-bar{border-radius:3px;height:100%;transition:width .5s ease}.entry-attachments{border-top:1px solid #dee2e6;margin-top:15px;padding-top:15px}.entry-attachments h6{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 10px}.attachments-list{gap:8px}.attachment-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:13px;padding:8px 12px}.attachment-item a{color:#2ecc71;font-weight:600;text-decoration:none;transition:color .3s ease}.attachment-item a:hover{color:#27ae60;text-decoration:underline}.notes-content{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-size:14px;line-height:1.6;padding:15px;white-space:pre-wrap}.verification-section{background:#f0fdf4;border-left:4px solid #2ecc71}.review-feedback{background:#fff;border-radius:8px;margin-top:20px;padding:15px}.review-feedback h5{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 10px}.review-feedback p{color:#495057;font-size:13px;line-height:1.6;margin:0}.no-data{color:#95a5a6;font-size:14px;font-style:italic;padding:20px;text-align:center}@media (max-width:1024px){.filter-group,.logbooks-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.view-logbooks-container{padding:0 15px}.logbooks-header{margin-bottom:20px}.logbooks-header h2{font-size:24px}.logbooks-header p{font-size:14px}.logbooks-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card-mini{gap:10px;padding:15px 12px}.stat-icon-mini{font-size:18px;height:40px;width:40px}.stat-value-mini{font-size:20px}.stat-label-mini{font-size:11px}.logbooks-filters{padding:20px 15px}.filter-group{grid-template-columns:1fr}.bulk-verify-btn{width:100%}.month-header{padding:15px 18px}.month-title{gap:10px}.month-title h3{font-size:16px}.month-count{font-size:11px;padding:3px 10px}.logbook-card{padding:18px 15px}.logbook-header{align-items:flex-start;flex-direction:column;gap:12px}.student-info{gap:12px;width:100%}.student-avatar{font-size:16px;height:40px;width:40px}.student-details h4{font-size:15px}.student-email{font-size:12px}.status-badge{align-self:flex-start}.logbook-info{gap:12px;grid-template-columns:1fr;padding:12px}.logbook-actions{width:100%}.action-btn{flex:1 1;justify-content:center}.modal-overlay{align-items:flex-start;padding:10px}.bulk-modal,.verification-modal{margin-top:10px;max-height:95vh}.modal-header{padding:20px 18px 15px}.modal-header h3{font-size:18px}.modal-body{padding:20px 18px}.student-info-modal{padding:15px}.info-row{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:12px}.info-row strong{text-align:left}.bulk-student-list{max-height:250px}.bulk-student-item{padding:12px}.bulk-verification-form{padding:15px}.form-group{gap:15px}.modal-footer{flex-direction:column;gap:10px;padding:15px 18px}.btn-cancel,.btn-submit{justify-content:center;width:100%}.details-modal{margin:10px;max-width:95%;width:95%}.detail-section{padding:20px 18px}.detail-section h4{font-size:16px}.detail-grid,.field-item{grid-template-columns:1fr}.field-item{gap:5px}.field-label{font-weight:700}.counters-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.counter-item{padding:12px}.counter-value{font-size:20px}.detail-label{min-width:auto}}@media (max-width:480px){.view-logbooks-container{padding:0 10px}.logbooks-header{margin-bottom:15px}.logbooks-header h2{font-size:20px}.logbooks-header p{font-size:13px}.logbooks-stats{gap:10px;grid-template-columns:1fr}.stat-card-mini{padding:12px 10px}.logbooks-filters{margin-bottom:15px;padding:15px 12px}.month-header{padding:12px 15px}.month-title h3{font-size:15px}.logbook-card{padding:15px 12px}.student-info{gap:10px}.student-avatar{font-size:14px;height:36px;width:36px}.student-details h4{font-size:14px}.student-email{font-size:11px}.bulk-modal,.details-modal,.verification-modal{border-radius:12px;margin:10px auto;max-height:95vh;width:95%}.modal-header{padding:15px}.modal-header h3{font-size:16px}.modal-body{padding:15px}.student-info-modal{padding:12px}.bulk-selection-header{align-items:stretch;flex-direction:column;gap:10px}.select-all-btn{width:100%}.selection-count{text-align:center}.bulk-student-list{max-height:200px}.bulk-verification-form{padding:12px}.detail-section,.modal-footer{padding:15px}.entry-header{align-items:flex-start;flex-direction:column;gap:5px}.counter-value{font-size:18px}.counters-grid{grid-template-columns:1fr}.action-btn{font-size:12px;padding:8px 12px}}.manage-account-container{animation:fadeIn .6s ease;box-sizing:border-box;margin:0 auto;max-width:1000px}*{box-sizing:border-box}.account-header{background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:12px;box-shadow:0 3px 15px #2ecc7133;color:#fff;margin-bottom:30px;padding:30px}.account-header h2{font-size:28px;font-weight:700;margin:0 0 8px}.account-header p{font-size:16px;margin:0;opacity:.95}.account-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:2px solid #ecf0f1;border-radius:12px 12px 0 0;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding:0 20px;scrollbar-width:thin}.account-tabs::-webkit-scrollbar{height:4px}.account-tabs::-webkit-scrollbar-track{background:#f1f1f1}.account-tabs::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#7f8c8d;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:10px;padding:15px 28px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#2ecc710d;color:#2ecc71}.tab-button.active{background:#2ecc7114;border-bottom-color:#2ecc71;color:#2ecc71}.tab-button svg{font-size:18px}.message-alert{align-items:center;animation:slideDown .4s ease;border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:25px;padding:16px 20px;word-break:break-word}.message-alert.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:5px solid #28a745;color:#155724}.message-alert.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:5px solid #dc3545;color:#721c24}.message-alert svg{flex-shrink:0;font-size:22px}.account-form{background:#fff;border-radius:12px;box-shadow:0 3px 20px #00000014;overflow:hidden;padding:35px}.form-section{margin-bottom:45px}.form-section:last-of-type{margin-bottom:30px}.section-title{align-items:center;border-bottom:2px solid #ecf0f1;color:#2c3e50;display:flex;flex-wrap:wrap;font-size:20px;font-weight:600;gap:10px;margin:0 0 8px;padding-bottom:12px}.section-description{color:#7f8c8d;font-size:14px;line-height:1.6;margin:15px 0 25px}.form-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:25px}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.form-group label svg{color:#2ecc71;font-size:16px}.form-group input,.form-group select,.form-group textarea{background:#fafbfc;border:2px solid #e0e6ed;color:#2c3e50;font-family:inherit;font-size:14px;padding:13px 16px;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#fff;border-color:#bdc3c7}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2ecc71;box-shadow:0 0 0 4px #2ecc711a}.form-group input::placeholder,.form-group textarea::placeholder{color:#95a5a6}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{padding-right:50px;width:100%}.toggle-password{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;position:absolute;right:12px;transition:all .3s ease}.toggle-password:hover{background:#2ecc711a;color:#2ecc71}.toggle-password:active{transform:scale(.95)}.password-requirements{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #2ecc71;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:20px}.password-requirements h4{color:#2c3e50;font-size:15px;font-weight:600;margin:0 0 15px}.requirement-list{display:flex;flex-direction:column;gap:10px}.requirement{align-items:center;background:#fff;border-radius:6px;color:#7f8c8d;display:flex;font-size:14px;gap:10px;padding:8px 10px;transition:all .3s ease}.requirement svg{color:#95a5a6;flex-shrink:0;font-size:16px}.requirement.met{background:#2ecc711a;color:#27ae60}.requirement.met svg{color:#27ae60}.password-mismatch{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffe5a1);border-left:5px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc10733;color:#856404;display:flex;font-size:14px;font-weight:500;gap:12px;margin-top:15px;padding:14px 16px}.password-mismatch svg{flex-shrink:0;font-size:20px}.form-actions{border-top:2px solid #ecf0f1;justify-content:flex-end;margin-top:25px;padding-top:25px}.save-button{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:10px;box-shadow:0 4px 12px #2ecc714d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.save-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.save-button:hover:before{left:100%}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 6px 16px #2ecc7166;transform:translateY(-2px)}.save-button:active:not(:disabled){box-shadow:0 3px 10px #2ecc714d;transform:translateY(0)}.save-button:disabled{box-shadow:0 2px 6px #2ecc7133;cursor:not-allowed;opacity:.6;transform:none}.save-button svg{font-size:16px}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.cancel-button{align-items:center;background:#ecf0f1;border:2px solid #bdc3c7;border-radius:10px;color:#7f8c8d;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 32px;transition:all .3s ease}.cancel-button:hover{background:#bdc3c7;border-color:#95a5a6;color:#2c3e50}@media (max-width:768px){.manage-account-container{overflow-x:hidden;padding:0;width:100%}.account-header{border-radius:0;box-shadow:none;margin:0 0 20px;padding:25px 20px}.account-header h2{font-size:24px}.account-header p{font-size:14px}.account-tabs{border-bottom:2px solid #ecf0f1;border-radius:0;margin-bottom:20px;padding:0 15px}.tab-button{font-size:14px;gap:8px;padding:12px 20px}.tab-button svg{font-size:16px}.account-form{border-radius:0;border-top:1px solid #ecf0f1;box-shadow:none;padding:25px 20px}.form-grid{gap:18px;grid-template-columns:1fr}.form-section{margin-bottom:35px}.section-title{font-size:18px}.form-group input,.form-group select,.form-group textarea{-webkit-text-size-adjust:100%;font-size:16px}.form-actions{flex-direction:column-reverse;gap:12px;padding:20px 0 10px}.cancel-button,.save-button{justify-content:center;padding:13px 24px;width:100%}.password-requirements{margin-left:-5px;margin-right:-5px;padding:16px}.requirement{font-size:13px;padding:7px 9px}.message-alert{border-radius:0;margin-left:-20px;margin-right:-20px;padding-left:25px;padding-right:20px}}@media (max-width:480px){.account-header{padding:20px 15px}.account-header h2{font-size:20px}.account-header p{font-size:13px}.account-tabs{gap:5px;padding:0 10px}.tab-button{font-size:13px;padding:10px 15px}.tab-button svg{font-size:14px}.account-form{padding:20px 15px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:11px 14px}.password-input-wrapper input{padding-right:45px}.toggle-password{font-size:16px;padding:6px;right:10px}.cancel-button,.save-button{font-size:14px;padding:12px 20px}.message-alert{font-size:13px;padding:14px 16px 14px 20px}.section-title{font-size:16px}.password-requirements{padding:14px}.password-requirements h4{font-size:13px}.requirement{font-size:12px;padding:6px 8px}.password-mismatch{font-size:13px;padding:12px 14px}.password-mismatch svg{font-size:18px}input[type=date],input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:16px!important}}.cancel-button,.form-group input,.form-group select,.form-group textarea,.requirement,.save-button,.tab-button,.toggle-password{transition:all .3s cubic-bezier(.4,0,.2,1)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2ecc7180;outline-offset:2px}.form-loading{opacity:.6;pointer-events:none;position:relative}.form-loading:after{background:#fffc;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media (max-width:768px){body{overflow-x:hidden}.account-form,.form-grid,.form-section,.manage-account-container{max-width:100vw;overflow-x:hidden}}.checklist-grading-container44{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.grading-header44{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:25px}.grading-header44 h2{color:#2c3e50;font-size:28px;margin:0 0 8px}.grading-header44 p{color:#7f8c8d;font-size:16px;margin:0}.alert44{animation:slideInDown44 .4s ease;border-radius:8px;margin-bottom:20px;padding:15px 20px}.alert-success44{background:#d4edda;border-left:4px solid #2ecc71;color:#155724}.alert-error44{background:#f8d7da;border-left:4px solid #e74c3c;color:#721c24}.selection-section44{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px;padding:25px}.selection-section44 h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;gap:10px;margin:0 0 20px}.selection-section44 h3 svg{color:#2ecc71}.checklists-grid44{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.checklist-card44{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.checklist-card44:hover{border-color:#2ecc71;box-shadow:0 5px 15px #2ecc7133;transform:translateY(-3px)}.checklist-card44.selected44{background:#f0fdf4;border-color:#2ecc71}.checklist-card-header44{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.checklist-card-header44 h4{color:#2c3e50;font-size:18px;margin:0}.selected-icon44{color:#2ecc71;font-size:20px}.checklist-info44{margin-bottom:15px}.checklist-info44 p{color:#6c757d;font-size:14px;margin:5px 0}.preview-btn44{align-items:center;background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px;transition:background .3s ease;width:100%}.preview-btn44:hover{background:#27ae60}.no-checklists44{color:#7f8c8d;padding:40px;text-align:center}.search-filter-bar44{display:flex;gap:15px;margin-bottom:20px}.search-box44{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex:1 1;padding:10px 15px}.search-box44 svg{color:#6c757d;margin-right:10px}.search-box44 input{background:none;border:none;flex:1 1;font-size:14px;outline:none}.filter-box44{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:10px;padding:10px 15px}.filter-box44 svg{color:#6c757d}.filter-box44 select{background:none;border:none;cursor:pointer;font-size:14px;outline:none}.students-list44{border:1px solid #e9ecef;border-radius:8px;max-height:400px;overflow-y:auto;padding:10px}.student-item44{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.student-item44:hover{background:#fff;border-color:#2ecc71}.student-item44.selected44{background:#f0fdf4;border-color:#2ecc71}.student-info44 h4{color:#2c3e50;font-size:16px;margin:0 0 5px}.student-info44 p{color:#6c757d;font-size:14px;margin:0}.evaluation-status44,.status-badge44{align-items:center;display:flex}.status-badge44{border-radius:20px;font-size:13px;font-weight:500;gap:5px;padding:5px 10px}.status-badge44.completed44{background:#d4edda;color:#155724}.status-badge44.pending44{background:#f8d7da;color:#721c24}.action-buttons44{display:flex;gap:15px;justify-content:center;margin-top:20px}.btn-primary44{align-items:center;background:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 30px;transition:background .3s ease}.btn-primary44:hover{background:#27ae60}.btn-primary44:disabled{background:#95a5a6;cursor:not-allowed}.btn-secondary44{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 30px;transition:background .3s ease}.btn-secondary44:hover{background:#2980b9}.evaluation-form44{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.evaluation-header44{align-items:start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.eval-info44 h3{color:#2c3e50;font-size:24px;margin:0 0 10px}.eval-info44 p{color:#6c757d;font-size:14px;margin:5px 0}.btn-close44{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 15px;transition:background .3s ease}.btn-close44:hover{background:#c0392b}.evaluation-metadata44{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.form-group44{display:flex;flex-direction:column}.form-group44 label{color:#495057;font-size:14px;font-weight:500;margin-bottom:8px}.form-group44 input,.form-group44 select{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s ease}.form-group44 input:focus,.form-group44 select:focus{border-color:#2ecc71;outline:none}.observation-items44{margin-bottom:30px}.observation-items44 h4{color:#2c3e50;font-size:18px;margin:0 0 20px}.observation-item-card44{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:20px}.item-header44{justify-content:space-between;margin-bottom:15px}.item-header44,.item-info44{align-items:center;display:flex}.item-info44{flex:1 1;gap:10px}.item-number44{align-items:center;background:#2ecc71;border-radius:50%;color:#fff;display:inline-block;display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;width:30px}.item-name44{color:#2c3e50;flex:1 1;font-size:15px}.score-input44{align-items:center;display:flex;gap:10px}.score-input44 label{color:#6c757d;font-size:14px}.score-input44 input{border:2px solid #dee2e6;border-radius:6px;font-size:16px;font-weight:600;padding:8px;text-align:center;transition:border-color .3s ease;width:70px}.score-input44 input:focus{border-color:#2ecc71;outline:none}.item-comment-section44{margin-top:10px}.toggle-comment44{align-items:center;background:none;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;gap:8px;padding:8px 15px;transition:all .3s ease}.toggle-comment44:hover{border-color:#2ecc71;color:#2ecc71}.item-comment-section44 textarea{border:1px solid #dee2e6;border-radius:6px;font-size:14px;margin-top:10px;padding:10px;resize:vertical;width:100%}.overall-section44{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:25px}.score-summary44{margin-bottom:25px}.score-summary44 h4{color:#2c3e50;font-size:18px;margin:0 0 15px}.summary-stats44{display:flex;gap:30px}.stat44{align-items:center;display:flex;gap:10px}.stat44 label{color:#6c757d;font-size:16px}.stat44 .value44{color:#2c3e50;font-size:24px;font-weight:700}.overall-comments44 h4{color:#2c3e50;font-size:18px;margin:0 0 15px}.overall-comments44 textarea{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:12px;resize:vertical;width:100%}.form-actions44{gap:20px}.form-actions44,.modal-overlay44{display:flex;justify-content:center}.modal-overlay44{align-items:center;animation:fadeIn44 .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content44{animation:slideInUp44 .3s ease;background:#fff;border-radius:12px;max-height:80vh;max-width:600px;overflow:hidden;padding:0;width:90%}.modal-header44{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 25px}.modal-header44 h3{color:#2c3e50;font-size:20px;margin:0}.modal-header44 button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:20px;transition:color .3s ease}.modal-header44 button:hover{color:#e74c3c}.modal-body44{max-height:calc(80vh - 80px);overflow-y:auto;padding:25px}.modal-body44 p{color:#495057;font-size:15px;margin:10px 0}.modal-body44 h4{color:#2c3e50;font-size:16px;margin:20px 0 10px}.preview-items44{margin:15px 0;padding-left:20px}.preview-items44 li{color:#495057;font-size:14px;line-height:1.5;margin:8px 0}.no-course-message44{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-course-message44 svg{color:#f39c12;font-size:60px;margin-bottom:20px}.no-course-message44 p{color:#6c757d;font-size:16px}@keyframes fadeIn44{0%{opacity:0}to{opacity:1}}@keyframes slideInUp44{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown44{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.checklists-grid44{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.checklist-grading-container44{padding:15px}.grading-header44{padding:20px}.grading-header44 h2{font-size:24px}.selection-section44{padding:20px}.search-filter-bar44{flex-direction:column}.evaluation-metadata44{grid-template-columns:1fr}.evaluation-header44{flex-direction:column;gap:15px}.btn-close44{align-self:flex-end}.summary-stats44{flex-direction:column;gap:15px}.form-actions44{flex-direction:column;gap:10px}.btn-primary44,.btn-secondary44{justify-content:center;width:100%}.modal-content44{margin:10px;width:95%}}@media (max-width:480px){.checklists-grid44{grid-template-columns:1fr}.item-header44{align-items:flex-start;flex-direction:column;gap:15px}.item-info44,.score-input44{width:100%}}.assessment-grading-container55{animation:fadeIn55 .5s ease;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:20px}.assessment-grading-container55 *{box-sizing:border-box}.grading-header55{margin-bottom:30px}.grading-header55 h2{color:#2c3e50;font-size:28px;margin:0 0 10px}.grading-header55 p{color:#7f8c8d;font-size:16px;margin:0}.selection-grid55{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.selection-panel55{background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;padding:25px}.selection-panel55 h3{align-items:center;border-bottom:2px solid #ecf0f1;color:#2c3e50;display:flex;font-size:20px;gap:10px;margin:0 0 20px;padding-bottom:15px}.selection-panel55 h3 svg{color:#2ecc71}.assessments-list55{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:10px}.assessment-card55{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.assessment-card55:hover{background:#f0fdf4;border-color:#2ecc71;box-shadow:0 5px 15px #2ecc7133;transform:translateY(-2px)}.assessment-card55.selected55{background:#f0fdf4;border-color:#2ecc71;box-shadow:0 5px 20px #2ecc714d}.assessment-preview55{display:flex;flex-direction:column;gap:12px}.preview-header55{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.preview-header55 h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.type-badge55{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px;text-transform:uppercase}.type-badge55.performance{background:#e3f2fd;color:#1976d2}.type-badge55.overall{background:#f3e5f5;color:#7b1fa2}.preview-details55{display:flex;flex-direction:column;gap:8px}.detail-row55{display:flex;font-size:13px;justify-content:space-between}.detail-label55{color:#7f8c8d;font-weight:500}.detail-value55{color:#2c3e50;font-weight:600}.student-filters55{display:flex;gap:15px;margin-bottom:20px}.filter-box55,.search-box55{flex:1 1;position:relative}.filter-box55 svg,.search-box55 svg{color:#95a5a6;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-box55 select,.search-box55 input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 10px 10px 35px;transition:border-color .3s ease;width:100%}.filter-box55 select:focus,.search-box55 input:focus{border-color:#2ecc71;outline:none}.students-list55{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:10px}.student-card55{align-items:center;background:#f8f9fa;border:2px solid #ecf0f1;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.student-card55:hover{background:#f0fdf4;border-color:#2ecc71;transform:translateX(5px)}.student-card55.selected55{background:#f0fdf4;border-color:#2ecc71;box-shadow:0 3px 15px #2ecc7133}.student-info55 h4{color:#2c3e50;font-size:15px;margin:0 0 5px}.student-info55 p{color:#7f8c8d;font-size:13px;margin:0 0 5px}.student-batch55{background:#e8f5e9;border-radius:4px;color:#2ecc71;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.action-buttons55{display:flex;justify-content:center;margin-top:30px}.btn-proceed55{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 30px;transition:all .3s ease}.btn-proceed55:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 5px 20px #2ecc714d;transform:translateY(-2px)}.btn-proceed55:disabled{cursor:not-allowed;opacity:.5}.grading-form55{background:#fff;border-radius:12px;box-shadow:0 5px 25px #0000001a;padding:30px}.grading-form55 .grading-header55{align-items:flex-start;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.btn-back55{align-items:center;background:#ecf0f1;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-back55:hover{background:#d5d8dc;transform:translateX(-3px)}.grading-info55 h3{color:#2c3e50;font-size:22px;margin:0 0 8px}.grading-info55 p{color:#7f8c8d;font-size:15px;margin:0}.academic-info55{grid-gap:20px;background:#f8f9fa;border-radius:10px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.academic-info55 .form-group55{display:flex;flex-direction:column;gap:8px}.academic-info55 label{color:#2c3e50;font-size:14px;font-weight:600}.academic-info55 input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s ease}.academic-info55 input:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.grading-table-container55{-webkit-overflow-scrolling:touch;border:1px solid #ecf0f1;border-radius:10px;margin-bottom:30px;overflow-x:auto}.grading-table-wrapper55{min-width:100%;overflow-x:auto}.grading-table55{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.grading-table55 thead{background:#f8f9fa}.grading-table55 th{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:14px;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.grading-table55 tbody tr{border-bottom:1px solid #f5f5f5}.grading-table55 tbody tr:hover{background:#f8f9fa}.grading-table55 td{font-size:14px;padding:12px 15px}.item-name55{color:#2c3e50;font-weight:500;min-width:200px}.grade-cell55{text-align:center}.grade-select55,.score-input55{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px;text-align:center;transition:all .3s ease;width:80px}.grade-select55:focus,.score-input55:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.grand-total-cell55,.total-cell55{background:#f0fdf4;color:#2c3e50;font-weight:600;text-align:center}.total-row55{background:#f8f9fa;font-weight:600}.overall-row55{background:#f3e5f5}.overall-select55{width:100px}.item-header55,.overall-cell55,.overall-header55,.period-header55,.total-header55{text-align:center}.comments-section55{margin-bottom:30px}.comments-section55 label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.comments-section55 textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.comments-section55 textarea:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a;outline:none}.grading-actions55{border-top:2px solid #ecf0f1;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.btn-save-draft55,.btn-submit55{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-save-draft55{background:#95a5a6;color:#fff}.btn-save-draft55:hover:not(:disabled){background:#7f8c8d;box-shadow:0 5px 20px #95a5a64d;transform:translateY(-2px)}.btn-submit55{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-submit55:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 5px 20px #2ecc714d;transform:translateY(-2px)}.btn-save-draft55:disabled,.btn-submit55:disabled{cursor:not-allowed;opacity:.5}.alert55{animation:slideInDown55 .5s ease;border-radius:8px;margin-bottom:20px;padding:15px 20px}.alert-success55{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error55{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.empty-state55,.loading55{color:#7f8c8d;font-size:15px;padding:40px;text-align:center}.empty-state55 p{margin:0}.no-course-message55{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 15px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px;text-align:center}.no-course-message55 svg{color:#f39c12;font-size:60px;margin-bottom:20px}.no-course-message55 h3{color:#2c3e50;font-size:24px;margin:0 0 15px}.no-course-message55 p{color:#7f8c8d;font-size:16px;margin:0}.assessments-list55::-webkit-scrollbar,.grading-table-container55::-webkit-scrollbar,.students-list55::-webkit-scrollbar{height:8px;width:8px}.assessments-list55::-webkit-scrollbar-track,.grading-table-container55::-webkit-scrollbar-track,.students-list55::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.assessments-list55::-webkit-scrollbar-thumb,.grading-table-container55::-webkit-scrollbar-thumb,.students-list55::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:10px}.assessments-list55::-webkit-scrollbar-thumb:hover,.grading-table-container55::-webkit-scrollbar-thumb:hover,.students-list55::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media (max-width:1200px){.selection-grid55{grid-template-columns:1fr}.academic-info55{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.assessment-grading-container55{padding:10px}.grading-header55 h2{font-size:22px}.grading-header55 p{font-size:14px}.selection-panel55{padding:15px}.selection-panel55 h3{font-size:18px}.grading-form55{border-radius:8px;padding:15px}.grading-form55 .grading-header55{flex-direction:column;gap:15px;margin-bottom:20px;padding-bottom:15px}.btn-back55{align-self:flex-end}.grading-info55 h3{font-size:18px}.grading-info55 p{font-size:13px}.student-filters55{flex-direction:column}.academic-info55{gap:15px;padding:15px}.grading-table-container55{border-radius:8px;margin-bottom:20px}.grading-table55{font-size:12px;min-width:100%}.grading-table55 td,.grading-table55 th{padding:8px 6px}.item-name55{font-size:12px;min-width:140px}.grade-select55,.score-input55{font-size:13px;padding:6px 4px;width:60px}.overall-select55{width:80px}.comments-section55{margin-bottom:20px}.comments-section55 textarea{font-size:13px;padding:10px}.grading-actions55{flex-direction:column;gap:10px;padding-top:15px}.btn-save-draft55,.btn-submit55{font-size:14px;justify-content:center;padding:12px 20px;width:100%}}@media (max-width:480px){.assessment-grading-container55{padding:8px}.grading-header55{margin-bottom:20px}.grading-header55 h2{font-size:20px}.grading-header55 p{font-size:13px}.selection-panel55{border-radius:8px;padding:12px}.selection-panel55 h3{font-size:16px;gap:8px}.assessment-preview55{gap:10px}.preview-header55 h4{font-size:14px}.detail-row55{font-size:12px}.student-card55{padding:10px}.student-info55 h4{font-size:13px}.student-info55 p{font-size:11px}.btn-proceed55{font-size:14px;padding:10px 20px}.grading-form55{padding:12px}.grading-info55 h3{font-size:16px}.grading-info55 p{font-size:12px}.btn-back55{font-size:13px;padding:8px 15px}.academic-info55{gap:12px;grid-template-columns:1fr;padding:12px}.academic-info55 label{font-size:13px}.academic-info55 input{font-size:13px;padding:8px}.grading-table-wrapper55{display:none}.mobile-grading-view55{display:flex!important}.grading-table-container55{border:none;border-radius:0;margin-bottom:15px}.grading-table55{display:none}.mobile-grading-view55{display:flex;flex-direction:column;gap:20px}.month-section55{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:15px}.month-header55{background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:8px;color:#fff;font-size:16px;font-weight:600;margin-bottom:15px;padding:12px 15px;text-align:center}.mobile-items-grid55{display:flex;flex-direction:column;gap:12px}.mobile-item-row55{grid-gap:12px;align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:12px}.mobile-item-name55{color:#2c3e50;font-size:13px;font-weight:500;line-height:1.4}.mobile-score-box55{align-items:center;display:flex;flex-direction:column;gap:4px}.mobile-score-label55{color:#7f8c8d;font-size:10px;font-weight:600;text-transform:uppercase}.mobile-score-box55 .grade-select55,.mobile-score-box55 .score-input55{border:2px solid #dee2e6;border-radius:6px;font-size:14px;font-weight:600;padding:8px;text-align:center;width:70px}.mobile-score-box55 .grade-select55:focus,.mobile-score-box55 .score-input55:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}.mobile-total-row55{grid-gap:12px;align-items:center;background:#f0fdf4;border:2px solid #2ecc71;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;margin-top:10px;padding:15px}.mobile-total-label55{color:#2c3e50;font-size:14px;font-weight:700}.mobile-total-value55{color:#2ecc71;font-size:18px;font-weight:700;text-align:center}.mobile-overall-section55{background:#f3e5f5;border-radius:10px;margin-top:10px;padding:15px}.mobile-overall-header55{color:#7b1fa2;font-size:14px;font-weight:700;margin-bottom:12px;text-align:center}.mobile-overall-grade55{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.mobile-overall-grade55 label{color:#2c3e50;font-size:13px;font-weight:600}.mobile-overall-grade55 .overall-select55{border:2px solid #dee2e6;border-radius:6px;font-size:14px;font-weight:600;padding:8px;width:100px}.mobile-grand-total55{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:10px;color:#fff;margin-top:20px;padding:20px;text-align:center}.mobile-grand-total55 h4{font-size:14px;letter-spacing:1px;margin:0 0 10px;opacity:.9;text-transform:uppercase}.mobile-grand-total55 .value{font-size:32px;font-weight:700;margin:0}.comments-section55 label{font-size:13px}.comments-section55 textarea{font-size:12px;min-height:80px;padding:8px}.grading-actions55{gap:8px}.btn-save-draft55,.btn-submit55{font-size:13px;padding:10px 15px}}@media (max-width:360px){.grading-table55 td,.grading-table55 th{font-size:10px;padding:4px 2px}.grade-select55,.score-input55{font-size:11px;width:45px}.item-name55{font-size:10px;min-width:80px}}@keyframes fadeIn55{0%{opacity:0}to{opacity:1}}@keyframes slideInDown55{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media print{.btn-back55,.grading-actions55,.student-filters55{display:none}.grading-table55,.grading-table55 td,.grading-table55 th{border:1px solid #000}}.dashboard-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;position:relative}.dashboard-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 2px 20px #0000001a;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header,.header-left,.logo-container{align-items:center;display:flex}.logo-container{cursor:pointer;gap:15px;transition:transform .3s ease}.logo-container:hover{transform:scale(1.02)}.logo-placeholder-dash{align-items:center;background:linear-gradient(135deg,#1b8b6a,#25a77e);border-radius:12px;box-shadow:0 4px 15px #1b8b6a4d;color:#fff;display:flex;font-size:18px;font-weight:700;height:200px;justify-content:center;width:200px}.dashboard-logo{height:50px;object-fit:contain;width:50px}.logo-text h2{color:#1b8b6a;font-size:20px;font-weight:700;margin:0}.logo-text p{color:#666;font-size:12px;margin:0}.header-right,.profile-section{position:relative}.profile-section{align-items:center;background:#f8f9fa;border-radius:50px;cursor:pointer;display:flex;gap:12px;padding:8px 15px;transition:all .3s ease}.profile-section:hover{background:#e9ecef;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 10px #667eea4d;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.profile-info{display:flex;flex-direction:column}.profile-name{color:#333;font-size:14px;font-weight:600}.profile-role{color:#666;font-size:12px}.dropdown-arrow{color:#666;font-size:10px;transition:transform .3s ease}.profile-section:hover .dropdown-arrow{transform:rotate(180deg)}.profile-dropdown{animation:dropdownSlide .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;transition:background .2s ease}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background:#ffebee}.dropdown-icon{font-size:16px}.dropdown-divider{background:#e9ecef;height:1px;margin:5px 0}.welcome-section{animation:fadeInUp .6s ease;color:#fff;padding:40px 20px 20px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-size:36px;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0003}.welcome-subtitle{font-size:18px;margin:0;opacity:.95}.dashboard-title{animation:fadeInUp .8s ease;margin:20px 0 40px;text-align:center}.dashboard-title h2{color:#fff;font-size:32px;font-weight:600;margin:0 0 15px;text-shadow:2px 2px 4px #0003}.title-underline{background:#fff;border-radius:2px;box-shadow:0 2px 10px #ffffff4d;height:4px;margin:0 auto;width:80px}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:1200px;padding:0 30px 40px}.dashboard-card{align-items:center;animation:cardAppear .6s ease backwards;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.dashboard-card.wide-card{grid-column:span 2}.dashboard-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px) scale(1.02)}.card-hover-effect{background:linear-gradient(135deg,#0000,#fff3);bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.dashboard-card:hover .card-hover-effect{transform:translateX(100%)}.card-icon{align-items:center;background:#4a90e2;background:var(--card-color,#4a90e2);border-radius:50%;box-shadow:0 5px 20px #00000026;color:#fff;display:flex;font-size:32px;height:70px;justify-content:center;margin:0 auto 15px;position:relative;transition:all .3s ease;width:70px}.dashboard-card:hover .card-icon{box-shadow:0 8px 25px #0003;transform:rotate(10deg) scale(1.1)}.card-icon:after{animation:pulse 2s infinite;background:inherit;border-radius:50%;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.card-title{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.card-description{color:#666;font-size:13px;margin:0;opacity:.8}.dashboard-footer{background:#fffffff2;box-shadow:0 -2px 20px #0000001a;margin-top:40px;padding:20px;text-align:center}.dashboard-footer p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.dashboard-header{padding:15px 20px}.logo-text h2{font-size:16px}.logo-text p{display:none}.welcome-title{font-size:28px}.welcome-subtitle{font-size:16px}.dashboard-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:0 20px 30px}.dashboard-card{min-height:150px;padding:20px}.dashboard-card.wide-card{grid-column:span 1}.card-icon{font-size:28px;height:60px;width:60px}.card-title{font-size:14px}.profile-info{display:none}}@media (max-width:480px){.dashboard-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 15px 20px}.welcome-title{font-size:24px}.dashboard-title h2{font-size:28px}}.elogbook-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;position:relative;z-index:1}.elogbook-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.elogbook-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.elogbook-header{color:#fff;margin-bottom:40px;position:relative;text-align:center;z-index:2}.back-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;left:0;padding:10px 20px;position:absolute;top:0;transition:all .3s ease;z-index:100}.back-button:hover{background:#ffffff4d;transform:translateX(-5px)}.elogbook-header h1{font-size:36px;margin:20px 0 10px;text-shadow:2px 2px 4px #0003}.elogbook-header p{font-size:18px;margin:0;opacity:.95}.alert{animation:slideIn .3s ease;border-radius:12px;margin:0 auto 20px;max-width:1200px;padding:15px 20px;position:relative;z-index:10}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#2ecc71f2;box-shadow:0 5px 20px #2ecc714d;color:#fff}.alert-error{background:#e74c3cf2;box-shadow:0 5px 20px #e74c3c4d;color:#fff}.elogbook-options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:800px;position:relative;z-index:1}.option-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:250px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.option-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px) scale(1.02)}.option-card:before{background:linear-gradient(135deg,#0000,#fff3);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.option-card:hover:before{transform:translateX(100%)}.option-icon{align-items:center;border-radius:50%;box-shadow:0 5px 20px #00000026;color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:80px}.option-card:hover .option-icon{box-shadow:0 8px 25px #0003;transform:rotate(10deg) scale(1.1)}.option-card h3{color:#333;font-size:20px;font-weight:600;margin:0 0 10px}.option-card p{color:#666;font-size:14px;margin:0 0 15px}.submission-count{background:#f0f2f5;border-radius:20px;color:#666;font-size:14px;font-weight:500;padding:8px 16px}.module-selection-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.module-search-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;gap:15px;margin-bottom:30px;padding:15px 20px;transition:all .3s ease}.module-search-bar:focus-within{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.module-search-bar .search-icon{color:#667eea;flex-shrink:0;font-size:20px}.module-search-bar .search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:16px;outline:none}.module-search-bar .search-input::placeholder{color:#999}.modules-grid{grid-gap:25px;animation:fadeIn .5s ease;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.module-card{animation:cardSlideIn .4s ease backwards;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.module-card:first-child{animation-delay:.05s}.module-card:nth-child(2){animation-delay:.1s}.module-card:nth-child(3){animation-delay:.15s}.module-card:nth-child(4){animation-delay:.2s}.module-card:nth-child(5){animation-delay:.25s}.module-card:nth-child(6){animation-delay:.3s}.module-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.module-card:hover:before{transform:scaleX(1)}.module-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.module-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.module-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.module-card:hover .module-icon{transform:rotate(10deg) scale(1.1)}.module-type-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.module-type-badge.entries{background:#e3f2fd;color:#2196f3}.module-type-badge.counters{background:#fff3e0;color:#ff9800}.module-card-title{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 10px}.module-card-description{color:#666;font-size:14px;line-height:1.6;margin:0 0 15px}.module-requirements{background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin:15px 0;padding:15px}.requirement-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.requirement-label{color:#999;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.requirement-value{color:#333;font-size:16px;font-weight:600}.module-card-footer{align-items:center;border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.fields-count{color:#666;font-size:13px}.arrow-icon{color:#667eea;font-size:16px;transition:transform .3s ease}.module-card:hover .arrow-icon{transform:translateX(5px) rotate(180deg)}.no-modules-found{background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;grid-column:1/-1;padding:60px 40px;text-align:center}.no-modules-icon{color:#ccc;font-size:64px;margin-bottom:20px}.no-modules-found h3{color:#333;font-size:24px;margin:0 0 10px}.no-modules-found p{color:#666;font-size:16px;margin:0}.competency-form{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:900px;padding:30px;position:relative;z-index:1}.form-section{margin-bottom:30px}.form-section h3{border-bottom:2px solid #f0f2f5;color:#333;font-size:20px;margin:0 0 20px;padding-bottom:10px}.module-info{background:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.module-info span{color:#666;font-size:14px}.form-fields{grid-gap:20px;display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group .required{color:#e74c3c;margin-left:4px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:15px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.counter-field{align-items:center;display:flex;gap:15px}.counter-field input{width:120px}.target-info{background:#fef5e7;border-radius:6px;color:#f39c12;font-size:13px;font-weight:500;padding:8px 12px}.attachments-section{border-top:2px solid #f0f2f5;margin-top:30px;padding-top:30px}.attachments-section h4{color:#333;font-size:16px;margin:0 0 15px}.file-upload{margin-bottom:20px}.upload-button{align-items:center;background:#3498db;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:10px;padding:12px 24px;transition:all .3s ease}.upload-button:hover{background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.attachments-list{display:flex;flex-direction:column;gap:10px}.attachment-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px;transition:background .2s ease}.attachment-item:hover{background:#e9ecef}.attachment-item span{color:#333;font-size:14px}.attachment-item button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:16px;padding:5px;transition:all .2s ease}.attachment-item button:hover{transform:scale(1.2)}.form-actions{border-top:2px solid #f0f2f5;display:flex;gap:15px;margin-top:30px;padding-top:30px}.btn-cancel,.btn-draft,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-submit{background:#2ecc71;color:#fff}.btn-submit:hover{background:#27ae60;box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.btn-draft{background:#f39c12;color:#fff}.btn-draft:hover{background:#e67e22;box-shadow:0 5px 15px #f39c124d;transform:translateY(-2px)}.btn-cancel{background:#e74c3c;color:#fff}.btn-cancel:hover{background:#c0392b;box-shadow:0 5px 15px #e74c3c4d;transform:translateY(-2px)}.submissions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}.no-submissions{background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;grid-column:1/-1;padding:60px 40px;text-align:center}.no-submissions-icon{color:#48c9b0;font-size:64px;margin-bottom:20px}.no-submissions h3{color:#333;font-size:24px;margin:0 0 10px}.no-submissions p{color:#666;font-size:16px;margin:0 0 30px}.btn-add-first{align-items:center;background:#48c9b0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:10px;padding:12px 24px;transition:all .3s ease}.btn-add-first:hover{background:#3eb598;box-shadow:0 5px 15px #48c9b04d;transform:translateY(-2px)}.submission-card{animation:cardAppear .4s ease backwards;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:all .3s ease}.submission-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.submission-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.submission-header h4{color:#333;font-size:18px;margin:0}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.status-draft{background:#f0f2f5;color:#666}.status-submitted{background:#e3f2fd;color:#2196f3}.status-approved{background:#e8f5e9;color:#4caf50}.status-rejected{background:#ffebee;color:#f44336}.status-pending{background:#fff3e0;color:#ff9800}.submission-body{padding:20px}.submission-meta{border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.submission-meta span{color:#666;font-size:14px}.review-info{margin:20px 0}.review-score{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.review-feedback{color:#666;font-size:14px;line-height:1.5;margin:0}.btn-view-details{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.filters-container{margin:0 auto 30px;max-width:1200px;position:relative;z-index:1}.filter-toggle-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#667eea;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:10px;padding:12px 24px;transition:all .3s ease}.filter-toggle-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.filters-panel{grid-gap:20px;animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px;padding:25px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#333;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .3s ease}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.sort-btn:hover{background:#e9ecef;border-color:#667eea;color:#667eea}.clear-filters-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;grid-column:1/-1;justify-self:start;padding:10px 20px;transition:all .3s ease}.clear-filters-btn:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.submission-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn-delete-entry,.btn-edit-entry,.btn-view-details{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .3s ease}.btn-view-details{background:#3498db;color:#fff}.btn-view-details:hover{background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.btn-edit-entry{background:#f39c12;color:#fff}.btn-edit-entry:hover{background:#e67e22;box-shadow:0 5px 15px #f39c124d;transform:translateY(-2px)}.btn-delete-entry{background:#e74c3c;color:#fff}.btn-delete-entry:hover{background:#c0392b;box-shadow:0 5px 15px #e74c3c4d;transform:translateY(-2px)}.entry-details-card{animation:fadeIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:900px;padding:30px;position:relative;z-index:1}.details-header{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.details-header h2{color:#333;font-size:24px;margin:0}.details-meta{grid-gap:15px;background:#f8f9fa;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;padding:20px}.meta-item{display:flex;flex-direction:column;gap:5px}.meta-item strong{color:#666;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.meta-item span{color:#333;font-size:15px;font-weight:500}.details-content{margin-bottom:30px}.details-content h3{border-bottom:2px solid #f0f2f5;color:#333;font-size:18px;margin:0 0 20px;padding-bottom:10px}.data-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.data-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:15px}.data-item strong{color:#666;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.data-item span{color:#333;font-size:15px;font-weight:500}.review-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e9ecef;border-radius:12px;margin-top:30px;padding:25px}.review-section h3{color:#333;font-size:18px;margin:0 0 20px}.review-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.review-item{display:flex;flex-direction:column;gap:5px}.review-item strong{color:#666;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.review-item span{color:#333;font-size:15px;font-weight:600}.review-item.full-width{grid-column:1/-1}.review-item p{background:#fff;border-radius:8px;color:#555;font-size:14px;line-height:1.6;margin:5px 0 0;padding:12px}.details-actions{border-top:2px solid #f0f2f5;display:flex;gap:15px;margin-top:30px;padding-top:25px}.btn-delete11,.btn-edit11{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-edit11{background:#f39c12;color:#fff}.btn-edit11:hover{background:#e67e22;box-shadow:0 5px 15px #f39c124d;transform:translateY(-2px)}.btn-delete11{background:#e74c3c;color:#fff}.btn-delete11:hover{background:#c0392b;box-shadow:0 5px 15px #e74c3c4d;transform:translateY(-2px)}.review-info{background:#f8f9fa;border-left:3px solid #3498db;border-radius:8px;margin:15px 0;padding:15px}.review-details{display:flex;flex-direction:column;gap:8px}.review-details p{color:#555;font-size:14px;margin:0}.review-details strong{color:#333}.review-feedback{border-top:1px solid #e9ecef;color:#666!important;font-style:italic;margin-top:8px!important;padding-top:8px}.field-group-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin:25px 0;overflow:hidden;transition:all .3s ease}.field-group-container:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.field-group-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e9ecef;padding:15px 20px}.field-group-header h4{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;letter-spacing:.5px;margin:0;text-transform:uppercase}.field-group-header h4:before{content:"▸";font-size:18px;transition:transform .3s ease}.field-group-container:hover .field-group-header h4:before{transform:rotate(90deg)}.field-group-content{grid-gap:20px;background:#fff;display:grid;gap:20px;padding:20px}.grouped-field{padding-left:20px;position:relative}.grouped-field:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.grouped-field label{align-items:center;color:#555;display:flex;font-size:14px;font-weight:500;gap:8px}.grouped-field label:before{color:#667eea;content:"└";font-size:16px;font-weight:700}@media (max-width:768px){.filters-panel{grid-template-columns:1fr}.submission-actions{flex-direction:column}.btn-delete-entry,.btn-edit-entry,.btn-view-details{width:100%}.details-header{align-items:flex-start;flex-direction:column;gap:15px}.data-grid,.review-grid{grid-template-columns:1fr}.details-actions{flex-direction:column}.btn-delete11,.btn-edit11{justify-content:center;width:100%}.field-group-header{padding:12px 15px}.field-group-header h4{font-size:14px}.field-group-content{padding:15px}.grouped-field{padding-left:15px}}@media (max-width:480px){.entry-details-card{padding:20px}.details-header h2{font-size:20px}.filter-toggle-btn{justify-content:center;width:100%}.field-group-container{margin:20px 0}.field-group-header{padding:10px 12px}.field-group-header h4{font-size:13px}.field-group-content{gap:15px;padding:12px}}@media (max-width:768px){.elogbook-header h1{font-size:28px}.elogbook-header p{font-size:16px}.elogbook-options,.modules-grid{gap:20px;grid-template-columns:1fr}.competency-form{padding:20px}.submissions-grid{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-draft,.btn-submit{justify-content:center;width:100%}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea;border:2px solid #fff;box-shadow:0 4px 12px #0000004d;isolation:isolate;left:10px;margin:0;position:fixed;top:10px;z-index:1000}.back-button:hover{background:#5568d3;transform:translateX(0)}.elogbook-header{padding-top:50px}}@media (max-width:480px){.elogbook-container{padding:15px}.elogbook-header h1{font-size:24px}.option-card{min-height:200px;padding:20px}.option-icon{font-size:28px;height:60px;width:60px}.module-card{padding:20px}.submission-header{align-items:flex-start;flex-direction:column;gap:10px}.submission-meta{flex-direction:column;gap:8px}.module-requirements{flex-direction:column;gap:10px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea;border:2px solid #fff;box-shadow:0 4px 12px #0000004d;font-size:13px;isolation:isolate;left:10px;margin:0;padding:8px 16px;position:fixed;top:10px;z-index:1000}.back-button:hover{background:#5568d3}.elogbook-header{padding-top:50px}}.results-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.results-header{align-items:center;display:flex;gap:20px;margin-bottom:30px;padding:0 10px}.results-header h1{color:#fff;font-size:32px;margin:0;text-shadow:2px 2px 4px #0003}.back-button24{align-items:center;background:#fffffff2;border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.back-button24:hover{background:#fff;box-shadow:0 4px 15px #00000026;transform:translateX(-5px)}.tabs-container{display:flex;gap:15px;margin-bottom:30px;padding:0 10px}.tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #0000;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px 30px;transition:all .3s ease}.tab:hover{background:#ffffff4d;transform:translateY(-2px)}.tab.active{background:#fffffff2;border-color:#fff;box-shadow:0 5px 20px #00000026;color:#667eea}.results-content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:0 10px}.result-card{animation:cardAppear .6s ease backwards;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;cursor:pointer;padding:25px;transition:all .3s ease}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.result-card:hover{box-shadow:0 15px 40px #0003;transform:translateY(-8px)}.result-card-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.result-icon{align-items:center;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.result-title-section{flex:1 1}.result-title-section h3{color:#2c3e50;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 5px}.course-name{color:#7f8c8d;font-size:14px;margin:0}.result-card-body{margin-bottom:20px}.result-info-row{border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:8px 0}.result-info-row .label{color:#7f8c8d;font-size:14px;font-weight:500}.result-info-row .value{color:#2c3e50;font-size:14px;font-weight:600;text-align:right}.result-summary{background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-top:15px;padding:15px}.summary-item{flex:1 1;text-align:center}.summary-label{color:#7f8c8d;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.summary-value{color:#2c3e50;display:block;font-size:18px;font-weight:700}.grade-badge{border-radius:8px;display:inline-block;font-size:16px;padding:4px 12px}.result-card-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:15px}.result-date{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:6px}.result-details{animation:fadeIn .5s ease;background:#fff;border-radius:16px;box-shadow:0 5px 30px #0000001a;margin:0 auto;max-width:1200px;padding:30px}.detail-header{align-items:flex-start;border-bottom:3px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.detail-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.detail-subtitle{color:#7f8c8d;font-size:16px;margin:0 0 12px}.assessment-type-badge{margin-top:10px}.badge-overall,.badge-yearly{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px}.badge-yearly{background:#e3f2fd;color:#1976d2}.badge-overall{background:#f3e5f5;color:#7b1fa2}.detail-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.info-card{background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px}.info-label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#2c3e50;font-size:16px;font-weight:700}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:30px;padding:30px}.summary-card h3{align-items:center;display:flex;font-size:22px;gap:10px;margin:0 0 20px}.summary-stats{display:flex;gap:30px;justify-content:space-around;margin-bottom:20px}.stat-item{flex:1 1;text-align:center}.stat-value{display:block;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{display:block;font-size:14px;font-weight:500;opacity:.9}.info-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:15px}.info-banner svg{flex-shrink:0;font-size:18px}.comments-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:20px}.comments-section h4{font-size:16px;font-weight:600;margin:0 0 10px}.comments-section p{font-size:15px;line-height:1.6;margin:0}.comments-section-standalone{background:#f8f9fa;border-radius:12px;margin-top:30px;padding:20px}.comments-section-standalone h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 10px}.comments-section-standalone p{color:#555;font-size:15px;line-height:1.6;margin:0}.grades-section{margin-bottom:30px}.grades-section h3{align-items:center;color:#2c3e50;display:flex;font-size:22px;gap:10px;margin:0 0 20px}.overall-grades-container,.yearly-grades-container{display:flex;flex-direction:column;gap:20px}.period-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px}.period-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.period-card h4{color:#667eea;font-size:18px;font-weight:700;margin:0}.period-total{background:#fff;border:2px solid #667eea;border-radius:20px;color:#2c3e50;font-size:16px;padding:6px 14px}.period-total strong{color:#667eea;margin-left:4px}.grades-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.grades-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:100%}.grades-table thead{background:#667eea;color:#fff}.grades-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.grades-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.grades-table tbody tr:hover{background:#f8f9fa}.grades-table td{color:#2c3e50;font-size:14px;padding:15px}.grades-table .total-row{background:#f8f9fa;font-weight:700}.grades-table .total-row td{color:#667eea;font-size:16px;padding:18px 15px}.score-display{padding:6px 12px}.score-badge,.score-display{background:#667eea;border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600}.score-badge{padding:4px 12px}.grade-badge-large{border-radius:8px;display:inline-block;font-size:16px;font-weight:700;min-width:50px;padding:8px 16px;text-align:center}.not-graded{color:#95a5a6;font-size:13px;font-style:italic}.empty-state{background:#fffffff2;border-radius:16px;margin:20px;padding:60px 20px;text-align:center}.empty-state h3{color:#2c3e50;font-size:24px;margin:20px 0 10px}.empty-state p{color:#7f8c8d;font-size:16px;margin:0}.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{font-size:18px;margin:0}.error-state{background:#fffffff2;border-radius:16px;margin:20px;padding:60px 20px;text-align:center}.error-state p{color:#e74c3c;font-size:18px;margin-bottom:20px}@media (max-width:1024px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.summary-stats{flex-wrap:wrap}.stat-item{min-width:100px}.detail-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.results-container{padding:15px}.results-header{flex-wrap:wrap}.results-header h1{font-size:24px}.back-button24{font-size:13px;padding:10px 20px}.tabs-container{flex-direction:column;gap:10px}.tab{font-size:14px;padding:12px 20px}.results-grid{gap:15px;grid-template-columns:1fr}.result-card{padding:20px}.result-summary{flex-direction:column;gap:10px}.detail-header{flex-direction:column;gap:15px}.detail-info-grid{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:20px}.stat-value{font-size:28px}.period-header{align-items:flex-start;flex-direction:column;gap:10px}.grades-table{font-size:13px}.grades-table td,.grades-table th{padding:12px 10px}.result-details{padding:20px}.summary-card{padding:25px}.period-card{padding:15px}}@media (max-width:480px){.results-header{align-items:flex-start;flex-direction:column;gap:15px}.results-header h1{font-size:22px}.back-button24{justify-content:center;width:100%}.result-card-header{flex-direction:column;text-align:center}.result-icon{margin:0 auto}.result-title-section h3{font-size:16px}.result-info-row{gap:5px}.result-card-footer,.result-info-row{flex-direction:column;text-align:center}.result-card-footer{gap:10px}.detail-header h2{font-size:22px}.assessment-type-badge{width:100%}.badge-overall,.badge-yearly{justify-content:center;width:100%}.summary-card h3{font-size:18px}.stat-value{font-size:24px}.stat-label{font-size:12px}.grades-section h3{font-size:18px}.period-card h4{font-size:16px}.grades-table{font-size:12px;min-width:400px}.grades-table td,.grades-table th{padding:10px 8px}.score-badge,.score-display{font-size:12px;padding:4px 10px}.grade-badge-large{font-size:14px;padding:6px 12px}}@media (max-width:768px) and (orientation:landscape){.results-header h1{font-size:20px}.summary-stats{flex-direction:row;flex-wrap:wrap}}@media print{.results-container{background:#fff;padding:0}.back-button24,.tabs-container{display:none!important}.result-card{border:1px solid #ddd;page-break-inside:avoid}.result-card,.result-details{box-shadow:none}.summary-card{background:#667eea;color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.grades-table{page-break-inside:avoid}}
/*# sourceMappingURL=main.8a5b68cb.css.map*/