@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--accent-rose:#0056d2;--accent-rose-glow:#0056d21a;--accent-violet:#6366f1;--accent-violet-glow:#6366f11a;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c71a;--accent-emerald:#10b981;--accent-emerald-glow:#10b9811a;--accent-amber:#fa0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-shadow:#0000000d 0 10px 25px -5px, #00000005 0 8px 16px -6px, inset 0 1px 1px #ffffff80;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:64px;--sidebar-expanded:290px;--topbar-height:84px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#0056d208 0%,#0000 45%),radial-gradient(circle at 90% 80%,#6366f108 0%,#0000 45%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-rose);box-shadow:0 0 10px var(--accent-rose)}.app-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:background-color .4s,color .4s;display:flex}.main-content{flex-direction:column;flex-grow:1;min-height:100vh;margin-left:64px;display:flex}.page-wrapper{margin-top:var(--topbar-height);flex-grow:1;padding:36px 40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(120%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:28px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel.interactive:hover{border-color:var(--accent-rose);box-shadow:0 20px 45px -12px var(--accent-rose-glow), 0 0 20px -5px var(--accent-rose);transform:translateY(-5px)scale(1.005)}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);z-index:100;background:#fff;flex-direction:column;height:100vh;padding:32px 20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:2px 0 10px #00000005}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-rose)}.logo-container{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;margin-bottom:40px;padding:12px 8px;display:flex}.logo-text{background:linear-gradient(135deg, var(--accent-rose), var(--accent-cyan));-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:900}.nav-links{flex-direction:column;flex-grow:1;gap:10px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:14px 20px;font-weight:600;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.nav-item:hover{padding-left:24px;color:var(--accent-rose)!important;background:#0056d20a!important}.nav-item:before{content:"";background:var(--accent-rose);border-radius:0 4px 4px 0;width:4px;height:70%;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:15%;left:0;transform:scaleY(0)}.nav-item:hover:before{transform:scaleY(.5)}.nav-item.active:before{transform:scaleY(1)}.nav-item.active{border-left:none!important;border-top:1px solid var(--glass-border)!important;border-right:1px solid var(--glass-border)!important;border-bottom:1px solid var(--glass-border)!important;color:var(--accent-rose)!important;box-shadow:inset 3px 0 0 var(--accent-rose)!important;background:#0056d214!important}.nav-item.active svg{color:var(--accent-rose)!important}.sidebar-footer{border-top:1px solid var(--glass-border);padding-top:20px}.topbar{height:var(--topbar-height);z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:0 36px;display:flex;position:fixed;top:0;left:64px;right:0;box-shadow:0 1px #e2e8f0,0 4px 20px #0056d20a}.search-box{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:10px;width:340px;padding:10px 18px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.role-switcher-container{align-items:center;gap:20px;display:flex}.role-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;margin-bottom:40px;display:grid}.stat-card{justify-content:space-between;align-items:center;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-1px;margin:8px 0 4px;font-size:2.25rem;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.stat-change{align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.stat-change.up{color:var(--accent-emerald)}.stat-change.down{color:var(--accent-rose)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-bronze{color:#f3e8ff;background:linear-gradient(135deg,#8c52ff,#4a154b);border:1px solid #c084fc}.badge-silver{color:#dbeafe;background:linear-gradient(135deg,#3b82f6,#1e3a8a);border:1px solid #60a5fa}.badge-gold{color:#fef3c7;background:linear-gradient(135deg,#f59e0b,#78350f);border:1px solid #fbbf24}.badge-platinum{background:linear-gradient(135deg, var(--accent-rose), var(--accent-violet));color:#fff;box-shadow:0 0 15px var(--accent-rose-glow);border:1px solid #f472b6}.pipeline-container{justify-content:space-between;margin:36px 0;display:flex;position:relative}.pipeline-line{background:var(--bg-tertiary);z-index:1;border-radius:3px;height:5px;position:absolute;top:26px;left:0;right:0}.pipeline-line-fill{background:linear-gradient(90deg, var(--accent-rose), var(--accent-cyan));height:100%;box-shadow:0 0 10px var(--accent-rose-glow);transition:width .5s cubic-bezier(.4,0,.2,1)}.pipeline-step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex}.pipeline-node{background:var(--bg-secondary);border:4px solid var(--bg-tertiary);width:56px;height:56px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pipeline-step.active .pipeline-node{border-color:var(--accent-rose);color:var(--accent-rose);background:var(--bg-primary);box-shadow:0 0 20px var(--accent-rose-glow)}.pipeline-step.completed .pipeline-node{border-color:var(--accent-emerald);color:#fff;background:var(--accent-emerald);box-shadow:0 0 15px var(--accent-emerald-glow)}.pipeline-text{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-top:10px;font-size:.75rem;font-weight:800}.pipeline-step.active .pipeline-text{color:var(--accent-rose)}.pipeline-step.completed .pipeline-text{color:var(--accent-emerald)}.ide-container{border:1px solid var(--glass-border);height:600px;box-shadow:var(--glass-shadow);border-radius:20px;display:flex;overflow:hidden}.ide-editor{background:#090710;flex-direction:column;flex:3;display:flex}.ide-editor-header{background:#100b1e;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.ide-line-numbers{color:#ffffff1a;width:52px;font-family:var(--font-mono);text-align:right;background:#06040b;border-right:1px solid #ffffff05;padding:20px 8px;font-size:.85rem}.ide-textarea{resize:none;color:#f1f5f9;font-family:var(--font-mono);background:0 0;border:none;outline:none;flex-grow:1;padding:20px;font-size:.875rem;line-height:1.7}.ide-terminal{font-family:var(--font-mono);color:var(--accent-emerald);background:#030206;flex-grow:1;padding:28px;font-size:.85rem;overflow-y:auto}.form-group{margin-bottom:24px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--glass-border);color:#fff;background:#17122673;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:var(--accent-rose);box-shadow:0 0 15px var(--accent-rose-glow), inset 0 1px 3px #00000080;background:#171226d9}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn-primary{color:#fff;box-shadow:0 6px 20px -8px var(--accent-rose), 0 0 0 1px #ffffff1a inset;border:1px solid #ffffff0d;background:linear-gradient(135deg, var(--accent-rose), var(--accent-violet))!important}.btn-primary:hover{box-shadow:0 12px 28px -5px var(--accent-rose), 0 0 18px var(--accent-rose-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:40px;margin-bottom:40px;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;filter:drop-shadow(0 0 2px var(--accent-rose-glow))}50%{opacity:.5;filter:drop-shadow(0 0 10px var(--accent-rose))}}.animate-pulse-slow{animation:2.5s infinite pulse}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}body:not(.dark-mode) .app-container.theme-student,body:not(.dark-mode) .app-container.theme-trainer,body:not(.dark-mode) .app-container.theme-college-admin,body:not(.dark-mode) .app-container.theme-program-manager,body:not(.dark-mode) .app-container.theme-interview-panel,body:not(.dark-mode) .app-container.theme-industry-mentor,body:not(.dark-mode) .app-container.theme-super-admin{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-shadow:#0000000d 0 10px 25px -5px, #00000005 0 8px 16px -6px, inset 0 1px 1px #ffffff80;background-image:radial-gradient(circle at 10% 20%,#0056d205 0%,#0000 45%),radial-gradient(circle at 90% 80%,#6366f105 0%,#0000 45%)}body:not(.dark-mode) input:not(.login-page input),body:not(.dark-mode) select:not(.login-page select),body:not(.dark-mode) textarea:not(.login-page textarea),body:not(.dark-mode) :not(.login-page)>input,body:not(.dark-mode) :not(.login-page)>select,body:not(.dark-mode) :not(.login-page)>textarea{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1}body:not(.dark-mode) :not(.login-page)>input:focus,body:not(.dark-mode) :not(.login-page)>select:focus,body:not(.dark-mode) :not(.login-page)>textarea:focus{border-color:#0056d2;box-shadow:0 0 0 3px #0056d226}body.dark-mode{--bg-primary:#090d16;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#0f172a;--glass-border:#ffffff1f;--glass-shadow:0 10px 25px -5px #00000080;color:#f8fafc!important;background-color:#090d16!important}body.dark-mode .app-container{color:#f8fafc!important;background-color:#090d16!important;background-image:radial-gradient(circle at 10% 20%,#0056d21f 0%,#0000 50%),radial-gradient(circle at 90% 80%,#6366f11f 0%,#0000 50%)!important}body.dark-mode .topbar{color:#f8fafc!important;background-color:#0f172a!important;border-bottom-color:#ffffff1a!important}body.dark-mode .sidebar{color:#f8fafc!important;background-color:#0f172a!important;border-right-color:#ffffff1a!important}body.dark-mode .glass-panel,body.dark-mode .bento-card,body.dark-mode .course-card{color:#f8fafc!important;background-color:#111827!important;border-color:#ffffff1f!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #334155!important}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf833!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode strong{color:#fff!important}body.dark-mode p,body.dark-mode span:not(.badge),body.dark-mode td,body.dark-mode th{color:#cbd5e1}body.dark-mode table{color:#f8fafc!important;background-color:#111827!important}body.dark-mode tr{border-bottom-color:#ffffff14!important}body.dark-mode .student-light-theme{color:#f8fafc!important;background-color:#0000!important}body.dark-mode .student-light-theme [style*="background: #ffffff"],body.dark-mode .student-light-theme [style*="background:#ffffff"],body.dark-mode .student-light-theme [style*="background: #fff"],body.dark-mode .student-light-theme [style*="background:#fff"],body.dark-mode .student-light-theme [style*="background-color: #ffffff"],body.dark-mode .student-light-theme [style*="background-color: #fff"]{color:#f8fafc!important;background-color:#111827!important;border-color:#ffffff1f!important}body.dark-mode .student-light-theme [style*="color: #0f172a"],body.dark-mode .student-light-theme [style*="color:#0f172a"],body.dark-mode .student-light-theme [style*="color: #334155"],body.dark-mode .student-light-theme [style*="color:#334155"],body.dark-mode .student-light-theme [style*="color: #475569"],body.dark-mode .student-light-theme [style*="color:#475569"]{color:#f8fafc!important}.login-page input,.login-page select,.login-page textarea{color:#f1f5f9!important;background-color:#0f172ae6!important;border:1px solid #6366f166!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:.9rem!important}.login-page input:focus,.login-page select:focus,.login-page textarea:focus{border-color:#6366f1!important;outline:none!important;box-shadow:0 0 0 3px #6366f133!important}.login-page input::placeholder{color:#94a3b8b3!important}option{color:#0f172a!important;background-color:#fff!important}:not(.login-page) span[style*="color: white"],:not(.login-page) div[style*="color: white"],:not(.login-page) p[style*="color: white"],:not(.login-page) h1[style*="color: white"],:not(.login-page) h2[style*="color: white"],:not(.login-page) h3[style*="color: white"],:not(.login-page) h4[style*="color: white"],:not(.login-page) th[style*="color: white"],:not(.login-page) td[style*="color: white"],:not(.login-page) span[style*="color:#fff"],:not(.login-page) div[style*="color:#fff"],:not(.login-page) p[style*="color:#fff"],:not(.login-page) h1[style*="color:#fff"],:not(.login-page) h2[style*="color:#fff"],:not(.login-page) h3[style*="color:#fff"],:not(.login-page) h4[style*="color:#fff"],:not(.login-page) span[style*="color: #fff"],:not(.login-page) div[style*="color: #fff"],:not(.login-page) p[style*="color: #fff"],:not(.login-page) h1[style*="color: #fff"],:not(.login-page) h2[style*="color: #fff"],:not(.login-page) h3[style*="color: #fff"],:not(.login-page) h4[style*="color: #fff"]{color:#0f172a!important}.stat-value{color:#0056d2!important;text-shadow:none!important}.stat-label{color:#475569!important}table th{color:#475569!important;border-bottom:2px solid #e2e8f0!important;font-weight:800!important}table td{color:#1e293b!important;border-bottom:1px solid #f1f5f9!important}div[style*="backgroundColor: 'black'"],div[style*="backgroundColor: black"],div[style*="background: 'black'"],div[style*="background: black"]{color:#0f172a!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}