@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:#7c3aed14;--primary-vivid:#7c3aed26;--bg-main:#f5f6fa;--surface:#fff;--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 #00000008, 0 8px 30px #0000000a;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-card:0 2px 12px #0000000a;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;padding:0;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body{background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.02em;font-family:Outfit,-apple-system,sans-serif;font-weight:700}#root{background:0 0;flex-direction:column;width:100%;display:flex}.app-container{background:var(--bg-main);width:100%;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.main-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:0 0;flex:1;width:100%;height:100%;padding:1.5rem 1.75rem;overflow:hidden 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-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:.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}.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 (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}.lg\:col-span-3{grid-column:span 3/span 3}}.page-header{flex-direction:column;gap:.75rem;margin-bottom:0;display:flex}@media (width>=768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{letter-spacing:-.02em;margin-bottom:.15rem;font-size:1.85rem;line-height:1.2}.page-subtitle{color:var(--text-muted);font-size:.875rem;font-weight:500}.panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:var(--transition);flex-direction:column;padding:1.5rem;display:flex;position:relative}.panel:hover{box-shadow:0 4px 24px #00000012}.panel.primary-card{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 50%,#5b21b6 100%);border:none;box-shadow:0 8px 30px #7c3aed40}.panel.primary-card .panel-title{color:#ffffffe6!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.25rem;display:flex}.panel-title{color:var(--text-main);letter-spacing:-.01em;font-size:.95rem;font-weight:600}.arrow-icon{border-radius:var(--radius-sm);border:1px solid var(--border-light);width:34px;height:34px;color:var(--text-main);background:var(--surface);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.arrow-icon:hover{background:var(--bg-main);color:var(--primary)}.card-icon-corner{position:absolute;top:1.5rem;right:1.5rem}.input-field{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;transition:var(--transition);color:var(--text-main);outline:none;padding:.65rem 1rem;font-family:inherit;font-size:.875rem}.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)}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;padding-left:0;font-size:.7rem;font-weight:600;display:block}.form-group{margin-bottom:0}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;letter-spacing:0;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-family:inherit;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .85rem;font-size:.75rem}.btn-lg{border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:.925rem}.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);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0;border:none}.btn-ghost:hover{background:var(--bg-main);color:var(--text-main);border-radius:var(--radius-sm)}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;background:var(--bg-main);color:var(--text-muted);align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.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);border:1px solid var(--border-light);background:#fff}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.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 (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (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 (width<=1280px){.grid-4,.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.main-content{padding:1.35rem 1.5rem}}@media (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 (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{gap:.65rem;flex-direction:column!important;align-items:stretch!important}.page-header .flex{flex-wrap:wrap;gap:.5rem;width:100%}.page-header .btn{justify-content:center;width:100%}.input-field{padding:.65rem .85rem;font-size:16px}.btn{width:100%;min-height:44px;padding:.65rem 1rem;font-size:.825rem}.btn-sm{min-height:36px;padding:.4rem .75rem;font-size:.75rem}.modal-overlay{padding:.75rem .5rem}.modal-content{border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;max-height:88vh;margin:.35rem;max-width:100%!important}.panel{border-radius:var(--radius-md);padding:1rem}.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{padding:.15rem .5rem;font-size:.625rem}.space-y-6>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:.65rem}.hero-greeting-container{grid-template-columns:1fr!important;gap:1.25rem!important;padding: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{justify-content:center!important;padding:.55rem .65rem!important;font-size:.725rem!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{padding:.35rem 0!important;font-size:.7rem!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:.75rem 1rem!important}.mobile-landing-hero{padding:3rem 1rem 2rem!important}.mobile-cta-group{flex-direction:column!important;gap:.75rem!important;width:100%!important}.mobile-cta-group a{justify-content:center!important;width:100%!important;min-height:48px!important;padding:.85rem 1rem!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{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-light);transition:var(--transition);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.list-item:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-sm)}.list-item-left{align-items:center;gap:.75rem;min-width:0;display:flex}.list-item-icon{border-radius:var(--radius-sm);background:var(--bg-main);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.list-item-title{color:var(--text-main);font-size:.875rem;font-weight:600}.list-item-subtitle{color:var(--text-muted);font-size:.775rem;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#0f172a80;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:80vh;animation:.25s modalIn;overflow-y:auto;box-shadow:0 25px 60px #00000026}@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:.3s ease-out forwards fadeIn}.animate-in>*{animation:.35s ease-out both fadeInUp}.animate-in>:first-child{animation-delay:40ms}.animate-in>:nth-child(2){animation-delay:80ms}.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,transform .2s}.panel:active{transform:scale(.995)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.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:#0c0f1a;--surface:#161b2e;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-ghost:#64748b;--border-light:#ffffff14;--primary-soft:#7c3aed26;--primary-vivid:#7c3aed33;--shadow-app:0 10px 30px #0006;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-card:0 2px 12px #0003}body.theme-purple{--primary:#7c3aed;--primary-hover:#6d28d9;--primary-soft:#7c3aed14}body.dark-mode.theme-purple{--primary-soft:#7c3aed26}body.theme-blue{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#2563eb14}body.dark-mode.theme-blue{--primary-soft:#2563eb26}body.theme-orange{--primary:#ea580c;--primary-hover:#c2410c;--primary-soft:#ea580c14}body.dark-mode.theme-orange{--primary-soft:#ea580c26}body.theme-rose{--primary:#e11d48;--primary-hover:#be123c;--primary-soft:#e11d4814}body.dark-mode.theme-rose{--primary-soft:#e11d4826}body.theme-terracotta{--primary:#db5a42;--primary-hover:#c44a33;--primary-soft:#db5a4214}body.dark-mode.theme-terracotta{--primary-soft:#db5a4226}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.input-field option{color:#f1f5f9!important;background:#161b2e!important}body.dark-mode .input-field{color:#f1f5f9!important;background:#ffffff0d!important;border-color:#ffffff1a!important}body.dark-mode .input-field:focus{background:var(--bg-main)!important;color:#f1f5f9!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}@media (width<=768px){html,body,#root{width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.app-container{width:100%!important;max-width:100vw!important;height:100dvh!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.main-wrapper{border-radius:0!important;flex-direction:column!important;width:100%!important;max-width:100vw!important;height:100%!important;display:flex!important;overflow:hidden!important}.top-header{border-bottom:1px solid var(--border-light)!important;height:60px!important;min-height:60px!important;padding:0 .75rem!important}.main-content{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;flex:1!important;width:100%!important;max-width:100vw!important;padding:.85rem .85rem 3rem!important;overflow:hidden auto!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:.65rem!important;width:100%!important}.page-title{word-break:break-word!important;font-size:1.35rem!important;line-height:1.2!important}.page-subtitle{font-size:.825rem!important}.panel{border-radius:var(--radius-md)!important;box-sizing:border-box!important;max-width:100%!important;padding:1rem!important}.modal-overlay{justify-content:center!important;align-items:center!important;padding:.5rem!important}.modal-content{box-sizing:border-box!important;border-radius:var(--radius-lg)!important;width:94vw!important;max-width:94vw!important;max-height:86vh!important;margin:0 auto!important;padding:1.15rem!important;overflow-y:auto!important}.input-field,select.input-field,textarea.input-field{padding:.7rem .9rem!important;font-size:16px!important}.btn{touch-action:manipulation;min-height:42px!important;padding:.5rem 1rem!important;font-size:.85rem!important}table{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!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{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}}html,body{-webkit-overflow-scrolling:touch}button,a,input,select,textarea{touch-action:manipulation}