*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{height:100%;overflow:hidden;position:absolute;width:100%}.shape{animation:float 20s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.shape1{animation-delay:0s;background:#fff;height:300px;left:-50px;top:-50px;width:300px}.shape2{animation-delay:5s;background:#fff;bottom:-50px;height:200px;right:-50px;width:200px}.shape3{animation-delay:10s;background:#fff;height:150px;right:10%;top:50%;width:150px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;position:relative;width:90%;z-index:10}.login-header{margin-bottom:30px;text-align:center}.logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.login-logo{height:50px;object-fit:contain;width:auto}.logo-icon{animation:bounce 2s infinite;font-size:48px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.login-header h2{color:#333;font-size:24px;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.form-group,.login-form{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{align-items:center;background:#fee;border-radius:10px;color:#c33;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.demo-credentials{background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:10px;padding:20px;text-align:center}.demo-credentials p{color:#666}.demo-btn,.demo-credentials p{font-size:14px;margin-bottom:12px}.demo-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.demo-btn:hover{background:#45a049;box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.demo-info{display:flex;flex-direction:column;gap:6px;margin-top:12px}.demo-info small{background:#fff;border-radius:6px;color:#888;font-family:monospace;font-size:12px;padding:6px 12px}.login-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.login-footer p{color:#999;font-size:12px}@media (max-width:480px){.login-card{padding:30px 20px}.logo h1{font-size:28px}.login-header h2{font-size:20px}}.dashboard{background:linear-gradient(135deg,#f5f7fa,#f0f2f5);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.sidebar-overlay{background:#00000073;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;visibility:hidden;z-index:90}.sidebar-overlay.visible{opacity:1;pointer-events:auto;visibility:visible}@media (min-width:1025px){.sidebar-overlay{display:none}}.sidebar{background:#fff;border-right:1px solid #f0f0f0;box-shadow:4px 0 25px #667eea14;color:#2d3748;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:200px;z-index:100}.sidebar,.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:70px}.sidebar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f0f0f0;box-shadow:0 4px 15px #667eea33;color:#fff;display:flex;justify-content:space-between;padding:20px}.sidebar-toggle{background:none;font-size:20px}.sidebar .logo{align-items:center;display:flex;gap:12px}.sidebar .logo-image{height:40px;object-fit:contain;width:auto}.sidebar .logo-icon{font-size:28px}.sidebar .logo h2{font-size:18px;font-weight:700;margin:0}.sidebar.collapsed .logo h2{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:15px 0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:15px;margin:4px 0;padding:14px 20px;text-align:left;transition:all .25s ease;width:100%}.nav-item:hover{background:linear-gradient(90deg,#667eea14,#0000);padding-left:22px}.nav-item.active,.nav-item:hover{border-left-color:#667eea;color:#667eea}.nav-item.active{background:linear-gradient(90deg,#667eea1a,#0000);font-weight:600}.nav-item .icon{flex-shrink:0;font-size:18px;text-align:center;width:20px}.sidebar.collapsed .nav-item span:not(.icon){display:none}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px}.logout-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:8px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:15px;padding:12px 15px;transition:all .3s ease;width:100%}.logout-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.main-content{flex:1 1;margin-left:0;max-height:100vh;overflow-y:auto;transition:margin-left .3s ease}.main-content.sidebar-open{margin-left:200px}.main-content.sidebar-collapsed{margin-left:70px}.top-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 4px 20px #667eea14;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.dashboard-menu-btn{background:none;border:none;color:#2c3e50;cursor:pointer;display:none;font-size:24px;line-height:1;margin-right:16px}.header-left h1{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.header-left{gap:15px}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:30px}.header-stats{align-items:center;display:flex;gap:15px}.stat-badge{background:#f0f0f0;border-radius:6px;color:#666;font-size:12px;font-weight:600;padding:6px 12px}.stat-badge.trending{color:#ff6b6b}.learn-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.learn-btn:hover{background:#ff5252;box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.user-menu{align-items:center;display:flex;gap:15px}.notification-btn{background:none;border:none;cursor:pointer;font-size:20px;position:relative}.user-avatar,.user-avatar-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-avatar-btn{border:none;transition:all .3s ease}.user-avatar-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.dashboard-content{padding:40px}.featured-program{grid-gap:40px;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 15px 50px #667eea33;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.featured-content{color:#fff;position:relative;z-index:2}.featured-content h2{font-size:28px;line-height:1.3;margin-bottom:15px}.featured-content p{font-size:16px;margin-bottom:25px;opacity:.9}.featured-buttons{display:flex;flex-wrap:wrap;gap:15px}.btn-primary{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:#ff5252;box-shadow:0 8px 20px #ff6b6b4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a}.btn-tertiary{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:underline;transition:all .3s ease}.btn-tertiary:hover{opacity:.8}.featured-image{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;height:300px;justify-content:center}.image-placeholder{color:#fffc;font-size:18px;font-weight:600;text-align:center}.section{margin-bottom:40px}.section-header h2{color:#2c3e50;font-size:22px}.section-meta{color:#666;display:flex;font-size:13px;gap:15px}.view-all-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.view-all-btn:hover{color:#764ba2}.main-course-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 8px 30px #667eea14;margin-bottom:30px;padding:30px;transition:all .3s ease}.main-course-card:hover{box-shadow:0 12px 40px #667eea26}.course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.course-header h3{color:#2c3e50;font-size:20px;margin:0}.course-tag{background:#e8f5e9;border-radius:6px;color:#4caf50;font-size:12px;font-weight:600;padding:6px 12px}.course-modules{border-bottom:1px solid #e0e0e0;display:flex;gap:20px;margin-bottom:25px;padding-bottom:25px}.module-item{align-items:flex-start;gap:12px}.module-icon{margin-top:2px}.module-name{color:#999;font-size:12px;font-weight:600}.module-desc{color:#2c3e50;font-size:14px;margin-top:4px}.course-progress{margin-bottom:20px}.progress-bar-large{background:#e0e0e0;border-radius:10px;height:10px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.progress-text{color:#999;font-size:13px}.btn-continue{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.btn-continue:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.dashboard-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:25px}.info-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 8px 30px #667eea14;padding:25px;text-align:center;transition:all .3s ease}.info-card:hover{box-shadow:0 12px 40px #667eea26;transform:translateY(-5px)}.info-icon{font-size:40px;margin-bottom:15px}.info-card h4{color:#2c3e50;font-size:16px;margin:10px 0}.info-card p{color:#666;font-size:13px;margin-bottom:15px}.btn-small{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-small:hover{background:#667eea;color:#fff}.upcoming-classes{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px}.upcoming-classes h4{color:#666;font-size:14px;margin:0}.classes-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.class-item{align-items:center;background:#fbfdff;border:1px solid #f0f4ff;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.btn-join:hover{box-shadow:0 6px 18px #667eea33;transform:translateY(-2px)}.practice-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.practice-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px;text-align:center;transition:all .3s ease}.practice-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.practice-icon{font-size:48px;margin-bottom:15px}.practice-card h4{color:#2c3e50;font-size:14px;margin:10px 0}.practice-card p{color:#666;font-size:12px;line-height:1.5;margin-bottom:15px}.btn-small-outline{background:#0000;border:2px solid #e0e0e0;border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-small-outline:hover{background:#f0f4ff;border-color:#667eea}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.course-card-grid{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease}.course-card-grid:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.course-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:48px;height:120px;justify-content:center}.course-content{padding:20px}.course-content h3{color:#2c3e50;font-size:14px;line-height:1.4;margin:0 0 10px}.course-instructor{color:#667eea;font-size:12px;margin-bottom:10px}.progress-bar{background:#e0e0e0;border-radius:10px;height:6px;margin-bottom:6px;overflow:hidden}.activity-list{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px}.activity-item{border-bottom:1px solid #f0f0f0;padding:15px 0}.activity-item:last-child{border-bottom:none}.activity-icon{background:#f0f4ff;border-radius:50%;flex-shrink:0;font-size:20px;height:40px;width:40px}.activity-content h4{color:#2c3e50;font-size:13px;font-weight:600;margin:0 0 4px}.activity-content p{color:#666;font-size:12px;margin:0 0 4px}.activity-time{color:#999;font-size:11px}.loading-container{gap:30px;overflow:hidden;position:relative}.loading-container:before{animation:moveGrid 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.loader{height:100px;position:relative;width:100px;z-index:10}.loader:after,.loader:before{border:3px solid #0000;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.loader:before{animation:spin 2s linear infinite;border-right:3px solid #fff;border-top:3px solid #fff;box-shadow:0 0 20px #ffffff80}.loader:after{animation:spinReverse 2s linear infinite;border-bottom:3px solid #ff6b6b;border-left:3px solid #ff6b6b;box-shadow:0 0 15px #ff6b6b80}@keyframes spinReverse{to{transform:rotate(-1turn)}}.loading-container>p{animation:fadeInOut 2s ease-in-out infinite;color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;position:relative;z-index:10}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.loading-container:after{animation:float 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;bottom:10%;content:"";height:200px;left:50%;position:absolute;transform:translateX(-50%);width:200px}@media (max-width:1200px){.dashboard-content{padding:30px}.featured-program{grid-template-columns:1fr;padding:30px}.featured-image{height:200px}}@media (max-width:1024px){.sidebar{transform:translateX(-100%);width:240px;z-index:101}.sidebar.open{box-shadow:2px 0 16px #0003;transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%);width:240px}.main-content,.main-content.sidebar-collapsed,.main-content.sidebar-open{margin-left:0;width:100%}.dashboard-menu-btn{align-items:center;background:#f0f0f0;border-radius:6px;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:8px 12px}.top-header{padding:15px 20px}.header-logo{height:40px}.header-right{gap:15px}.sidebar-toggle{display:none}.dashboard-content{padding:20px}.featured-program{padding:25px}.featured-content h2{font-size:22px}.section-header h2{font-size:20px}.capstone-projects-grid,.practice-assessments-grid,.supplementary-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top-header{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;padding:12px 16px}.header-left{flex:1 1;gap:10px}.header-logo{height:35px}.header-right{flex-direction:row;gap:12px;width:auto}.dashboard-content{padding:15px}.featured-program{gap:20px;grid-template-columns:1fr;padding:20px}.featured-content h2{font-size:18px}.featured-content p{font-size:14px}.featured-buttons{flex-direction:column;gap:10px}.btn-primary,.btn-secondary,.btn-tertiary{font-size:13px;padding:10px 16px;width:100%}.featured-image{height:180px}.courses-grid,.dashboard-info{grid-template-columns:1fr}.dashboard-info{gap:15px}.practice-grid{grid-template-columns:1fr}.practice-assessments-grid{gap:12px;grid-template-columns:1fr}.assessment-card{padding:14px}.assessment-icon{font-size:24px;height:40px;width:40px}.assessment-content h4{font-size:14px}.btn-start{font-size:12px;padding:8px 12px;width:100%}.capstone-projects-grid,.supplementary-courses-grid{grid-template-columns:1fr}.course-modules,.section-header{flex-direction:column}.section-header{align-items:flex-start;gap:10px}.section-header h2{font-size:18px}.info-card,.main-course-card{padding:18px}.info-icon{font-size:32px}.info-card h4{font-size:15px}.upcoming-classes{padding:18px}.classes-list{gap:8px}.class-item{flex-direction:column;gap:10px;padding:12px}.btn-join{text-align:center;width:100%}.capstone-card{padding:16px}.capstone-icon{font-size:28px;height:48px;width:48px}.capstone-card h4{font-size:16px}.supplementary-card{padding:16px}.supplementary-badge{font-size:18px;height:40px;width:40px}.supplementary-card h4{font-size:16px}}.practice-assessments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}.assessment-card{background:#fff;border:1px solid #e8eef7;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.assessment-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.assessment-header{align-items:center;display:flex;margin-bottom:16px}.assessment-icon{align-items:center;background:#f0f4ff;border-radius:8px;color:#667eea;display:flex;font-size:32px;font-weight:700;height:48px;justify-content:center;width:48px}.assessment-icon.nn-icon{background:#ffe8e8;color:#ff6b6b}.assessment-icon.microsoft-icon{background:#e8f4ff;color:#0078d4}.assessment-icon.meta-icon{background:#e8ffe8;color:#31a24c}.assessment-content{display:flex;flex:1 1;flex-direction:column}.assessment-content h4{color:#2c3e50;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.assessment-meta{color:#667eea;font-size:13px;font-weight:500;margin:0 0 16px}.btn-start{align-self:flex-start;background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:10px 16px;transition:all .2s ease}.btn-start:hover{background:#ff5252;transform:translateX(2px)}.btn-share{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.btn-share:hover{color:#667eea;transform:scale(1.1)}@media (max-width:480px){.sidebar{width:200px}.sidebar-header{padding:15px}.sidebar .logo-image{height:35px}.top-header{gap:8px;padding:10px 12px}.header-left{gap:8px}.header-logo{height:32px}.header-right{gap:10px}.notification-btn{font-size:18px}.user-avatar-btn{font-size:14px;height:36px;width:36px}.dashboard-menu-btn{font-size:16px;padding:6px 8px}.dashboard-content{padding:12px}.featured-program{border-radius:10px;gap:15px;margin-bottom:20px;padding:15px}.featured-content h2{font-size:16px;line-height:1.3}.featured-content p{font-size:13px;margin-bottom:12px}.featured-buttons{flex-direction:column;gap:8px}.btn-primary,.btn-secondary,.btn-tertiary{border-radius:6px;font-size:12px;padding:10px 14px;width:100%}.featured-image{border-radius:8px;height:140px}.image-placeholder{font-size:14px}.section{margin-bottom:20px}.section-header{margin-bottom:15px}.section-header h2{font-size:16px;font-weight:600}.section-meta{flex-direction:column;font-size:11px;gap:4px}.view-all-btn{font-size:12px}.main-course-card{margin-bottom:15px;padding:15px}.course-header{flex-direction:column;gap:8px;margin-bottom:15px}.course-header h3{font-size:16px}.course-tag{font-size:11px;padding:4px 10px}.course-modules{flex-direction:column;gap:12px;margin-bottom:15px;padding-bottom:15px}.module-item{gap:10px}.module-icon{font-size:18px}.module-name{font-size:11px}.module-desc{font-size:13px}.progress-bar-large{height:8px;margin-bottom:6px}.progress-text{font-size:11px}.btn-continue{font-size:13px;padding:10px 16px;width:100%}.dashboard-info{gap:12px;grid-template-columns:1fr}.info-card{padding:14px}.info-icon{font-size:28px;margin-bottom:10px}.info-card h4{font-size:14px;margin:8px 0}.info-card p{font-size:12px;margin-bottom:10px}.btn-small{font-size:11px;padding:6px 12px;width:100%}.upcoming-classes{padding:14px}.upcoming-classes h4{font-size:13px}.classes-list{gap:6px;margin-top:10px}.class-item{border-radius:6px;flex-direction:column;gap:8px;padding:10px}.class-info strong{font-size:12px}.class-meta{font-size:11px}.btn-join{border-radius:6px;font-size:12px;padding:8px 12px;width:100%}.practice-assessments-grid{gap:12px;grid-template-columns:1fr}.assessment-card{border-radius:8px;padding:12px}.assessment-header{margin-bottom:12px}.assessment-icon{border-radius:6px;font-size:20px;height:36px;width:36px}.assessment-content h4{font-size:13px;margin:0 0 6px}.assessment-meta{font-size:11px;margin:0 0 10px}.assessment-desc{font-size:12px}.btn-start{font-size:11px;margin-bottom:8px;padding:8px 12px;width:100%}.btn-share{font-size:14px;height:28px;right:10px;top:10px;width:28px}.capstone-projects-grid{gap:12px;grid-template-columns:1fr}.capstone-card{padding:14px}.capstone-icon{font-size:20px;height:40px;width:40px}.capstone-card h4{font-size:14px}.capstone-course{font-size:11px}.supplementary-courses-grid{gap:12px;grid-template-columns:1fr}.supplementary-card{padding:14px}.supplementary-badge{font-size:16px;height:36px;width:36px}.supplementary-card h4{font-size:14px}.supplementary-meta{font-size:11px}.supplementary-desc{font-size:12px;margin:0 0 10px}.progress-percent{font-size:11px;margin-bottom:8px}.supplementary-actions{gap:6px}.btn-view{font-size:12px;padding:8px 12px}.learn-container{gap:15px;grid-template-columns:1fr}.learn-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:300px;padding:15px 12px}.learn-main{padding:15px}.course-hero{flex-direction:column;gap:15px;padding:15px}.course-hero h2{font-size:18px}.course-hero p{font-size:12px}.course-stats{gap:15px}.stat-value{font-size:20px}.stat-label{font-size:11px}.hero-progress-circle{display:none}.chapters-section h3{font-size:16px}.chapter-header{flex-direction:column;padding:12px}.chapter-number{font-size:11px;width:100%}.chapter-header h4{font-size:14px;margin:6px 0}.chapter-badge{font-size:10px;padding:4px 8px}.lesson-item{gap:10px;padding:10px}.lesson-icon{font-size:16px}.lesson-name{font-size:12px}.lesson-status{font-size:14px}.practice-section{margin-bottom:20px}.practice-section h3{font-size:15px;margin-bottom:12px}.help-button{bottom:20px;font-size:14px;padding:12px 16px;right:20px}.help-icon{font-size:14px;height:20px;width:20px}.help-text{display:none}.help-menu{bottom:80px;min-width:150px;right:20px}.help-menu-item{font-size:12px;gap:8px;padding:10px 12px}.help-menu-icon{font-size:16px}}.capstone-projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}.capstone-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.capstone-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.capstone-icon{align-items:center;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;margin-bottom:16px;width:60px}.capstone-card h4{color:#2c3e50;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.capstone-course{color:#667eea;font-size:13px;font-weight:500;margin-bottom:16px}.capstone-card .btn-start{margin-bottom:12px;text-align:center;width:100%}.capstone-card .btn-share{font-size:18px;position:absolute;right:16px;top:16px}.supplementary-courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}.supplementary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.supplementary-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.supplementary-badge{align-items:center;background:#f0e6ff;border-radius:8px;color:#667eea;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;margin-bottom:16px;width:48px}.supplementary-card h4{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 8px}.supplementary-meta{color:#999;font-size:12px;margin:0 0 8px}.supplementary-desc{color:#666;flex-grow:1;font-size:14px;line-height:1.4;margin:0 0 16px}.supplementary-card .progress-bar{background:#e6e6e6;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.supplementary-card .progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.progress-percent{color:#999;display:block;font-size:12px;margin-bottom:12px}.supplementary-actions{align-items:center;display:flex;gap:8px}.btn-view{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-view:hover{background:#764ba2;transform:translateX(2px)}.supplementary-card .btn-share{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:8px;position:static;transition:all .2s ease;width:auto}.supplementary-card .btn-share:hover{color:#667eea;transform:scale(1.1)}@media (max-width:1200px){.capstone-projects-grid,.supplementary-courses-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.capstone-projects-grid,.supplementary-courses-grid{gap:16px;grid-template-columns:1fr}.capstone-card,.supplementary-card{padding:16px}.capstone-icon{font-size:24px;height:48px;width:48px}.capstone-card h4,.supplementary-card h4{font-size:16px}}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-30px)}}.learn-section{padding:30px}.learn-section .section-header{margin-bottom:30px}.learn-section .section-header h2{font-size:32px;margin-bottom:5px}.course-subtitle{color:#999;font-size:14px}.learn-container{grid-gap:30px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:grid;gap:30px;grid-template-columns:300px 1fr;overflow:hidden}.learn-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;max-height:100vh;overflow-y:auto;padding:30px 20px}.course-info{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.course-info h3{color:#2c3e50;font-size:18px;margin-bottom:10px}.course-info p{color:#666;font-size:13px;line-height:1.6;margin-bottom:15px}.btn-resume{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:transform .2s;width:100%}.btn-resume:hover{transform:translateY(-2px)}.modules-list h4{color:#2c3e50;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.module-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:12px;transition:all .3s}.module-item:hover{background:#f5f7ff;border-color:#667eea;box-shadow:0 2px 8px #667eea26}.module-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 2px 12px #667eea40}.module-icon{font-size:20px}.module-info{flex:1 1}.module-info h5{color:#2c3e50;font-size:12px;font-weight:600;line-height:1.3;margin-bottom:3px}.module-info p{color:#999;font-size:11px}.module-progress{align-items:center;color:#667eea;display:flex;font-size:12px;font-weight:600;justify-content:flex-end;width:50px}.progress-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-weight:700}.learn-main{overflow-y:auto;padding:40px}.course-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:40px;justify-content:space-between;margin-bottom:40px;padding:40px}.hero-content{flex:1 1}.course-hero h2{font-size:28px;margin-bottom:5px}.course-hero p{font-size:14px;margin-bottom:20px;opacity:.9}.hero-progress-circle{flex-shrink:0}.course-stats{display:flex;gap:30px;margin-bottom:20px}.stat{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:12px;opacity:.8}.chapters-section{margin-top:40px}.chapters-section h3{color:#2c3e50;font-size:22px;margin-bottom:25px}.chapters-list{display:flex;flex-direction:column;gap:20px}.chapter-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.chapter-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;gap:15px;padding:20px;transition:background .3s}.chapter-header:hover{background:#f0f2ff}.chapter-number{color:#667eea;font-size:12px;font-weight:700;min-width:80px;text-transform:uppercase}.chapter-header h4{color:#2c3e50;flex:1 1;font-size:16px;margin:0}.chapter-badge{background:linear-gradient(135deg,#ffe6e6,#fff0e6);border-radius:12px;color:#d32f2f;font-size:12px;font-weight:600;padding:6px 12px}.lessons-list{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.lesson-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:14px 20px;transition:background .3s}.lesson-item:hover{background:#f8f9fa}.lesson-item:last-child{border-bottom:none}.lesson-icon{flex-shrink:0;font-size:18px}.lesson-name{color:#555;flex:1 1;font-size:14px;line-height:1.4}.lesson-status{color:#4caf50;flex-shrink:0;font-size:16px;font-weight:700}@media (max-width:1200px){.learn-container{grid-template-columns:250px 1fr}.learn-sidebar{padding:20px 15px}.learn-main{padding:30px}.course-hero{flex-direction:column;gap:20px;padding:30px}.course-stats{gap:20px}}@media (max-width:900px){.learn-container{grid-template-columns:1fr}.learn-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:auto}.course-hero{flex-direction:column;gap:20px}}@media (max-width:768px){.learn-section{padding:15px}.learn-section .section-header h2{font-size:24px}.learn-main{padding:20px}.course-hero{flex-direction:column;padding:20px}.chapters-section h3{font-size:18px}.chapter-header{align-items:flex-start;flex-direction:column}.chapter-number{width:100%}.chapter-header h4{margin:8px 0}}.help-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;bottom:30px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:15px 25px;position:fixed;right:30px;transition:all .3s ease;z-index:999}.help-button:hover{box-shadow:0 6px 25px #667eea80;transform:translateY(-2px)}.help-icon{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;width:24px}.help-menu{animation:slideUpFade .3s ease;background:#fff;border-radius:16px;bottom:100px;box-shadow:0 8px 30px #00000026;min-width:200px;padding:15px;position:fixed;right:30px;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.help-menu-item:hover{background:#f8f9fa;transform:translateX(3px)}.help-menu-item:first-child{background:#ff6b6b;color:#fff}.help-menu-item:first-child:hover{background:#ff5252}.help-menu-icon{font-size:18px;width:24px}.help-menu-close,.help-menu-icon{align-items:center;display:flex;justify-content:center}.help-menu-close{background:#2c3e50;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:16px;height:30px;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:30px}.help-menu-close:hover{background:#1a252f;transform:rotate(90deg)}.practice-section{margin-bottom:40px}.practice-section h3{color:#2c3e50;font-size:22px;margin-bottom:20px}.section-subtitle{color:#7f8c8d;font-size:16px;margin-top:5px}.assessment-desc{color:#7f8c8d;font-size:13px;line-height:1.5;margin:8px 0}.projects-section{margin-bottom:40px}.projects-section h3{color:#2c3e50;font-size:22px;margin-bottom:20px}.project-desc{color:#7f8c8d;font-size:14px;line-height:1.6;margin:12px 0}.project-meta{color:#667eea;display:flex;font-size:13px;font-weight:500;gap:15px;margin:15px 0}.career-section,.career-stats{margin-bottom:40px}.career-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.career-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea33;color:#fff;padding:30px;text-align:center}.career-stat-card .stat-icon{font-size:40px;margin-bottom:10px}.career-stat-card h3{font-size:36px;font-weight:700;margin:10px 0 5px}.career-stat-card p{font-size:14px;margin:0;opacity:.9}.career-services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.service-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px;transition:all .3s ease}.service-card:hover{border-color:#667eea;box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.service-icon{display:block;font-size:36px;margin-bottom:15px}.service-card h4{color:#2c3e50;font-size:18px;margin:10px 0}.service-card p{color:#7f8c8d;font-size:14px;line-height:1.6;margin-bottom:20px}.mentors-grid,.mentorship-section{margin-bottom:40px}.mentors-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mentor-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.mentor-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.mentor-avatar{font-size:40px;height:80px;width:80px}.mentor-card h4{color:#2c3e50;font-size:20px;margin:10px 0 5px}.mentor-title{color:#667eea;font-size:14px;font-weight:600;margin:5px 0}.mentor-company{color:#7f8c8d;font-size:13px;margin-bottom:15px}.skill-tag{background:#f0f0f0;border-radius:15px;color:#2c3e50;font-size:12px;padding:5px 12px}.mentor-desc{color:#7f8c8d;font-size:13px;line-height:1.6;margin:15px 0 20px}.mentorship-benefits{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:40px}.mentorship-benefits h3{font-size:24px;margin-bottom:25px;text-align:center}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.benefit-item{align-items:center;display:flex;gap:15px}.benefit-icon{font-size:32px}.benefit-item p{font-size:15px;margin:0}.jobs-section{margin-top:30px}.job-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.search-input{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:12px 20px}.search-input:focus{border-color:#667eea;outline:none}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 20px}.filter-select:focus{border-color:#667eea;outline:none}.job-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:25px;transition:all .3s ease}.job-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.job-header{gap:15px;margin-bottom:15px}.company-logo,.job-header{align-items:center;display:flex}.company-logo{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-size:28px;height:60px;justify-content:center;width:60px}.job-title-section{flex:1 1}.job-title-section h4{color:#2c3e50;font-size:20px;margin:0 0 5px}.company-name{color:#7f8c8d;font-size:14px;margin:0}.job-badge{background:#e8eaf6;border-radius:20px;color:#667eea;font-size:12px;font-weight:600;padding:6px 15px}.job-badge.new{background:#fff3cd;color:#f39c12}.job-details{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:20px;margin:15px 0;padding:15px 0}.job-detail{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:5px}.job-description{color:#555;font-size:14px;line-height:1.7;margin:15px 0}.job-skills{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}@media (max-width:768px){.career-stats{grid-template-columns:repeat(2,1fr)}.career-services-grid,.mentors-grid{grid-template-columns:1fr}.job-filters{flex-direction:column}.filter-select,.search-input{width:100%}.benefits-grid{grid-template-columns:1fr}}@media (max-width:480px){.career-stats{grid-template-columns:1fr}.job-header{align-items:flex-start;flex-direction:column}.job-details{flex-direction:column;gap:10px}}.modal-overlay{background:#00000080;z-index:1000}.profile-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;color:#fff;padding:25px}.close-btn{color:#fff;font-size:24px;transition:transform .2s}.close-btn:hover{transform:rotate(90deg)}.profile-content{padding:30px;text-align:center}.profile-avatar-section{margin-bottom:30px}.large-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:36px;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.profile-details{grid-gap:18px;display:grid;gap:18px;text-align:left}.detail-group{display:flex;flex-direction:column;gap:6px}.detail-group label{color:#667eea;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-group p{color:#2c3e50;font-size:15px;line-height:1.5;margin:0}.badge-role{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.modal-actions{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;gap:12px}.btn-close,.btn-download,.btn-edit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-edit:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-download{background:#4caf50;color:#fff}.btn-download:hover{background:#45a049;transform:translateY(-2px)}.btn-close{background:#e0e0e0;color:#333}.btn-close:hover{background:#d0d0d0}@media (max-width:600px){.profile-modal{max-width:100%;width:95%}.modal-actions{flex-direction:column}.detail-group{gap:4px}.modal-header h2{font-size:18px}}.classroom-section{padding:20px}.classroom-section .section-header h2{font-size:28px;margin-bottom:8px}.classroom-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-box{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-box:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-3px)}.stat-box .stat-icon{font-size:36px}.stat-box .stat-info h4{color:#2d3748;font-size:24px;font-weight:700;margin:0}.stat-box .stat-info p{color:#718096;font-size:13px;margin:0}.videos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.video-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{box-shadow:0 12px 30px #667eea33;transform:translateY(-5px)}.video-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:180px;justify-content:center;position:relative}.video-thumbnail .play-icon{font-size:60px;opacity:.9;transition:transform .3s ease}.video-card:hover .play-icon{transform:scale(1.2)}.video-thumbnail .duration-badge{background:#000000b3;border-radius:6px;bottom:10px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:10px}.video-card-content{padding:20px}.video-card-content h4{color:#2d3748;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 8px}.video-date{color:#718096;font-size:13px;margin:0 0 10px}.video-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 15px;overflow:hidden}.video-topics-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.mini-topic{background:#f0f4ff;border-radius:12px;color:#667eea;font-size:11px;font-weight:600;padding:4px 10px}.watch-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0 0 16px 16px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:opacity .3s ease;width:100%}.watch-btn:hover{opacity:.9}.video-player-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.back-to-videos-btn{align-items:center;background:#f0f4ff;border:none;border-radius:10px;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin:20px;padding:12px 20px;transition:all .3s ease}.back-to-videos-btn:hover{background:#667eea;color:#fff}.video-player{display:block;max-height:70vh;width:100%}.video-info-panel{padding:25px}.video-info-panel h3{color:#2d3748;font-size:22px;font-weight:700;margin:0 0 15px}.video-meta{color:#718096;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-bottom:20px}.video-description{color:#4a5568;font-size:15px;line-height:1.7;margin-bottom:20px}.video-topics h4{color:#2d3748;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.topics-list{display:flex;flex-wrap:wrap;gap:10px}.topic-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px}.classroom-info-box{background:linear-gradient(135deg,#f0f4ff,#e8ecff);border-left:4px solid #667eea;border-radius:12px;padding:20px}.classroom-info-box h4{color:#2d3748;font-size:16px;font-weight:700;margin:0 0 8px}.classroom-info-box p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.classroom-stats,.videos-grid{grid-template-columns:1fr}.video-meta{flex-direction:column;gap:8px}.video-info-panel{padding:15px}.video-info-panel h3{font-size:18px}}.youtube-player{height:0;padding-bottom:56.25%;position:relative;width:100%}.video-player-wrapper iframe.youtube-player{border:none;border-radius:0;height:100%;left:0;position:absolute;top:0;width:100%}.video-player-wrapper:has(iframe){height:0;padding-bottom:56.25%}.video-player-wrapper:has(iframe) iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-player-wrapper{background:#000;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-player-wrapper iframe.video-player,.video-player-wrapper iframe.youtube-player{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-player-wrapper video.video-player{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;position:fixed;right:20px;top:80px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 8px 30px #00000026;display:flex;gap:12px;min-width:300px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:linear-gradient(135deg,#fff,#f0fdf4);border-left-color:#10b981}.toast-error{background:linear-gradient(135deg,#fff,#fef2f2);border-left-color:#ef4444}.toast-warning{background:linear-gradient(135deg,#fff,#fffbeb);border-left-color:#f59e0b}.toast-info{background:linear-gradient(135deg,#fff,#eff6ff);border-left-color:#3b82f6}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:all .2s}.toast-close:hover{background:#0000000d;color:#4b5563}@media (max-width:768px){.toast-container{left:16px;max-width:none;right:16px;top:70px}.toast{min-width:auto;width:100%}}.admin-dashboard{background:linear-gradient(135deg,#f5f7fa,#f0f2f5);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-sidebar-overlay{background:#00000080;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:90}.admin-sidebar-overlay.visible{opacity:1;visibility:visible}.admin-sidebar{background:#fff;border-right:1px solid #f0f0f0;box-shadow:4px 0 25px #667eea14;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(0);transition:all .35s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.admin-sidebar.collapsed{width:80px}.admin-sidebar .sidebar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea33;color:#fff;display:flex;justify-content:space-between;padding:24px 20px}.admin-sidebar .logo{align-items:center;display:flex;gap:12px}.admin-sidebar .logo-image{height:40px;object-fit:contain;width:auto}.admin-sidebar .logo-icon{font-size:28px}.sidebar-toggle{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .3s ease}.sidebar-toggle:hover{background:#ffffff4d}.admin-sidebar .sidebar-nav{flex:1 1;padding:20px 0}.admin-sidebar .nav-item{align-items:center;background:none;border:none;border-left:4px solid #0000;color:#4a5568;cursor:pointer;display:flex;font-size:15px;gap:14px;margin:4px 0;padding:14px 24px;text-align:left;transition:all .25s ease;width:100%}.admin-sidebar .nav-item .icon{font-size:20px;min-width:20px}.admin-sidebar.collapsed .nav-item span:not(.icon){display:none}.admin-sidebar .nav-item:hover{background:linear-gradient(90deg,#667eea14,#0000);border-left-color:#667eea;color:#667eea;padding-left:26px}.admin-sidebar .nav-item.active{background:linear-gradient(90deg,#667eea1a,#667eea0d);border-left-color:#667eea;color:#667eea;font-weight:600}.admin-sidebar .sidebar-footer{border-top:1px solid #e2e8f0;padding:20px}.admin-sidebar .logout-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.admin-sidebar .logout-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.btn-join{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:8px 12px;text-decoration:none}.no-class{color:#94a3b8}.admin-main-content{flex:1 1;margin-left:280px;transition:margin-left .3s ease}.admin-main-content.sidebar-open{margin-left:280px}.admin-main-content.sidebar-collapsed{margin-left:80px}.admin-top-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 4px 20px #667eea14;display:flex;justify-content:space-between;padding:22px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-top-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.header-logo{height:45px;object-fit:contain;width:auto}.admin-top-header .header-right{align-items:center;display:flex;gap:20px}.admin-top-header .user-menu{align-items:center;display:flex;gap:15px}.admin-top-header .notification-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:24px;padding:8px;transition:all .3s ease}.admin-top-header .notification-btn:hover{background:#f7fafc}.admin-top-header .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:18px;font-weight:600;height:45px;justify-content:center;width:45px}.admin-top-header .user-name{color:#2d3748;font-size:15px;font-weight:600}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:none;font-size:22px;height:42px;justify-content:center;margin-right:18px;transition:transform .3s ease,box-shadow .3s ease;width:42px}.mobile-menu-btn:hover{box-shadow:0 6px 20px #667eea73;transform:translateY(-2px)}.admin-content{min-height:calc(100vh - 85px);padding:40px}.admin-section{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 40px #667eea0f;margin-bottom:30px;padding:35px;transition:all .3s ease}.admin-section:hover{box-shadow:0 15px 50px #667eea1a}.admin-section h2{color:#2d3748;font-size:26px;font-weight:700;margin:0 0 30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-header h2{margin:0}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:16px;box-shadow:0 8px 25px #667eea26;color:#fff;display:flex;gap:20px;padding:28px;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 35px #667eea40;transform:translateY(-5px)}.stat-icon{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:40px;height:70px;justify-content:center;width:70px}.stat-info h3{color:#fff;font-size:32px;font-weight:700;margin:0 0 5px}.stat-info p{color:#ffffffe6;font-size:14px;font-weight:500;margin:0 0 8px}.stat-change{color:#718096;font-size:13px}.stat-change.positive{color:#48bb78}.quick-actions{margin-bottom:40px}.quick-actions h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease}.action-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.recent-activity h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:#f7fafc;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.activity-item:hover{background:#edf2f7;transform:translateX(5px)}.activity-icon{align-items:center;background:#fff;border-radius:10px;display:flex;font-size:28px;height:50px;justify-content:center;width:50px}.activity-content p{color:#2d3748;margin:0 0 5px}.activity-time{color:#a0aec0;font-size:12px}.btn-add{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;box-shadow:0 4px 15px #48bb784d;color:#fff;cursor:pointer;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-add:hover{box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.btn-edit{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-right:8px;padding:8px 12px;transition:all .3s ease}.btn-edit:hover{background:#3182ce;transform:scale(1.05)}.btn-delete{background:#f56565;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.btn-delete:hover{background:#e53e3e;transform:scale(1.05)}.data-table-container{border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow-x:auto}.data-table{background:#fff;border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:14px;padding:16px}.data-table tbody tr{transition:all .3s ease}.data-table tbody tr:hover{background:#f7fafc}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:uppercase}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.status-badge.graduated{background:#bee3f8;color:#2c5282}.ip-address{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:help;display:inline-block;font-family:Courier New,monospace;font-size:13px;padding:6px 12px;transition:all .2s ease}.ip-address:hover{background:#e2e8f0;border-color:#94a3b8}.no-data{color:#a0aec0;font-size:16px;padding:40px}.cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.assessment-card,.mentor-card,.project-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:25px;transition:all .3s ease}.assessment-card:hover,.mentor-card:hover,.project-card:hover{border-color:#667eea;box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.assessment-card h3,.mentor-card h3,.project-card h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 12px}.assessment-card p,.project-card p{color:#718096;font-size:14px;line-height:1.6;margin-bottom:15px}.assessment-meta,.project-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.assessment-meta span,.project-meta span{color:#4a5568;font-size:13px}.badge{background:linear-gradient(135deg,#fbd38d,#f6ad55);border-radius:12px;color:#7c2d12;font-size:12px;font-weight:600;padding:4px 12px}.card-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;margin-top:20px;padding-top:20px}.card-actions .btn-delete,.card-actions .btn-edit{flex:1 1;padding:10px}.mentor-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:28px;font-weight:600;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.mentor-card h3{text-align:center}.mentor-company,.mentor-title{color:#718096;font-size:13px;margin:5px 0;text-align:center}.mentor-skills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0}.skill-tag{background:#edf2f7;border-radius:8px;color:#4a5568;font-size:11px;font-weight:500;padding:4px 10px}.content-management p{color:#718096;margin-bottom:25px}.content-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.action-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.action-card .icon{font-size:48px;margin-bottom:15px}.action-card h4{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 10px}.action-card p{color:#718096;font-size:14px;margin:0}.analytics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.analytics-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:25px}.analytics-card h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.chart-placeholder{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;color:#718096;font-size:14px;padding:60px 20px;text-align:center}.reports-section h3{color:#2d3748;font-size:20px;margin-bottom:20px}.report-buttons{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.btn-report{color:#4a5568;font-weight:600;gap:10px;justify-content:center;padding:16px 24px}.btn-report:hover{box-shadow:0 4px 15px #667eea33;color:#667eea}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #e2e8f0;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{color:#2d3748;font-size:22px;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#e2e8f0;color:#2d3748}.modal-content{display:flex;flex-direction:column;gap:18px;padding:30px}.ip-info-display{background:linear-gradient(135deg,#e6f3ff,#f0f7ff);border:2px solid #3b82f6;border-radius:12px;margin-bottom:10px;padding:20px}.ip-info-display h4{align-items:center;color:#1e40af;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 15px}.ip-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ip-details p{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;font-size:14px;margin:0;padding:10px 14px}.ip-details p strong{color:#1e40af;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.modal-content input,.modal-content select,.modal-content textarea{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-content textarea{min-height:100px;resize:vertical}.modal-actions{background:#f7fafc;border-radius:0 0 20px 20px;border-top:2px solid #e2e8f0;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn-save{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;box-shadow:0 4px 15px #48bb784d;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-save:hover{box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.btn-cancel{background:#e2e8f0;border:none;border-radius:10px;color:#4a5568;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-cancel:hover{background:#cbd5e0}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loader{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{font-size:18px;font-weight:500}@media (max-width:1200px){.admin-sidebar{width:240px}.admin-main-content.sidebar-open{margin-left:240px}}@media (max-width:1024px){.admin-dashboard{flex-direction:column}.admin-sidebar{transform:translateX(-100%);width:260px}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar.collapsed{transform:translateX(-100%);width:260px}.admin-main-content,.admin-main-content.sidebar-collapsed,.admin-main-content.sidebar-open{margin-left:0}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:900}.admin-sidebar-overlay.visible{opacity:1;pointer-events:auto}.admin-top-header{padding:18px 24px}.admin-top-header .header-right{gap:16px}.mobile-menu-btn{display:inline-flex}.admin-content{padding:30px 24px}}@media (max-width:768px){.admin-top-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-top-header .header-right{justify-content:space-between;width:100%}.admin-content{padding:24px 18px 90px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.actions-grid,.analytics-grid,.cards-grid,.content-actions-grid,.report-buttons,.stats-grid{grid-template-columns:1fr}.data-table-container{border-radius:16px;margin:0 -10px}.admin-section{padding:24px 18px}.quick-actions h3,.recent-activity h3{font-size:18px}.modal{width:95%}.modal-content{padding:24px}.modal-actions{align-items:stretch;flex-direction:column;gap:12px}.modal-actions .btn-cancel,.modal-actions .btn-save{width:100%}}@media (max-width:576px){.admin-top-header{padding:16px}.mobile-menu-btn{height:38px;margin-right:12px;width:38px}.admin-section h2{font-size:22px}.admin-content{padding:20px 14px 80px}.action-btn,.btn-add{width:100%}.admin-top-header .user-menu{gap:10px}.admin-top-header .user-avatar{font-size:16px;height:40px;width:40px}}.analytics-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.summary-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:16px;padding:20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.summary-content{flex:1 1}.summary-content h4{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-number{color:#1e293b;font-size:28px;font-weight:700;line-height:1;margin:0 0 6px}.summary-change{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.summary-change.positive{background:#dcfce7;color:#16a34a}.summary-change.negative{background:#fee2e2;color:#dc2626}.summary-change.neutral{background:#f1f5f9;color:#64748b}.bar-chart{padding:20px 0}.chart-bars{align-items:flex-end;display:flex;gap:8px;height:180px;justify-content:space-around;margin-bottom:20px}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px 6px 0 0;max-width:50px;position:relative;transition:all .3s ease;width:100%}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-label{color:#64748b;font-size:11px;font-weight:500}.chart-stats{background:#f8fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-around;padding:16px}.chart-stats p{color:#64748b;font-size:13px;margin:0}.chart-stats strong{color:#1e293b;font-weight:600}.progress-list{gap:16px}.progress-item,.progress-list{display:flex;flex-direction:column}.progress-item{gap:8px}.progress-info{align-items:center;display:flex;justify-content:space-between}.progress-name{color:#475569;font-size:13px;font-weight:500}.progress-value{color:#667eea;font-size:13px;font-weight:600}.progress-bar-analytics{background:#e2e8f0;border-radius:10px;height:8px;overflow:hidden}.progress-fill-analytics{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width 1s ease}.no-data{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.pie-chart-wrapper{align-items:center;display:flex;flex-direction:column;gap:24px;padding:20px 0}.pie-chart{height:180px;position:relative;width:180px}.pie-segment{border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100%;width:100%}.pie-center{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:120px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.pie-percentage{color:#1e293b;font-size:32px;font-weight:700;line-height:1}.pie-label{color:#64748b;font-size:12px;font-weight:500;margin-top:4px}.pie-legend{display:flex;flex-direction:column;gap:12px;width:100%}.legend-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:10px}.legend-color{border-radius:3px;flex-shrink:0;height:14px;width:14px}.line-chart{padding:20px 0}.chart-area{margin-bottom:20px}.line-svg{height:150px;width:100%}.reports-section{background:#f8fafc;border-radius:16px;margin:40px 0;padding:30px}.reports-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.report-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.btn-report{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-weight:500;gap:14px;padding:16px 20px;text-align:left;transition:all .3s ease}.btn-report:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea26;transform:translateY(-2px)}.report-icon{flex-shrink:0;font-size:28px}.report-text{display:flex;flex-direction:column;gap:4px}.report-text strong{color:#1e293b;font-size:14px;font-weight:600}.report-text small{color:#64748b;font-size:12px;font-weight:400}.insights-section{margin:40px 0}.insights-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:18px;transition:all .3s ease}.insight-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.insight-icon{flex-shrink:0;font-size:24px}.insight-card p{color:#475569;font-size:13px;line-height:1.6;margin:0}.insight-card strong{color:#1e293b;font-weight:600}@media (max-width:768px){.analytics-grid,.analytics-summary{grid-template-columns:1fr}.chart-bars{height:140px}.pie-chart{height:150px;width:150px}.pie-center{height:100px;width:100px}.pie-percentage{font-size:24px}.insights-grid,.report-buttons{grid-template-columns:1fr}}.App{min-height:100vh}
/*# sourceMappingURL=main.adaa0b52.css.map*/