@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:#db5a42;--primary-hover:#c44a33;--primary-soft:#db5a421f;--bg-main:transparent;--surface:#ffffff59;--text-main:#111;--text-muted:#4b5563;--text-ghost:#71717a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-app:42px;--radius-lg:30px;--radius-md:20px;--radius-pill:9999px;--border-light:#fff6;--shadow-app:0 25px 50px -12px #0000000a;--shadow-sm:0 4px 12px #00000005;--shadow-md:0 12px 30px #0000000d;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f3f4f6 0%,#fae8e5 35%,#e0f2fe 75%,#ececef 100%);min-height:100dvh;font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.03em;font-family:Outfit,sans-serif;font-weight:700}#root{background:0 0;width:100%;height:100dvh;padding:1.5rem;display:flex}.app-container{border-radius:var(--radius-app);width:100%;height:100%;box-shadow:var(--shadow-app);background:#ffffff1a;border:1px solid #ffffff40;display:flex;overflow:hidden}.main-content{background:0 0;flex:1;width:100%;padding:2.5rem 3rem;overflow-y:auto}.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-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}.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:.75rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.overflow-hidden{overflow:hidden}.overflow-auto{overflow: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-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-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}@media (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 (width>=1024px){.lg\:col-span-2{grid-column:span 2/span 2}}.page-header{flex-direction:column;gap:1rem;margin-bottom:0;display:flex}@media (width>=768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{margin-bottom:.25rem;font-size:2.5rem;line-height:1.1}.page-subtitle{color:var(--text-muted);font-size:.95rem;font-weight:500}.panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition);flex-direction:column;padding:1.75rem;display:flex;position:relative;box-shadow:0 8px 32px #1f26870a}.panel:hover{box-shadow:0 12px 40px #1f268714}.panel.primary-card{background:var(--primary);color:#fff;border:none}.panel.primary-card .panel-title{color:#ffffffd9!important}.panel.primary-card .arrow-icon{color:#fff;background:#ffffff26;border-color:#fff3}.panel.primary-card .badge{color:#fff;background:#fff3}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.panel-title{color:var(--text-main);font-size:1rem;font-weight:600}.arrow-icon{border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-main);cursor:pointer;transition:var(--transition);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.arrow-icon:hover{background:var(--bg-main)}.card-icon-corner{position:absolute;top:1.75rem;right:1.75rem}.input-field{background:var(--bg-main);border-radius:var(--radius-pill);width:100%;transition:var(--transition);color:var(--text-main);border:1px solid #0000;outline:none;padding:.875rem 1.25rem;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);background:#fff}textarea.input-field{border-radius:var(--radius-md)}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-left:.25rem;font-size:.8rem;font-weight:700;display:block}.form-group{margin-bottom:0}.btn{border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-outline{border-color:var(--border-light);color:var(--text-main);background:#fff}.btn-outline:hover{background:var(--bg-main);border-color:#d1d5db}.btn-ghost{color:var(--text-muted);background:0 0;border:none}.btn-ghost:hover{background:var(--bg-main);color:var(--text-main)}.badge{border-radius:var(--radius-pill);background:var(--bg-main);color:var(--text-muted);align-items:center;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--primary);background:var(--primary-soft)}.badge-success{color:var(--success);background:#ecfdf5}.badge-warning{color:var(--warning);background:#fffbeb}.badge-danger{color:var(--danger);background:#fef2f2}.badge-info{color:var(--info);background:#eff6ff}.badge-white{color:var(--text-main);border:1px solid var(--border-light);background:#fff}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;display:grid}@media (width<=1280px){.grid-4,.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.grid-5,.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:2rem}#root{padding:1rem}.app-container{border-radius:24px}}@media (width<=768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr;gap:1rem}.main-content{padding:1.25rem}#root{height:100dvh;padding:0}.app-container{border-radius:0;height:100dvh}.page-title{font-size:1.75rem}.page-header{flex-direction:column!important;align-items:stretch!important}.page-header .flex{flex-wrap:wrap;width:100%}.page-header .btn{width:100%}.input-field{font-size:16px}.btn{width:100%;padding:.875rem 1.25rem;font-size:.95rem}.modal-overlay{padding:1rem .5rem}.modal-content{border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;max-height:85vh;margin:.5rem;max-width:100%!important}.panel{border-radius:var(--radius-md);padding:1.25rem}.card-icon-corner{top:1.25rem;right:1.25rem}.list-item{padding:.625rem .75rem}.list-item-icon{width:36px;height:36px}}.list-item{border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition);background:#fff;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.list-item:hover{border-color:#d1d5db}.list-item-left{align-items:center;gap:.75rem;min-width:0;display:flex}.list-item-icon{background:var(--bg-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex}.list-item-title{color:var(--text-main);font-size:.9rem;font-weight:600}.list-item-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#0f172ab3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-app);background:#fffffffa;max-height:80vh;animation:.2s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.35s ease-out forwards fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-ghost)}.coding-test-container{flex-direction:column;height:100vh;display:flex}.coding-test-header{background:#fff;justify-content:space-between;align-items:center;display:flex}.coding-test-body{flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.coding-test-question{overflow-y:auto}.coding-test-editor{flex-direction:column;display:flex}.code-editor-container{flex-direction:column;flex:1;display:flex}.code-editor-textarea{resize:none;background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,Fira Code,monospace}.coding-test-footer{justify-content:space-between;align-items:center;display:flex}.anti-cheat-warning{z-index:9999;text-align:center;padding:1rem;font-size:1rem;animation:.2s fadeIn;position:fixed;top:0;left:0;right:0}body.dark-mode{--bg-main:#0b0f19;--surface:#151b26d9;--text-main:#f9fafb;--text-muted:#9ca3af;--text-ghost:#6b7280;--border-light:#ffffff14;--primary-soft:#db5a4226;--shadow-app:0 25px 50px -12px #00000080;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #0000004d}body.theme-purple{--primary:#6d28d9;--primary-hover:#5b21b6;--primary-soft:#f3e8ff}body.dark-mode.theme-purple{--primary-soft:#6d28d926}body.theme-blue{--primary:#1d4ed8;--primary-hover:#1e40af;--primary-soft:#dbeafe}body.dark-mode.theme-blue{--primary-soft:#1d4ed826}body.theme-orange{--primary:#d97706;--primary-hover:#b45309;--primary-soft:#fef3c7}body.dark-mode.theme-orange{--primary-soft:#d9770626}body.theme-rose{--primary:#be123c;--primary-hover:#9f1239;--primary-soft:#ffe4e6}body.dark-mode.theme-rose{--primary-soft:#be123c26}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:#3b82f6}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:#243042}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"]{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{background:var(--bg-main)!important}body.dark-mode .app-container{background:var(--surface)!important;box-shadow:0 10px 30px #0000004d!important}body.dark-mode .icon-btn{border-color:var(--border-light)!important}body.dark-mode .icon-btn:hover,body.dark-mode .user-profile-pill{background:var(--bg-main)!important}body.dark-mode .modal-content{border:1px solid var(--border-light)!important;background:#151b26fa!important}body.dark-mode select.input-field option,body.dark-mode .input-field:focus{background:var(--surface)!important;color:var(--text-main)!important}@media (width<=767px){.hidden-mobile{display:none!important}}@media (width>=768px){.hidden-desktop{display:none!important}}@media print{.sidebar,.sidebar-mobile,.app-header,.print-hide,.btn{display:none!important}.app-container,.main-content{color:#000!important;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}body,.panel,.surface{color:#000!important;box-shadow:none!important;background:#fff!important;border:none!important}.list-item,.panel{-moz-column-break-inside:avoid!important;break-inside:avoid!important;border:1px solid #ddd!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}}