:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", var(--font-sans);--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 4px 12px -2px #00000008, 0 2px 4px -1px #00000005;--shadow-md:0 16px 32px -4px #0000000f, 0 4px 16px -2px #00000008;--shadow-lg:0 28px 56px -8px #0000001f, 0 12px 28px -4px #0000000d;--shadow-glass:0 8px 32px 0 #0f172a14;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--bg-app:#f1f4fa;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-bg:#fff;--glass-bg-hover:#f8fafc;--glass-border:#cbd5e1;--glass-border-focus:var(--primary-color);--input-bg:#fff;--input-bg-focus:#fff;--primary:99, 102, 241;--primary-color:#5e56f5;--primary-light:#5e56f514;--primary-glow:#5e56f540;--secondary:168, 85, 247;--secondary-color:#ab59f7;--secondary-light:#ab59f714;--success:16, 185, 129;--success-color:#12ca6e;--success-light:#12ca6e14;--warning:245, 158, 11;--warning-color:#f59f0a;--warning-light:#f59f0a14;--danger:239, 68, 68;--danger-color:#f32b4c;--danger-light:#f32b4c14;--info:14, 165, 233;--info-color:#0da2e7;--info-light:#0da2e714}[data-theme=dark]{--bg-app:#080c14;--bg-gradient:radial-gradient(circle at 10% 20%, #0f1729 0%, #050914 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#0f172a;--glass-bg-hover:#1e293b;--glass-border:#334155;--glass-border-focus:var(--primary-color);--input-bg:#1e293b;--input-bg-focus:#0f172a;--primary-color:#8680ff;--primary-light:#8680ff1f;--primary-glow:#8680ff59;--secondary-color:#ba74fb;--secondary-light:#ba74fb1f;--success-color:#43ef99;--success-light:#43ef991f;--warning-color:#fab742;--warning-light:#fab7421f;--danger-color:#f8546f;--danger-light:#f8546f1f;--info-color:#2eb9fa;--info-light:#2eb9fa1f;--shadow-glass:0 12px 40px 0 #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);font-size:16px;transition:background-color .5s cubic-bezier(.16,1,.3,1),color .3s;overflow-x:hidden}body{background:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-sm);transition:var(--transition-smooth)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.glass-panel{border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);transition:var(--transition-smooth);background:var(--glass-bg)!important;-webkit-backdrop-filter:none!important}.glass-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:var(--transition-smooth);position:relative;overflow:hidden;background:var(--glass-bg)!important;-webkit-backdrop-filter:none!important}.glass-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#ffffff26 0%,#ffffff0d 50%,#fff0 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md), var(--shadow-glass);transform:translateY(-3px)scale(1.005);background:var(--glass-bg-hover)!important}.glass-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:var(--transition-smooth);outline:none;padding:14px 18px;font-size:.95rem;background:var(--input-bg)!important;-webkit-backdrop-filter:none!important}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--glass-border-focus);box-shadow:0 8px 24px rgba(var(--primary), .08), 0 0 0 4px var(--primary-glow);transform:translateY(-2px);background:var(--input-bg-focus)!important}.glass-btn{border-radius:var(--radius-md);font-family:var(--font-display);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);background:var(--glass-bg);color:var(--text-primary);outline:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.glass-btn:hover{background:var(--glass-bg-hover);box-shadow:var(--shadow-md), 0 4px 12px #00000008;transform:translateY(-3px)}.glass-btn:active{transform:translateY(-1px)scale(.98)}.glass-btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;text-shadow:0 1px 2px #0000001a;box-shadow:0 6px 20px var(--primary-glow);border:1px solid #ffffff26}.glass-btn-primary:hover{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);box-shadow:0 8px 25px var(--primary-glow), 0 4px 10px #00000026;filter:brightness(1.05)}.glass-btn-danger{background:linear-gradient(135deg, var(--danger-color) 0%, #f50a31 100%);color:#fff;border:1px solid #ffffff1a}.glass-btn-danger:hover{background:linear-gradient(135deg, var(--danger-color) 0%, #f50a31 100%);box-shadow:0 6px 20px var(--danger-light);filter:brightness(1.05)}.glass-btn-success{background:linear-gradient(135deg, var(--success-color) 0%, #0ea459 100%);color:#fff;border:1px solid #ffffff1a}.glass-btn-success:hover{background:linear-gradient(135deg, var(--success-color) 0%, #0ea459 100%);box-shadow:0 6px 20px var(--success-light);filter:brightness(1.05)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.25}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 30%, rgb(var(--primary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-primary{background:linear-gradient(135deg, rgb(var(--primary)) 0%, rgb(var(--secondary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-pulse-soft{animation:3s ease-in-out infinite pulse-soft}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;width:100%;padding:24px 24px 96px;overflow-y:auto}@media (width>=768px){.app-container{flex-direction:row}.main-content{padding:32px}}@media print{body{color:#000!important;background:#fff!important}.glass-card,.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #ddd!important;transform:none!important}.no-print{display:none!important}}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.justify-start{justify-content:flex-start!important}.justify-around{justify-content:space-around!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.col-span-full{grid-column:1/-1!important}.col-span-2{grid-column:span 2/span 2!important}.col-span-3{grid-column:span 3/span 3!important}.gap-1{gap:4px!important}.gap-1\.5{gap:6px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-6{gap:24px!important}.gap-8{gap:32px!important}.gap-12{gap:48px!important}.gap-16{gap:64px!important}.mb-1{margin-bottom:4px!important}.mb-1\.5{margin-bottom:6px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.mb-6{margin-bottom:24px!important}.mb-8{margin-bottom:32px!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mt-6{margin-top:24px!important}.mt-8{margin-top:32px!important}.mt-auto{margin-top:auto!important}.mr-2{margin-right:8px!important}.ml-2{margin-left:8px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.p-1{padding:4px!important}.p-2{padding:8px!important}.p-2\.5{padding:10px!important}.p-3{padding:12px!important}.p-3\.5{padding:14px!important}.p-4{padding:16px!important}.p-5{padding:20px!important}.p-6{padding:24px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.py-1\.5{padding-top:6px!important;padding-bottom:6px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-2\.5{padding-top:10px!important;padding-bottom:10px!important}.py-3{padding-top:12px!important;padding-bottom:12px!important}.py-4{padding-top:16px!important;padding-bottom:16px!important}.py-6{padding-top:24px!important;padding-bottom:24px!important}.py-8{padding-top:32px!important;padding-bottom:32px!important}.py-12{padding-top:48px!important;padding-bottom:48px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.px-4{padding-left:16px!important;padding-right:16px!important}.px-5{padding-left:20px!important;padding-right:20px!important}.px-6{padding-left:24px!important;padding-right:24px!important}.pr-1{padding-right:4px!important}.w-full{width:100%!important}.h-full{height:100%!important}.min-h-screen{min-height:100vh!important}.max-w-xs{max-width:320px!important}.max-w-sm{max-width:384px!important}.max-w-md{max-width:448px!important}.max-w-lg{max-width:512px!important}.max-w-xl{max-width:576px!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.top-2{top:8px!important}.top-3{top:12px!important}.top-4{top:16px!important}.right-2{right:8px!important}.right-3{right:12px!important}.right-4{right:16px!important}.bottom-0{bottom:0!important}.bottom-6{bottom:24px!important}.right-6{right:24px!important}.left-0{left:0!important}.left-4{left:16px!important}.right-0{right:0!important}.z-50{z-index:50!important}.z-40{z-index:40!important}.inset-0{inset:0!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-black{font-weight:900!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.cursor-pointer{cursor:pointer!important}.border-0{border:0!important}.border-b{border-bottom:1px solid var(--glass-border)!important}.border-t{border-top:1px solid var(--glass-border)!important}.border-dashed{border-style:dashed!important}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.overflow-hidden{overflow:hidden!important}.solid-modal-card{color:#0f172a!important;box-shadow:var(--shadow-lg)!important;background:#fff!important;border:1px solid #0000001a!important}[data-theme=dark] .solid-modal-card{color:#f8fafc!important;background:#0f172a!important;border:1px solid #ffffff14!important;box-shadow:0 20px 50px #00000080!important}@media (width>=640px){.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.sm\:flex-row{flex-direction:row!important}.sm\:w-auto{width:auto!important}.sm\:mb-0{margin-bottom:0!important}}@media (width>=768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.md\:gap-16{gap:64px!important}.md\:max-w-md{max-width:448px!important}.md\:block{display:block!important}}@media (width>=1024px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.lg\:col-span-2{grid-column:span 2/span 2!important}.lg\:col-span-3{grid-column:span 3/span 3!important}}.overflow-y-auto{overflow-y:auto!important}.overflow-x-auto{overflow-x:auto!important}.max-h-full{max-height:100%!important}.max-h-\[200px\]{max-height:200px!important}.max-h-\[220px\]{max-height:220px!important}.max-h-\[250px\]{max-height:250px!important}.max-h-\[300px\]{max-height:300px!important}.max-h-\[450px\]{max-height:450px!important}.max-h-\[85vh\]{max-height:85vh!important}.max-h-\[90vh\]{max-height:90vh!important}.bottom-16{bottom:64px!important}.bottom-fab{bottom:80px!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-100,.z-\[100\]{z-index:100!important}@media (width>=768px){.bottom-fab{bottom:24px!important}.main-content{z-index:20;position:relative}}