@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary: #7C3AED;--primary-hover: #6D28D9;--primary-soft: rgba(124, 58, 237, .08);--primary-vivid: rgba(124, 58, 237, .15);--bg-main: #F5F6FA;--surface: #FFFFFF;--text-main: #1A1D26;--text-muted: #6B7280;--text-ghost: #9CA3AF;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--radius-app: 24px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--radius-pill: 9999px;--border-light: #EDEEF2;--shadow-app: 0 0 0 1px rgba(0,0,0,.03), 0 8px 30px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 20px rgba(0,0,0,.06);--shadow-card: 0 2px 12px rgba(0,0,0,.04);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (max-width: 768px){html{font-size:14.5px}}@media (max-width: 380px){html{font-size:13.5px}}html,body{min-height:100%;width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden;position:relative}#root{min-height:100vh;min-height:100dvh;width:100%;max-width:100%;display:flex;flex-direction:column;background:transparent;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.55;background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:Outfit,-apple-system,sans-serif;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.app-container{display:flex;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:var(--bg-main);overflow-x:hidden;overflow-y:hidden}.main-content{flex:1;padding:1.5rem 1.75rem;width:100%;max-width:100%;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;background:transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;box-sizing:border-box}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.block{display:block}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-20{padding:5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.w-full{width:100%}.h-full{height:100%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.825rem}.text-sm{font-size:.925rem}.text-base{font-size:1.025rem}.text-lg{font-size:1.2rem}.text-xl{font-size:1.35rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.3}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.top-4{top:1rem}.right-4{right:1rem}.border{border:1px solid var(--border-light)}.border-t{border-top:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.border-dashed{border-style:dashed}.border-slate-100{border-color:#f1f5f9}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.bg-white{background:#fff}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.cursor-pointer{cursor:pointer}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.col-span-full{grid-column:1 / -1}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}@media (min-width: 768px){.md\:flex{display:flex}.md\:block{display:block}.md\:flex-row{flex-direction:row}.md\:w-64{width:16rem}.md\:w-auto{width:auto}.md\:text-left{text-align:left}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}}.page-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0}@media (min-width:768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{font-size:2.05rem;margin-bottom:.15rem;line-height:1.2;letter-spacing:-.02em}.page-subtitle{color:var(--text-muted);font-size:.95rem;font-weight:500}.panel{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:var(--transition);display:flex;flex-direction:column;position:relative}.panel:hover{box-shadow:0 4px 24px #00000012}.panel.primary-card{background:linear-gradient(135deg,#7c3aed,#6d28d9,#5b21b6);color:#fff;border:none;box-shadow:0 8px 30px #7c3aed40}.panel.primary-card .panel-title{color:#ffffffe6!important}.panel.primary-card .arrow-icon{background:#ffffff26;border-color:#fff3;color:#fff}.panel.primary-card .badge{background:#fff3;color:#fff}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.panel-title{font-size:1.05rem;font-weight:600;color:var(--text-main);letter-spacing:-.01em}.arrow-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);color:var(--text-main);background:var(--surface);flex-shrink:0;cursor:pointer;transition:var(--transition)}.arrow-icon:hover{background:var(--bg-main);color:var(--primary)}.card-icon-corner{position:absolute;top:1.25rem;right:1.25rem;z-index:2}.panel:has(.card-icon-corner) .panel-title,.panel:has(.card-icon-corner)>h3,.panel:has(.card-icon-corner)>h4,.panel:has(.card-icon-corner)>p:first-of-type,.panel:has(.card-icon-corner)>div:first-of-type{padding-right:3.25rem!important}.input-field{width:100%;padding:.7rem 1.1rem;background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;transition:var(--transition);color:var(--text-main);outline:none;box-sizing:border-box}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--surface)}textarea.input-field{border-radius:var(--radius-md)}select,.select-field,select.input-field,.form-select{width:100%;padding:.65rem 2.5rem .65rem 1rem!important;background-color:var(--surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .85rem center!important;background-size:14px 14px!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;font-family:inherit!important;font-size:.875rem!important;font-weight:600!important;color:var(--text-main)!important;outline:none!important;cursor:pointer!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;box-sizing:border-box!important;line-height:1.4!important}select:hover,.select-field:hover,select.input-field:hover{border-color:var(--primary)!important}select:focus,.select-field:focus,select.input-field:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-soft)!important}select option,.select-field option{background:var(--surface);color:var(--text-main);padding:.5rem;font-weight:500}div:has(>svg:first-child)>input,div:has(>svg:first-child)>select,div:has(>svg:first-child)>.select-field,div:has(>svg[style*=absolute])>input,div:has(>svg[style*=absolute])>select,div:has(>svg[style*=absolute])>.select-field,div:has(>svg.absolute)>input,div:has(>svg.absolute)>select,.input-with-icon,.select-with-icon,.input-icon-wrapper input,.input-icon-wrapper select,.login-input{padding-left:2.85rem!important}div:has(>button[style*=absolute]:last-child)>input,div:has(>svg:last-child)>input,.input-with-icon-right,.input-icon-wrapper-right input{padding-right:2.85rem!important}.pl-8{padding-left:2.25rem!important}.pl-9{padding-left:2.5rem!important}.pl-10{padding-left:2.75rem!important}.pl-12{padding-left:3rem!important}.left-2\.5{left:.65rem!important}.left-3{left:.75rem!important}.top-2\.5{top:.65rem!important}.top-1\/2{top:50%!important}.-translate-y-1\/2{transform:translateY(-50%)!important}.relative{position:relative!important}.absolute{position:absolute!important}.form-label{display:block;font-size:.76rem;font-weight:700;margin-bottom:.4rem;color:var(--text-muted);padding-left:0;text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;font-size:.9rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-sm{padding:.425rem .95rem;font-size:.825rem;border-radius:var(--radius-sm)}.btn-lg{padding:.85rem 1.65rem;font-size:1.05rem;border-radius:var(--radius-md)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #7c3aed40}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed59}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #7c3aed33}.btn-outline{background:var(--surface);border-color:var(--border-light);color:var(--text-main);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover{background:var(--bg-main);color:var(--text-main);border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:var(--radius-pill);font-size:.76rem;font-weight:700;letter-spacing:.01em;background:var(--bg-main);color:var(--text-muted)}.badge-primary{color:var(--primary);background:var(--primary-soft)}.badge-success{color:#16a34a;background:#22c55e1a}.badge-warning{color:#d97706;background:#f59e0b1a}.badge-danger{color:#dc2626;background:#ef44441a}.badge-info{color:#2563eb;background:#3b82f61a}.badge-white{color:var(--text-main);background:#fff;border:1px solid var(--border-light)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-12{grid-column:span 12 / span 12}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bg-indigo-50{background-color:#7c3aed0f}.text-indigo-600{color:#7c3aed}.dark-mode .bg-indigo-50{background-color:#7c3aed1f}.dark-mode .text-indigo-600{color:#a78bfa}.bg-blue-50{background-color:#3b82f60f}.text-blue-600{color:#2563eb}.dark-mode .bg-blue-50{background-color:#3b82f61f}.dark-mode .text-blue-600{color:#60a5fa}.bg-emerald-50{background-color:#22c55e0f}.text-emerald-600{color:#16a34a}.dark-mode .bg-emerald-50{background-color:#22c55e1f}.dark-mode .text-emerald-600{color:#34d399}.bg-amber-50{background-color:#f59e0b0f}.text-amber-600{color:#d97706}.dark-mode .bg-amber-50{background-color:#f59e0b1f}.dark-mode .text-amber-600{color:#fbbf24}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-black{font-weight:900}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}@media (max-width:1280px){.grid-4,.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.main-content{padding:1.35rem 1.5rem}}@media (max-width:1024px){.grid-5,.grid-4,.grid-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:1.15rem 1.25rem}.app-container{width:100%}.page-title{font-size:1.65rem}}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr;gap:.75rem}.grid-cols-4,.grid-cols-3,.grid-cols-2,.grid-cols-12{grid-template-columns:1fr}.col-span-12{grid-column:span 1}.main-content{padding:.85rem}.page-title{font-size:1.35rem}.page-subtitle{font-size:.8rem}.page-header{flex-direction:column!important;align-items:stretch!important;gap:.65rem}.page-header .flex{width:100%;flex-wrap:wrap;gap:.5rem}.page-header .btn{width:100%;justify-content:center}.input-field{font-size:16px;padding:.65rem .85rem}.btn{padding:.65rem 1rem;font-size:.825rem;width:100%;min-height:44px}.btn-sm{padding:.4rem .75rem;font-size:.75rem;min-height:36px}.modal-overlay{padding:.75rem .5rem}.modal-content{max-width:100%!important;margin:.35rem;border-radius:var(--radius-md);max-height:88vh;-webkit-overflow-scrolling:touch}.panel{padding:1rem;border-radius:var(--radius-md)}.card-icon-corner{top:.85rem;right:.85rem}.list-item{padding:.6rem .75rem}.list-item-icon{width:34px;height:34px;font-size:.8rem}.list-item-title{font-size:.825rem}.list-item-subtitle{font-size:.725rem}.badge{font-size:.625rem;padding:.15rem .5rem}.space-y-6>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:.65rem}.hero-greeting-container{grid-template-columns:1fr!important;padding:1.25rem!important;gap:1.25rem!important}.hero-greeting-left{padding-left:0!important}.hero-greeting-right-panel{width:100%!important}.quick-access-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.quick-access-grid button{font-size:.725rem!important;padding:.55rem .65rem!important;justify-content:center!important}.ceo-card-container{padding:1rem!important}.ceo-card-body{flex-direction:column!important;gap:.75rem!important}.calendar-mini-grid{gap:2px!important}.calendar-mini-grid>div{font-size:.7rem!important;padding:.35rem 0!important}.intern-hero-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.dashboard-stats-grid .panel{padding:.85rem!important}.mobile-landing-nav{padding:0!important}.landing-navbar-inner{padding:.65rem .85rem!important}.landing-nav-logo img{height:28px!important}.landing-nav-verify{display:none!important}.landing-nav-actions{gap:.4rem!important}.landing-nav-btn{padding:.45rem .85rem!important;font-size:.78rem!important}.mobile-landing-hero{padding:2.5rem 1rem 2rem!important}.mobile-cta-group{display:flex!important;flex-direction:column!important;width:100%!important;max-width:340px!important;margin:1.5rem auto 0!important;gap:.75rem!important;box-sizing:border-box!important}.mobile-cta-group a,.landing-hero-btn{width:100%!important;box-sizing:border-box!important;justify-content:center!important;text-align:center!important;min-height:48px!important;padding:.85rem 1.25rem!important}.mobile-metrics-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important;padding:1rem .75rem!important}.mobile-metrics-grid p:first-child{font-size:1.25rem!important}.mobile-tracks-grid{grid-template-columns:1fr!important;gap:1rem!important}.mobile-form-container{padding:1.75rem 1.25rem!important}}.list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-light);transition:var(--transition)}.list-item:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-sm)}.list-item-left{display:flex;align-items:center;gap:.75rem;min-width:0}.list-item-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--bg-main);flex-shrink:0;font-weight:700;font-size:.9rem}.list-item-title{font-weight:600;font-size:.875rem;color:var(--text-main)}.list-item-subtitle{font-size:.775rem;color:var(--text-muted);font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:10000}.modal-content{background:var(--surface);width:100%;max-width:520px;border-radius:var(--radius-lg);box-shadow:0 25px 60px #00000026;animation:modalIn .25s ease;max-height:80vh;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-in{animation:fadeIn .3s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.animate-in>*{animation:fadeInUp .35s ease-out both}.animate-in>*:nth-child(1){animation-delay:.04s}.animate-in>*:nth-child(2){animation-delay:.08s}.animate-in>*:nth-child(3){animation-delay:.12s}.animate-in>*:nth-child(4){animation-delay:.16s}.animate-in>*:nth-child(5){animation-delay:.2s}.animate-in>*:nth-child(6){animation-delay:.24s}.animate-in>*:nth-child(7){animation-delay:.28s}.animate-in>*:nth-child(8){animation-delay:.32s}.panel{transition:box-shadow .2s ease,transform .2s ease}.panel:active{transform:scale(.995)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}body.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff1a}.coding-test-container{display:flex;flex-direction:column;height:100vh}.coding-test-header{display:flex;align-items:center;justify-content:space-between;background:#fff}.coding-test-body{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.coding-test-question{overflow-y:auto}.coding-test-editor{display:flex;flex-direction:column}.code-editor-container{display:flex;flex-direction:column;flex:1}.code-editor-textarea{flex:1;background:transparent;border:none;outline:none;resize:none;font-family:JetBrains Mono,Fira Code,monospace}.coding-test-footer{display:flex;align-items:center;justify-content:space-between}.anti-cheat-warning{position:fixed;top:0;left:0;right:0;z-index:9999;text-align:center;padding:1rem;font-size:1rem;animation:fadeIn .2s ease}body.dark-mode{--bg-main: #0C0F1A;--surface: #161B2E;--text-main: #F1F5F9;--text-muted: #94A3B8;--text-ghost: #64748B;--border-light: rgba(255, 255, 255, .08);--primary-soft: rgba(124, 58, 237, .15);--primary-vivid: rgba(124, 58, 237, .2);--shadow-app: 0 10px 30px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-card: 0 2px 12px rgba(0,0,0,.2)}body.theme-purple{--primary: #7C3AED;--primary-hover: #6D28D9;--primary-soft: rgba(124, 58, 237, .08)}body.dark-mode.theme-purple{--primary-soft: rgba(124, 58, 237, .15)}body.theme-blue{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-soft: rgba(37, 99, 235, .08)}body.dark-mode.theme-blue{--primary-soft: rgba(37, 99, 235, .15)}body.theme-orange{--primary: #EA580C;--primary-hover: #C2410C;--primary-soft: rgba(234, 88, 12, .08)}body.dark-mode.theme-orange{--primary-soft: rgba(234, 88, 12, .15)}body.theme-rose{--primary: #E11D48;--primary-hover: #BE123C;--primary-soft: rgba(225, 29, 72, .08)}body.dark-mode.theme-rose{--primary-soft: rgba(225, 29, 72, .15)}body.theme-terracotta{--primary: #db5a42;--primary-hover: #c44a33;--primary-soft: rgba(219, 90, 66, .08)}body.dark-mode.theme-terracotta{--primary-soft: rgba(219, 90, 66, .15)}body.dark-mode .btn-outline{background:var(--surface);border-color:var(--border-light);color:var(--text-main)}body.dark-mode .btn-outline:hover{background:var(--bg-main);border-color:var(--primary)}body.dark-mode .arrow-icon{background:var(--surface);border-color:var(--border-light);color:var(--text-main)}body.dark-mode .arrow-icon:hover{background:var(--bg-main)}body.dark-mode .list-item{background:var(--surface);border-color:var(--border-light)}body.dark-mode .coding-test-header{background:var(--surface)!important;border-bottom-color:var(--border-light)!important}body.dark-mode .coding-test-question{background:var(--surface)!important;border-right-color:var(--border-light)!important}body.dark-mode .coding-test-footer{background:var(--surface)!important;border-top-color:var(--border-light)!important}body.dark-mode .kbd-shortcut{background:var(--surface);border-color:var(--border-light);color:var(--text-muted)}body.dark-mode .badge-white{background:var(--surface);border-color:var(--border-light);color:var(--text-main)}body.dark-mode ::-webkit-scrollbar-thumb{background:#2a3045}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--primary)}body.dark-mode [style*="background: white"],body.dark-mode [style*="background:white"],body.dark-mode [style*="background: white !important"],body.dark-mode [style*="background:white !important"],body.dark-mode [style*="background: #ffffff"],body.dark-mode [style*="background:#ffffff"]{background:var(--surface)!important}body.dark-mode [style*="border-right: 2px solid var(--orange-100)"],body.dark-mode [style*="border-right:2px solid var(--orange-100)"]{border-right-color:var(--border-light)!important}body.dark-mode [style*="border-bottom: 2px solid var(--orange-100)"],body.dark-mode [style*="border-bottom:2px solid var(--orange-100)"]{border-bottom-color:var(--border-light)!important}body.dark-mode [style*="border-top: 2px solid var(--orange-100)"],body.dark-mode [style*="border-top:2px solid var(--orange-100)"]{border-top-color:var(--border-light)!important}body.dark-mode [style*="border: 1px solid var(--orange-100)"],body.dark-mode [style*="border:1px solid var(--orange-100)"]{border-color:var(--border-light)!important}body.dark-mode [style*="border-bottom: 2px solid var(--orange-100) !important"]{border-bottom-color:var(--border-light)!important}body.dark-mode [style*="border-top: 2px solid var(--orange-100) !important"]{border-top-color:var(--border-light)!important}body.dark-mode [style*="border-right: 2px solid var(--orange-100) !important"]{border-right-color:var(--border-light)!important}body.dark-mode [style*="border: 1px solid var(--orange-100) !important"]{border-color:var(--border-light)!important}body.dark-mode .list-item-icon[style*="background: white"],body.dark-mode .list-item-icon[style*="background:white"]{background:var(--bg-main)!important;color:var(--text-main)!important}body.dark-mode [style*="background: var(--bg-main)"],body.dark-mode [style*="background:var(--bg-main)"],body.dark-mode [style*="background: var(--bg-color)"],body.dark-mode [style*="background:var(--bg-color)"],body.dark-mode [style*="background:var(--bg-main) !important"],body.dark-mode [style*="background:var(--bg-color) !important"],body.dark-mode .btn-ghost:hover{background:var(--bg-main)!important}body.dark-mode .sidebar{border-right-color:var(--border-light)!important}body.dark-mode .top-header{border-bottom-color:var(--border-light)!important}body.dark-mode .main-wrapper,body.dark-mode .app-container{background:var(--bg-main)!important}body.dark-mode .icon-btn{border-color:var(--border-light)!important}body.dark-mode .icon-btn:hover{background:var(--bg-main)!important}body.dark-mode .user-profile-pill{background:var(--surface)!important;border-color:var(--border-light)!important}body.dark-mode .modal-content{background:var(--surface)!important;border:1px solid var(--border-light)!important}body.dark-mode select option,body.dark-mode .select-field option,body.dark-mode .form-control option,body.dark-mode select.input-field option{background:#111827!important;color:#f1f5f9!important}body.dark-mode .input-field,body.dark-mode .form-control{background:#ffffff0d!important;color:#f1f5f9!important;border-color:#ffffff1a!important}body.dark-mode select,body.dark-mode .select-field,body.dark-mode select.input-field,body.dark-mode .form-select{background-color:var(--surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;color:#f1f5f9!important;border-color:var(--border-light)!important}body.dark-mode .input-field:focus,body.dark-mode .form-control:focus{background:var(--bg-main)!important;color:#f1f5f9!important}body.dark-mode select:focus,body.dark-mode .select-field:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-soft)!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 .page-title,body.dark-mode .panel h3,body.dark-mode .card h4,body.dark-mode .text-slate-900,body.dark-mode .text-slate-800,body.dark-mode .text-slate-700{color:#f1f5f9!important}body.dark-mode .text-slate-600,body.dark-mode .text-slate-500{color:#e5e7eb!important}body.dark-mode .text-slate-400{color:#9ca3af!important}body.dark-mode{color:#f1f5f9!important}body.dark-mode p,body.dark-mode label,body.dark-mode span:not(.badge),body.dark-mode td,body.dark-mode th,body.dark-mode li{color:#e2e8f0!important}body.dark-mode .panel,body.dark-mode .card,body.dark-mode .modal-content,body.dark-mode .bg-surface{background-color:#161b2e!important;color:#f1f5f9!important;border-color:#ffffff1a!important}body.dark-mode [style*="color: #000"],body.dark-mode [style*="color:#000"],body.dark-mode [style*="color: #000000"],body.dark-mode [style*="color:#000000"],body.dark-mode [style*="color: black"],body.dark-mode [style*="color:black"],body.dark-mode [style*="color:#1A1D26"],body.dark-mode [style*="color: #1A1D26"],body.dark-mode [style*="color: #0F172A"],body.dark-mode [style*="color:#0F172A"],body.dark-mode [style*="color: #1E293B"],body.dark-mode [style*="color: #334155"],body.dark-mode [style*="color: #475569"],body.dark-mode [style*="color: var(--text-main)"],body.dark-mode [style*="color:var(--text-main)"]{color:#f1f5f9!important}body.dark-mode .bg-slate-100,body.dark-mode .bg-slate-200{background-color:#ffffff14!important;color:#f1f5f9!important}body.dark-mode .text-slate-900,body.dark-mode .text-slate-800,body.dark-mode .text-slate-700,body.dark-mode .text-black{color:#f1f5f9!important}@media (max-width: 768px){html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important;padding:0!important}.app-container{width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;border-radius:0!important;border:none!important;box-shadow:none!important;overflow:hidden!important}.main-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;border-radius:0!important}.top-header{height:56px!important;min-height:56px!important;padding:0 .75rem!important;border-bottom:1px solid var(--border-light)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.main-content{flex:1!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:.75rem .75rem calc(2.5rem + var(--sab)) .75rem!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}[style*=grid-template-columns]:not(.keep-grid-mobile):not(.quick-access-grid):not(.dashboard-stats-grid):not(.calendar-mini-grid):not(.cap-scores),[style*=gridTemplateColumns]:not(.keep-grid-mobile):not(.quick-access-grid):not(.dashboard-stats-grid):not(.calendar-mini-grid):not(.cap-scores){grid-template-columns:1fr!important;gap:.75rem!important}.grid-2,.grid-3,.grid-4,.grid-5,.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr!important;gap:.75rem!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important}.page-title{font-size:1.3rem!important;line-height:1.2!important;word-break:break-word!important}.page-subtitle{font-size:.8rem!important}.panel{padding:1rem!important;border-radius:var(--radius-md)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.modal-overlay{padding:.5rem!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.modal-content{width:100%!important;max-width:calc(100vw - 1rem)!important;margin:0 auto!important;padding:1.15rem!important;max-height:88vh!important;max-height:88dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;border-radius:var(--radius-lg)!important}.input-field,select.input-field,textarea.input-field,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],select,textarea{font-size:16px!important;padding:.65rem .85rem;box-sizing:border-box!important;max-width:100%!important}.input-with-icon,.input-icon-wrapper input,.login-input{padding-left:3rem!important}.input-with-icon-right,.input-icon-wrapper-right input{padding-right:3rem!important}.btn{min-height:42px!important;padding:.5rem 1rem!important;font-size:.825rem!important;touch-action:manipulation}.table-responsive,.overflow-x-auto,div:has(>table){width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important;margin-bottom:.75rem!important}table{min-width:520px!important;width:100%!important;display:table!important;white-space:nowrap!important}[style*="overflowX: 'auto'"],[style*="overflow-x: auto"]{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}[style*="overflowX: 'auto'"]::-webkit-scrollbar,[style*="overflow-x: auto"]::-webkit-scrollbar{display:none!important}h1,h2,h3,h4,h5,h6,p,span{overflow-wrap:break-word;word-wrap:break-word}}@media print{.sidebar,.sidebar-mobile,.app-header,.print-hide,.btn{display:none!important}.app-container,.main-content{display:block!important;padding:0!important;margin:0!important;background:#fff!important;color:#000!important;height:auto!important;overflow:visible!important}body,.panel,.surface{background:#fff!important;color:#000!important;box-shadow:none!important;border:none!important}.list-item,.panel{border:1px solid #ddd!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}div[style*=maxHeight],div[style*=max-height]{max-height:none!important;overflow:visible!important}}html,body{-webkit-overflow-scrolling:touch}button,a,input,select,textarea{touch-action:manipulation}