:root{--primary:#05055b;--secondary:#050659;--accent:#070751;--white:#fff;--bg:#f8fafc;--bg-card:#fff;--text:#05055b;--text-muted:#64748b;--border:#e2e8f0;--shadow:#05055b1a;--chart-grid:#cbd5e1;--chart-axis:#334155;--chart-bar:#1d4ed8;--chart-accent:#059669;--chart-bg:var(--bg-card);--table-row-alt:#f1f5f9;--focus-ring:#2563eb;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-800:#6b21a8;--green-50:#f0fdf4;--green-100:#dcfce7;--green-600:#16a34a;--green-800:#166534;--yellow-50:#fefce8;--yellow-100:#fef3c7;--yellow-600:#ca8a04;--yellow-800:#92400e;--red-50:#fef2f2;--red-100:#fecaca;--red-300:#fca5a5;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-9:2.5rem;--space-10:3rem;--space-12:4rem;--space-16:6rem;--space-20:8rem;--space-24:12rem;--space-32:16rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--z-40:40;--z-50:50}[data-theme=dark]{--bg:#0f172a;--bg-card:#1e293b;--text:#f8fafc;--text-muted:#cbd5e1;--border:#475569;--shadow:#0006;--primary:#3b82f6;--secondary:#1d4ed8;--accent:#1e40af;--chart-grid:#334155;--chart-axis:#e2e8f0;--chart-bar:#60a5fa;--chart-accent:#34d399;--chart-bg:var(--bg-card);--table-row-alt:#0b1220;--focus-ring:#93c5fd;--blue-50:#1e3a8a;--blue-100:#1e40af;--blue-800:#60a5fa;--purple-50:#6b21a8;--purple-100:#7e22ce;--purple-800:#d8b4fe;--green-50:#065f46;--green-100:#047857;--green-800:#6ee7b7;--yellow-50:#78350f;--yellow-100:#92400e;--yellow-800:#fcd34d;--red-50:#7f1d1d;--red-100:#991b1b;--red-800:#fca5a5;--gray-50:#374151;--gray-100:#4b5563;--gray-800:#d1d5db}body{background:#f8fafc;background:var(--bg);color:#05055b;color:var(--text);font-family:Arial,Helvetica,sans-serif;margin:0}:focus{outline:2px solid #2563eb;outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2563eb;outline:3px solid var(--focus-ring);outline-offset:2px}table tr:nth-child(2n){background-color:#f1f5f9;background-color:var(--table-row-alt)}.block{display:block}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.space-y-1>*+*{margin-top:.25rem;margin-top:var(--space-1)}.space-y-2>*+*{margin-top:.5rem;margin-top:var(--space-2)}.space-y-3>*+*{margin-top:.75rem;margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.m-0{margin:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mr-3{margin-right:.75rem;margin-right:var(--space-3)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.px-2{padding-left:.5rem;padding-left:var(--space-2);padding-right:.5rem;padding-right:var(--space-2)}.px-3{padding-left:.75rem;padding-left:var(--space-3);padding-right:.75rem;padding-right:var(--space-3)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.px-6{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}.py-1{padding-bottom:.25rem;padding-bottom:var(--space-1);padding-top:.25rem;padding-top:var(--space-1)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.py-3{padding-bottom:.75rem;padding-bottom:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.py-8{padding-bottom:2rem;padding-bottom:var(--space-8);padding-top:2rem;padding-top:var(--space-8)}.pt-6{padding-top:1.5rem;padding-top:var(--space-6)}.pt-8{padding-top:2rem;padding-top:var(--space-8)}.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.relative{position:relative}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.right-0{right:0}.top-0{top:0}.z-40{z-index:40;z-index:var(--z-40)}.z-50{z-index:50;z-index:var(--z-50)}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-collapse{border-collapse:collapse}.border-gray-200{border-color:#e5e7eb;border-color:var(--gray-200)}.border-gray-300{border-color:#d1d5db;border-color:var(--gray-300)}.border-blue-200{border-color:#bfdbfe;border-color:var(--blue-200)}.border-yellow-200{border-color:var(--yellow-200)}.border-green-200{border-color:var(--green-200)}.border-red-300{border-color:#fca5a5;border-color:var(--red-300)}.border-t-transparent{border-top-color:#0000}.rounded,.rounded-md{border-radius:.375rem;border-radius:var(--radius-sm)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.bg-white{background-color:#fff;background-color:var(--white)}.bg-black{background-color:#000}.bg-blue-50{background-color:#eff6ff;background-color:var(--blue-50)}.bg-blue-100{background-color:#dbeafe;background-color:var(--blue-100)}.bg-blue-500{background-color:#3b82f6;background-color:var(--blue-500)}.bg-blue-600{background-color:#2563eb;background-color:var(--blue-600)}.bg-green-50{background-color:#f0fdf4;background-color:var(--green-50)}.bg-green-100{background-color:#dcfce7;background-color:var(--green-100)}.bg-yellow-50{background-color:#fefce8;background-color:var(--yellow-50)}.bg-yellow-100{background-color:#fef3c7;background-color:var(--yellow-100)}.bg-red-50{background-color:#fef2f2;background-color:var(--red-50)}.bg-red-100{background-color:#fecaca;background-color:var(--red-100)}.bg-red-600{background-color:#dc2626;background-color:var(--red-600)}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.bg-gray-200{background-color:#e5e7eb;background-color:var(--gray-200)}.bg-gray-300{background-color:#d1d5db;background-color:var(--gray-300)}.bg-opacity-50{background-color:#00000080}.bg-purple-50{background-color:#faf5ff;background-color:var(--purple-50)}.border-purple-100{border-color:#f3e8ff;border-color:var(--purple-100)}.text-purple-800{color:#6b21a8;color:var(--purple-800)}.text-white{color:#fff;color:var(--white)}.text-blue-600{color:#2563eb;color:var(--blue-600)}.text-blue-700{color:#1d4ed8;color:var(--blue-700)}.text-blue-800{color:#1e40af;color:var(--blue-800)}.text-blue-900{color:#1e3a8a;color:var(--blue-900)}.text-green-600{color:#16a34a;color:var(--green-600)}.text-green-800{color:#166534;color:var(--green-800)}.text-yellow-600{color:#ca8a04;color:var(--yellow-600)}.text-yellow-800{color:#92400e;color:var(--yellow-800)}.text-red-500{color:#ef4444;color:var(--red-500)}.text-red-600{color:#dc2626;color:var(--red-600)}.text-gray-400{color:#9ca3af;color:var(--gray-400)}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.text-gray-700{color:#374151;color:var(--gray-700)}.text-gray-800{color:#1f2937;color:var(--gray-800)}.text-gray-900{color:#111827;color:var(--gray-900)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.text-center{text-align:center}.cursor-not-allowed{cursor:not-allowed}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-ring-2:focus{box-shadow:0 0 0 2px #05055b;box-shadow:0 0 0 2px var(--primary)}.focus-ring-blue-500:focus{box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500)}.focus-border-blue-500:focus{border-color:#3b82f6;border-color:var(--blue-500)}.hover-bg-gray-50:hover{background-color:#f9fafb;background-color:var(--gray-50)}.hover-bg-blue-700:hover{background-color:#1d4ed8;background-color:var(--blue-700)}.hover-bg-red-700:hover{background-color:#b91c1c;background-color:var(--red-700)}.hover-bg-gray-300:hover{background-color:#d1d5db;background-color:var(--gray-300)}.hover-text-gray-600:hover{color:#4b5563;color:var(--gray-600)}.disabled-opacity-50:disabled{opacity:.5}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-xl{max-width:36rem}.max-h-70vh{max-height:70vh}.max-h-80vh{max-height:80vh}.max-h-90vh{max-height:90vh}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.prediction-context{background:#eff6ff;background:var(--blue-50);border:1px solid #bfdbfe;border:1px solid var(--blue-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4)}[data-theme=dark] .prediction-context{background:#3b82f61a;border-color:#1d4ed8;border-color:var(--blue-700)}.prediction-context__header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3)}.prediction-context__icon{flex-shrink:0}.prediction-context__icon .icon{color:#2563eb;color:var(--blue-600);height:1.25rem;width:1.25rem}[data-theme=dark] .prediction-context__icon .icon{color:#60a5fa;color:var(--blue-400)}.prediction-context__content{flex:1 1}.prediction-context__title{color:#1e3a8a;color:var(--blue-900);font-size:.875rem;font-weight:500;margin:0 0 .25rem;margin-bottom:var(--space-1)}[data-theme=dark] .prediction-context__title{color:#dbeafe;color:var(--blue-100)}.prediction-context__description{color:#1d4ed8;color:var(--blue-700);font-size:.875rem}[data-theme=dark] .prediction-context__description{color:#93c5fd;color:var(--blue-300)}.prediction-context__description p{margin:0}.icon{height:1.25rem;width:1.25rem}.icon--info{color:#2563eb;color:var(--blue-600)}[data-theme=dark] .icon--info{color:#60a5fa;color:var(--blue-400)}.prediction-results{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}[data-theme=dark] .prediction-results{background:#0000;border:none}.prediction-results__grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.prediction-results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.prediction-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--radius-sm);padding:1rem;padding:var(--space-4)}[data-theme=dark] .prediction-card{background:#0f172a;border-color:#374151;border-color:var(--gray-700)}.prediction-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2)}.prediction-card__sample-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500}[data-theme=dark] .prediction-card__sample-label{color:#d1d5db;color:var(--gray-300)}.prediction-card__main{margin-bottom:.75rem;margin-bottom:var(--space-3)}.prediction-card__value{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;line-height:2rem}[data-theme=dark] .prediction-card__value{color:#fff;color:var(--white)}.prediction-card__label{color:#6b7280;color:var(--gray-500);font-size:.75rem}[data-theme=dark] .prediction-card__label{color:#d1d5db;color:var(--gray-300)}.prediction-card__features{margin-top:.25rem;margin-top:var(--space-1)}.feature-item{color:#4b5563;color:var(--gray-600);font-size:.75rem;margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .feature-item{color:#d1d5db;color:var(--gray-300)}.prediction-card__probabilities{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:.5rem;margin-top:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}[data-theme=dark] .prediction-card__probabilities{border-color:#6b7280;border-color:var(--gray-500)}.probabilities__label{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .probabilities__label{color:#d1d5db;color:var(--gray-300)}.probability-item{color:#4b5563;color:var(--gray-600);font-size:.75rem}[data-theme=dark] .probability-item{color:#e5e7eb;color:var(--gray-200)}.toxicity-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.toxicity-badge--low{background-color:#16a34a1a;color:#16a34a;color:var(--green-600)}.toxicity-badge--medium{background-color:#ca8a041a;color:#ca8a04;color:var(--yellow-600)}.toxicity-badge--high{background-color:#dc26261a;color:#dc2626;color:var(--red-600)}.toxicity-badge--unknown{background-color:#6b72801a;color:#6b7280;color:var(--gray-500)}.prediction-container{background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6)}[data-theme=dark] .prediction-container{background:#0b1220;border:1px solid #374151;border:1px solid var(--gray-700)}.prediction-container__title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}[data-theme=dark] .prediction-container__title{color:#fff;color:var(--white)}.prediction-container__content{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.prediction-container__content{grid-template-columns:repeat(2,minmax(0,1fr))}}.model-selection{gap:1rem;gap:var(--space-4)}.model-selection,.model-selection__field{display:flex;flex-direction:column}.model-selection__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2)}.model-selection__label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500}[data-theme=dark] .model-selection__label{color:#d1d5db;color:var(--gray-300)}.model-selection__refresh-btn{background:none;border:none;color:#2563eb;color:var(--blue-600);cursor:pointer;font-size:.75rem;padding:0}.model-selection__refresh-btn:hover{color:#1e40af;color:var(--blue-800)}[data-theme=dark] .model-selection__refresh-btn{color:#60a5fa;color:var(--blue-400)}[data-theme=dark] .model-selection__refresh-btn:hover{color:#93c5fd;color:var(--blue-300)}.model-selection__select{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.75rem .5rem;padding:var(--space-3) var(--space-2);width:100%}.model-selection__select:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .model-selection__select{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.feature-inputs{display:flex;flex-direction:column}.feature-inputs__label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .feature-inputs__label{color:#d1d5db;color:var(--gray-300)}.feature-inputs__grid{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.feature-inputs__field{display:flex;flex-direction:column}.feature-inputs__field-label{color:#4b5563;color:var(--gray-600);display:block;font-size:.75rem;margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .feature-inputs__field-label{color:#9ca3af;color:var(--gray-400)}.feature-inputs__input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);width:100%}.feature-inputs__input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .feature-inputs__input{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.file-upload{display:flex;flex-direction:column}.file-upload__label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .file-upload__label{color:#d1d5db;color:var(--gray-300)}.file-upload__input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.75rem .5rem;padding:var(--space-3) var(--space-2);width:100%}.file-upload__input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .file-upload__input{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.file-upload__status{font-size:.875rem;margin-top:.25rem;margin-top:var(--space-1)}.file-upload__status--success{color:#16a34a;color:var(--green-600)}[data-theme=dark] .file-upload__status--success{color:var(--green-400)}.prediction-actions{gap:1rem;gap:var(--space-4)}.prediction-actions,.prediction-actions__section{display:flex;flex-direction:column}.prediction-actions__title{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .prediction-actions__title{color:#d1d5db;color:var(--gray-300)}.prediction-actions__buttons{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.btn{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;justify-content:center;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:background-color .2s}.btn:disabled{opacity:.5}.btn--primary{background:#2563eb;background:var(--blue-600);color:#fff;color:var(--white)}.btn--primary:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.btn--success{background:#16a34a;background:var(--green-600);color:#fff;color:var(--white)}.btn--success:hover:not(:disabled){background:var(--green-700)}.btn--full{width:100%}.alert{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.875rem;padding:.75rem;padding:var(--space-3)}.alert--success{background:#dcfce7;background:var(--green-100);color:#166534;color:var(--green-800)}[data-theme=dark] .alert--success{background:#f0fdf4;background:var(--green-50);color:#166534;color:var(--green-800)}.alert--error{background:#fecaca;background:var(--red-100);color:#991b1b;color:var(--red-800)}[data-theme=dark] .alert--error{background:#fef2f2;background:var(--red-50);color:#991b1b;color:var(--red-800)}.results-section{margin-top:1.5rem;margin-top:var(--space-6)}.results-section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.results-section__title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:500}[data-theme=dark] .results-section__title{color:#fff;color:var(--white)}.results-section__clear-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.875rem;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:color .2s}.results-section__clear-btn:hover{color:#1f2937;color:var(--gray-800)}[data-theme=dark] .results-section__clear-btn{color:#9ca3af;color:var(--gray-400)}[data-theme=dark] .results-section__clear-btn:hover{color:#e5e7eb;color:var(--gray-200)}.prediction-instructions{background:#eff6ff;background:var(--blue-50);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1.5rem;margin-top:var(--space-6);padding:1rem;padding:var(--space-4)}[data-theme=dark] .prediction-instructions{background:#3b82f61a}.prediction-instructions__title{color:#1e40af;color:var(--blue-800);font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .prediction-instructions__title{color:#93c5fd;color:var(--blue-300)}.prediction-instructions__list{color:#1d4ed8;color:var(--blue-700);font-size:.875rem;list-style:none;margin:0;padding:0}[data-theme=dark] .prediction-instructions__list{color:#60a5fa;color:var(--blue-400)}.prediction-instructions__list li{margin-bottom:.25rem;margin-bottom:var(--space-1)}.prediction-instructions__list li:last-child{margin-bottom:0}.feedback-modal{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-4);position:fixed;z-index:50;z-index:var(--z-50)}.feedback-modal__container{background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);max-height:70vh;max-width:36rem;overflow-y:auto;width:100%}[data-theme=dark] .feedback-modal__container{background:#1f2937;background:var(--gray-800)}.feedback-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4)}[data-theme=dark] .feedback-modal__header{border-color:#374151;border-color:var(--gray-700)}.feedback-modal__title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0}[data-theme=dark] .feedback-modal__title{color:#fff;color:var(--white)}.feedback-form{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.feedback-form,.feedback-section{padding:.75rem;padding:var(--space-3)}.feedback-section{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg)}[data-theme=dark] .feedback-section{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600)}.feedback-section--contact{padding:.5rem;padding:var(--space-2)}.feedback-section__title{color:#1f2937;color:var(--gray-800);font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .feedback-section__title{color:#e5e7eb;color:var(--gray-200)}.feedback-section__grid{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(1,minmax(0,1fr))}.feedback-section__grid--two-columns{grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:.75rem;margin-bottom:var(--space-3)}@media (min-width:768px){.feedback-section__grid--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.feedback-field{display:flex;flex-direction:column}.feedback-field__label{color:#374151;color:var(--gray-700);display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .feedback-field__label{color:#d1d5db;color:var(--gray-300)}.feedback-field__input,.feedback-field__select,.feedback-field__textarea{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .2s;width:100%}.feedback-field__input:focus,.feedback-field__select:focus,.feedback-field__textarea:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}.feedback-field__input--error,.feedback-field__select--error,.feedback-field__textarea--error{border-color:#ef4444;border-color:var(--red-500)}.feedback-field__textarea{min-height:80px;resize:vertical}[data-theme=dark] .feedback-field__input,[data-theme=dark] .feedback-field__select,[data-theme=dark] .feedback-field__textarea{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.feedback-field__error{color:#ef4444;color:var(--red-500)}.feedback-field__error,.feedback-field__help{font-size:.75rem;margin-top:.25rem;margin-top:var(--space-1)}.feedback-field__help{color:#6b7280;color:var(--gray-500)}[data-theme=dark] .feedback-field__help{color:#9ca3af;color:var(--gray-400)}.feedback-message{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.875rem;padding:.75rem;padding:var(--space-3)}.feedback-message--success{background:#dcfce7;background:var(--green-100);color:var(--green-700)}[data-theme=dark] .feedback-message--success{background:#f0fdf4;background:var(--green-50);color:var(--green-700)}.feedback-message--error{background:#fecaca;background:var(--red-100);color:#b91c1c;color:var(--red-700)}[data-theme=dark] .feedback-message--error{background:#fef2f2;background:var(--red-50);color:#b91c1c;color:var(--red-700)}.feedback-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;gap:var(--space-2);justify-content:flex-end;padding-top:.75rem;padding-top:var(--space-3)}[data-theme=dark] .feedback-actions{border-color:#374151;border-color:var(--gray-700)}.btn--secondary{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.btn--secondary:hover:not(:disabled){background:#d1d5db;background:var(--gray-300)}[data-theme=dark] .btn--secondary{background:#4b5563;background:var(--gray-600);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .btn--secondary:hover:not(:disabled){background:#6b7280;background:var(--gray-500)}.btn__spinner{animation:spin 1s linear infinite;height:1.25rem;width:1.25rem}.feedback-sidebar{background:#fff;background:var(--white);border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:20rem;z-index:40;z-index:var(--z-40)}[data-theme=dark] .feedback-sidebar{background:#1f2937;background:var(--gray-800);border-color:#374151;border-color:var(--gray-700)}.feedback-sidebar__header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem;padding:var(--space-4)}[data-theme=dark] .feedback-sidebar__header{background:#374151;background:var(--gray-700);border-color:#374151;border-color:var(--gray-700)}.feedback-sidebar__header-content{align-items:center;display:flex;justify-content:space-between}.feedback-sidebar__title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0}[data-theme=dark] .feedback-sidebar__title{color:#fff;color:var(--white)}.feedback-sidebar__close-btn{background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;padding:0;transition:color .2s}.feedback-sidebar__close-btn:hover{color:#4b5563;color:var(--gray-600)}[data-theme=dark] .feedback-sidebar__close-btn:hover{color:#d1d5db;color:var(--gray-300)}.feedback-sidebar__close-icon{height:1.5rem;width:1.5rem}.feedback-sidebar__content{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);padding:1rem;padding:var(--space-4)}.feedback-sidebar__stats{background:#eff6ff;background:var(--blue-50);border:1px solid #bfdbfe;border:1px solid var(--blue-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}[data-theme=dark] .feedback-sidebar__stats{background:#3b82f61a;border-color:#1d4ed8;border-color:var(--blue-700)}.feedback-sidebar__stats-title{color:#1e40af;color:var(--blue-800);font-size:.875rem;font-weight:500;margin-bottom:.75rem;margin-bottom:var(--space-3)}[data-theme=dark] .feedback-sidebar__stats-title{color:#93c5fd;color:var(--blue-300)}.feedback-sidebar__loading{padding:1rem 0;padding:var(--space-4) 0;text-align:center}.feedback-sidebar__spinner{animation:spin 1s linear infinite;border:2px solid #2563eb;border:2px solid var(--blue-600);border-radius:50%;border-top:2px solid #0000;height:1.5rem;margin:0 auto;width:1.5rem}.feedback-sidebar__stats-list{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;gap:var(--space-2)}.feedback-sidebar__stats-item{display:flex;justify-content:space-between}.feedback-sidebar__stats-label{color:#1d4ed8;color:var(--blue-700)}[data-theme=dark] .feedback-sidebar__stats-label{color:#60a5fa;color:var(--blue-400)}.feedback-sidebar__stats-value{color:#1e3a8a;color:var(--blue-900);font-weight:500}[data-theme=dark] .feedback-sidebar__stats-value{color:#bfdbfe;color:var(--blue-200)}.feedback-sidebar__stats-empty{color:#1d4ed8;color:var(--blue-700);font-size:.875rem}[data-theme=dark] .feedback-sidebar__stats-empty{color:#60a5fa;color:var(--blue-400)}.feedback-sidebar__actions{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.feedback-sidebar__actions-title{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}[data-theme=dark] .feedback-sidebar__actions-title{color:#fff;color:var(--white)}.feedback-sidebar__action-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:background-color .2s;width:100%}.feedback-sidebar__action-btn--primary{background:#2563eb;background:var(--blue-600);color:#fff;color:var(--white)}.feedback-sidebar__action-btn--primary:hover{background:#1d4ed8;background:var(--blue-700)}.feedback-sidebar__action-btn--secondary{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.feedback-sidebar__action-btn--secondary:hover{background:#e5e7eb;background:var(--gray-200)}[data-theme=dark] .feedback-sidebar__action-btn--secondary{background:#4b5563;background:var(--gray-600);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .feedback-sidebar__action-btn--secondary:hover{background:#6b7280;background:var(--gray-500)}.feedback-sidebar__action-icon{height:1.25rem;width:1.25rem}.feedback-sidebar__help{background:#f0fdf4;background:var(--green-50);border:1px solid var(--green-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}[data-theme=dark] .feedback-sidebar__help{background:#16a34a1a;border-color:var(--green-700)}.feedback-sidebar__help-title{color:#166534;color:var(--green-800);font-size:.875rem;font-weight:500;margin-bottom:.75rem;margin-bottom:var(--space-3)}[data-theme=dark] .feedback-sidebar__help-title{color:var(--green-300)}.feedback-sidebar__help-list{color:var(--green-700);display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;gap:var(--space-2)}[data-theme=dark] .feedback-sidebar__help-list{color:var(--green-400)}.feedback-sidebar__help-list p{margin:0}.feedback-sidebar__types{display:flex;flex-direction:column}.feedback-sidebar__types-title{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500;margin-bottom:.75rem;margin-bottom:var(--space-3)}[data-theme=dark] .feedback-sidebar__types-title{color:#fff;color:var(--white)}.feedback-sidebar__types-list{color:#4b5563;color:var(--gray-600);display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;gap:var(--space-2)}[data-theme=dark] .feedback-sidebar__types-list{color:#9ca3af;color:var(--gray-400)}.feedback-sidebar__type-item{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.feedback-sidebar__contact{background:#fefce8;background:var(--yellow-50);border:1px solid var(--yellow-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}[data-theme=dark] .feedback-sidebar__contact{background:#ca8a041a;border-color:var(--yellow-700)}.feedback-sidebar__contact-title{color:#92400e;color:var(--yellow-800);font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .feedback-sidebar__contact-title{color:var(--yellow-300)}.feedback-sidebar__contact-text{color:var(--yellow-700);font-size:.875rem;margin:0}[data-theme=dark] .feedback-sidebar__contact-text{color:var(--yellow-400)}.model-registry__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.model-registry__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .model-registry__title{color:#fff;color:var(--white)}.model-registry__health{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4)}[data-theme=dark] .model-registry__health{background:#374151;background:var(--gray-700)}.model-registry__health-title{color:#111827;color:var(--gray-900);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .model-registry__health-title{color:#fff;color:var(--white)}.model-registry__health-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;font-size:.875rem;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.model-registry__health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.model-registry__health-item{display:flex;flex-direction:column}.model-registry__health-label{color:#374151;color:var(--gray-700);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .model-registry__health-label{color:#d1d5db;color:var(--gray-300)}.model-registry__health-value{font-size:1.125rem;font-weight:700}.model-registry__health-value--total{color:#2563eb;color:var(--blue-600)}.model-registry__health-value--valid{color:#16a34a;color:var(--green-600)}.model-registry__health-value--corrupted{color:#dc2626;color:var(--red-600)}.model-registry__health-value--missing{color:#ca8a04;color:var(--yellow-600)}.model-registry__health-recommendations{margin-top:.75rem;margin-top:var(--space-3)}.model-registry__health-recommendations-label{color:var(--amber-700);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .model-registry__health-recommendations-label{color:var(--amber-400)}.model-registry__health-recommendations-list{color:var(--amber-600);font-size:.875rem;list-style:none;margin:0;padding:0}[data-theme=dark] .model-registry__health-recommendations-list{color:var(--amber-500)}.model-registry__health-recommendations-list li{margin-bottom:.25rem;margin-bottom:var(--space-1)}.model-registry__stats{background:#eff6ff;background:var(--blue-50);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4)}[data-theme=dark] .model-registry__stats{background:#3b82f61a}.model-registry__stats-title{color:#1e40af;color:var(--blue-800);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .model-registry__stats-title{color:#93c5fd;color:var(--blue-300)}.model-registry__stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;font-size:.875rem;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.model-registry__stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.model-registry__stats-item{display:flex;flex-direction:column}.model-registry__stats-label{color:#4b5563;color:var(--gray-600);margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .model-registry__stats-label{color:#9ca3af;color:var(--gray-400)}.model-registry__stats-value{color:#111827;color:var(--gray-900);font-weight:700}[data-theme=dark] .model-registry__stats-value{color:#fff;color:var(--white)}.model-registry__actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.model-registry__filters{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4)}[data-theme=dark] .model-registry__filters{background:#374151;background:var(--gray-700)}.model-registry__filters-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.model-registry__filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.model-registry__filter-input,.model-registry__filter-select{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s;width:100%}.model-registry__filter-input:focus,.model-registry__filter-select:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .model-registry__filter-input,[data-theme=dark] .model-registry__filter-select{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.model-registry__table-container{overflow-x:auto}.model-registry__table{border-collapse:collapse;width:100%}.model-registry__table-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}[data-theme=dark] .model-registry__table-header{border-color:#374151;border-color:var(--gray-700)}.model-registry__table-header-cell{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-weight:600;padding:.75rem;padding:var(--space-3);text-align:left}[data-theme=dark] .model-registry__table-header-cell{background:#374151;background:var(--gray-700);color:#fff;color:var(--white)}.model-registry__table-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);transition:background-color .2s}.model-registry__table-row:hover{background:#f9fafb;background:var(--gray-50)}[data-theme=dark] .model-registry__table-row{border-color:#374151;border-color:var(--gray-700)}[data-theme=dark] .model-registry__table-row:hover{background:#374151;background:var(--gray-700)}.model-registry__table-cell{padding:.75rem;padding:var(--space-3);vertical-align:top}.model-registry__table-cell--id{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem}.model-registry__table-cell--date,.model-registry__table-cell--size{font-size:.875rem}.model-registry__table-cell--accuracy{font-weight:500}.model-registry__model-type{background:#dbeafe;background:var(--blue-100);border-radius:.375rem;border-radius:var(--radius-sm);color:#1e40af;color:var(--blue-800);display:inline-block;font-size:.75rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}[data-theme=dark] .model-registry__model-type{background:#3b82f633;color:#93c5fd;color:var(--blue-300)}.model-registry__status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.model-registry__status-badge--valid{background:#dcfce7;background:var(--green-100);color:#166534;color:var(--green-800)}[data-theme=dark] .model-registry__status-badge--valid{background:#16a34a33;color:var(--green-400)}.model-registry__status-badge--corrupted{background:#fecaca;background:var(--red-100);color:#991b1b;color:var(--red-800)}[data-theme=dark] .model-registry__status-badge--corrupted{background:#ef444433;color:var(--red-400)}.model-registry__status-badge--missing{background:#fef3c7;background:var(--yellow-100);color:#92400e;color:var(--yellow-800)}[data-theme=dark] .model-registry__status-badge--missing{background:#ca8a0433;color:var(--yellow-400)}.model-registry__status-badge--unknown{background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800)}[data-theme=dark] .model-registry__status-badge--unknown{background:#9ca3af33;color:#9ca3af;color:var(--gray-400)}.model-registry__table-actions{display:flex;gap:.5rem;gap:var(--space-2)}.model-registry__action-btn{border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:background-color .2s}.model-registry__action-btn--view{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.model-registry__action-btn--view:hover{background:#e5e7eb;background:var(--gray-200)}[data-theme=dark] .model-registry__action-btn--view{background:#4b5563;background:var(--gray-600);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .model-registry__action-btn--view:hover{background:#6b7280;background:var(--gray-500)}.model-registry__action-btn--delete{background:#fecaca;background:var(--red-100);color:#b91c1c;color:var(--red-700)}.model-registry__action-btn--delete:hover{background:var(--red-200)}[data-theme=dark] .model-registry__action-btn--delete{background:#ef444433;color:var(--red-400)}[data-theme=dark] .model-registry__action-btn--delete:hover{background:#ef44444d}.model-registry__pagination{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem;margin-top:var(--space-6)}.model-registry__pagination-info{color:#4b5563;color:var(--gray-600);font-size:.875rem}[data-theme=dark] .model-registry__pagination-info{color:#9ca3af;color:var(--gray-400)}.model-registry__pagination-controls{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.model-registry__pagination-btn{border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .2s}.model-registry__pagination-btn--next,.model-registry__pagination-btn--prev{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.model-registry__pagination-btn--next:hover,.model-registry__pagination-btn--prev:hover{background:#d1d5db;background:var(--gray-300)}[data-theme=dark] .model-registry__pagination-btn--next,[data-theme=dark] .model-registry__pagination-btn--prev{background:#4b5563;background:var(--gray-600);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .model-registry__pagination-btn--next:hover,[data-theme=dark] .model-registry__pagination-btn--prev:hover{background:#6b7280;background:var(--gray-500)}.model-registry__pagination-btn--disabled{background:#f3f4f6;background:var(--gray-100);color:#9ca3af;color:var(--gray-400);cursor:not-allowed}[data-theme=dark] .model-registry__pagination-btn--disabled{background:#374151;background:var(--gray-700);color:#6b7280;color:var(--gray-500)}.model-registry__pagination-pages{display:flex;gap:.25rem;gap:var(--space-1)}.model-registry__pagination-page{background:#e5e7eb;background:var(--gray-200);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .2s}.model-registry__pagination-page:hover{background:#d1d5db;background:var(--gray-300)}.model-registry__pagination-page--active{background:#3b82f6;background:var(--blue-500);color:#fff;color:var(--white)}[data-theme=dark] .model-registry__pagination-page{background:#4b5563;background:var(--gray-600);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .model-registry__pagination-page:hover{background:#6b7280;background:var(--gray-500)}.model-registry__pagination-ellipsis{color:#6b7280;color:var(--gray-500);font-size:.875rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}[data-theme=dark] .model-registry__pagination-ellipsis{color:#9ca3af;color:var(--gray-400)}.model-registry__summary{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-top:1rem;margin-top:var(--space-4)}[data-theme=dark] .model-registry__summary{color:#9ca3af;color:var(--gray-400)}.trash-view__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.trash-view__title{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .trash-view__title{color:#fff;color:var(--white)}.trash-view__stats{background:#fef2f2;background:var(--red-50);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4)}[data-theme=dark] .trash-view__stats{background:#ef44441a}.trash-view__stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;font-size:.875rem;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.trash-view__stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.trash-view__stats-item{display:flex;flex-direction:column}.trash-view__stats-label{color:#4b5563;color:var(--gray-600);margin-bottom:.25rem;margin-bottom:var(--space-1)}[data-theme=dark] .trash-view__stats-label{color:#9ca3af;color:var(--gray-400)}.trash-view__stats-value{color:#111827;color:var(--gray-900);font-weight:700}[data-theme=dark] .trash-view__stats-value{color:#fff;color:var(--white)}.trash-view__actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.trash-view__actions,.trash-view__filters{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.trash-view__filters{background:#f9fafb;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}[data-theme=dark] .trash-view__filters{background:#374151;background:var(--gray-700)}.trash-view__filters-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.trash-view__filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.trash-view__filter-input,.trash-view__filter-select{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s;width:100%}.trash-view__filter-input:focus,.trash-view__filter-select:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .trash-view__filter-input,[data-theme=dark] .trash-view__filter-select{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.trash-view__table-container{overflow-x:auto}.trash-view__table{border-collapse:collapse;width:100%}.trash-view__table-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}[data-theme=dark] .trash-view__table-header{border-color:#374151;border-color:var(--gray-700)}.trash-view__table-header-cell{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-weight:600;padding:.75rem;padding:var(--space-3);text-align:left}[data-theme=dark] .trash-view__table-header-cell{background:#374151;background:var(--gray-700);color:#fff;color:var(--white)}.trash-view__table-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);transition:background-color .2s}.trash-view__table-row:hover{background:#f9fafb;background:var(--gray-50)}[data-theme=dark] .trash-view__table-row{border-color:#374151;border-color:var(--gray-700)}[data-theme=dark] .trash-view__table-row:hover{background:#374151;background:var(--gray-700)}.trash-view__table-cell{padding:.75rem;padding:var(--space-3);vertical-align:top}.trash-view__table-cell--id{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem}.trash-view__table-cell--date,.trash-view__table-cell--size{font-size:.875rem}.trash-view__table-cell--accuracy{font-weight:500}.trash-view__model-type{background:#dbeafe;background:var(--blue-100);border-radius:.375rem;border-radius:var(--radius-sm);color:#1e40af;color:var(--blue-800);display:inline-block;font-size:.75rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}[data-theme=dark] .trash-view__model-type{background:#3b82f633;color:#93c5fd;color:var(--blue-300)}.trash-view__table-actions{display:flex;gap:.5rem;gap:var(--space-2)}.trash-view__action-btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .2s}.trash-view__action-btn:disabled{cursor:not-allowed;opacity:.5}.trash-view__action-btn--restore{background:#dcfce7;background:var(--green-100);color:#166534;color:var(--green-800)}.trash-view__action-btn--restore:hover:not(:disabled){background:var(--green-200);color:var(--green-900)}[data-theme=dark] .trash-view__action-btn--restore{background:#16a34a33;color:var(--green-400)}[data-theme=dark] .trash-view__action-btn--restore:hover:not(:disabled){background:#16a34a4d;color:var(--green-300)}.trash-view__action-btn--delete{background:#fecaca;background:var(--red-100);color:#991b1b;color:var(--red-800)}.trash-view__action-btn--delete:hover:not(:disabled){background:var(--red-200);color:var(--red-900)}[data-theme=dark] .trash-view__action-btn--delete{background:#ef444433;color:var(--red-400)}[data-theme=dark] .trash-view__action-btn--delete:hover:not(:disabled){background:#ef44444d;color:#fca5a5;color:var(--red-300)}.trash-view__pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-top:1.5rem;margin-top:var(--space-6);padding-top:1rem;padding-top:var(--space-4)}[data-theme=dark] .trash-view__pagination{border-color:#374151;border-color:var(--gray-700)}.trash-view__pagination-info{color:#4b5563;color:var(--gray-600);font-size:.875rem}[data-theme=dark] .trash-view__pagination-info{color:#9ca3af;color:var(--gray-400)}.trash-view__pagination-controls{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.trash-view__pagination-btn{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.trash-view__pagination-btn:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.trash-view__pagination-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .trash-view__pagination-btn{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .trash-view__pagination-btn:hover:not(:disabled){background:#6b7280;background:var(--gray-500);border-color:#9ca3af;border-color:var(--gray-400)}.trash-view__pagination-pages{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.trash-view__pagination-page{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem;min-width:2.5rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:center;transition:all .2s}.trash-view__pagination-page:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.trash-view__pagination-page--active{background:#05055b;background:var(--primary);border-color:#05055b;border-color:var(--primary);color:#fff;color:var(--white)}[data-theme=dark] .trash-view__pagination-page{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .trash-view__pagination-page:hover{background:#6b7280;background:var(--gray-500);border-color:#9ca3af;border-color:var(--gray-400)}.trash-view__pagination-ellipsis{color:#6b7280;color:var(--gray-500);font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}[data-theme=dark] .trash-view__pagination-ellipsis{color:#9ca3af;color:var(--gray-400)}.trash-view__summary{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-top:1.5rem;margin-top:var(--space-6);padding:1rem;padding:var(--space-4);text-align:center}[data-theme=dark] .trash-view__summary{color:#9ca3af;color:var(--gray-400)}.prediction-table__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .prediction-table__title{color:#fff;color:var(--white)}.prediction-table__guide{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4)}[data-theme=dark] .prediction-table__guide{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600)}.prediction-table__guide-text{color:#111827;color:var(--gray-900);font-size:.875rem;margin:0}[data-theme=dark] .prediction-table__guide-text{color:#fff;color:var(--white)}.prediction-table__controls{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.prediction-table__control-group{display:flex;flex-direction:column}.prediction-table__control-label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .prediction-table__control-label{color:#d1d5db;color:var(--gray-300)}.prediction-table__control-input,.prediction-table__control-select{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.prediction-table__control-input:focus,.prediction-table__control-select:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .prediction-table__control-input,[data-theme=dark] .prediction-table__control-select{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.prediction-table__results-count{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:center}[data-theme=dark] .prediction-table__results-count{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.prediction-table__table-container{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);overflow-x:auto}[data-theme=dark] .prediction-table__table-container{background:#0b1220;border-color:#374151;border-color:var(--gray-700)}.prediction-table__table{border-collapse:collapse;width:100%}.prediction-table__table-header{background:#f9fafb;background:var(--gray-50)}[data-theme=dark] .prediction-table__table-header{background:#111827}.prediction-table__table-header-cell{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#111827;color:var(--gray-900);font-size:.75rem;font-weight:600;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left}.prediction-table__table-header-cell--sortable{cursor:pointer;transition:background-color .2s}.prediction-table__table-header-cell--sortable:hover{background:#f3f4f6;background:var(--gray-100)}[data-theme=dark] .prediction-table__table-header-cell{border-color:#374151;border-color:var(--gray-700);color:#fff;color:var(--white)}[data-theme=dark] .prediction-table__table-header-cell--sortable:hover{background:#4b5563;background:var(--gray-600)}.prediction-table__table-header-content{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.prediction-table__table-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);transition:background-color .2s}.prediction-table__table-row--even{background:#fff;background:var(--white)}.prediction-table__table-row--odd{background:#f9fafb;background:var(--gray-50)}.prediction-table__table-row:hover{background:#f3f4f6;background:var(--gray-100)}[data-theme=dark] .prediction-table__table-row{border-color:#374151;border-color:var(--gray-700)}[data-theme=dark] .prediction-table__table-row--even{background:#0f172a}[data-theme=dark] .prediction-table__table-row--odd{background:#111827}[data-theme=dark] .prediction-table__table-row:hover{background:#1f2937}.prediction-table__table-cell{font-size:.875rem;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);vertical-align:top}.prediction-table__table-cell--id{color:#111827;color:var(--gray-900);font-weight:500}[data-theme=dark] .prediction-table__table-cell--id{color:#fff;color:var(--white)}.prediction-table__table-cell--smiles{color:#4b5563;color:var(--gray-600);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .prediction-table__table-cell--smiles{color:#9ca3af;color:var(--gray-400)}.prediction-table__table-cell--feature{color:#4b5563;color:var(--gray-600);max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .prediction-table__table-cell--feature{color:#9ca3af;color:var(--gray-400)}.prediction-table__prediction-badge{border-radius:.75rem;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.prediction-table__prediction-badge--toxic{background:#fef2f2;background:var(--red-50);color:#b91c1c;color:var(--red-700)}[data-theme=dark] .prediction-table__prediction-badge--toxic{background:#ef444433;color:var(--red-400)}.prediction-table__prediction-badge--non-toxic{background:#f0fdf4;background:var(--green-50);color:var(--green-700)}[data-theme=dark] .prediction-table__prediction-badge--non-toxic{background:#16a34a33;color:var(--green-400)}.prediction-table__confidence{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.prediction-table__confidence-value{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}[data-theme=dark] .prediction-table__confidence-value{color:#fff;color:var(--white)}.prediction-table__confidence-bar{background:#e5e7eb;background:var(--gray-200);border-radius:.375rem;border-radius:var(--radius-sm);height:.5rem;width:4rem}[data-theme=dark] .prediction-table__confidence-bar{background:#4b5563;background:var(--gray-600)}.prediction-table__confidence-fill{background:#3b82f6;background:var(--blue-500);border-radius:.375rem;border-radius:var(--radius-sm);height:.5rem;transition:width .3s ease}.prediction-table__summary{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1.5rem;margin-top:var(--space-6);padding:1rem;padding:var(--space-4)}[data-theme=dark] .prediction-table__summary{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600)}.prediction-table__summary-title{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .prediction-table__summary-title{color:#fff;color:var(--white)}.prediction-table__summary-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr))}.prediction-table__summary-item{text-align:center}.prediction-table__summary-value{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-1)}.prediction-table__summary-value--annotated{color:#2563eb;color:var(--blue-600)}.prediction-table__summary-value--review{color:var(--amber-600)}.prediction-table__summary-value--accurate{color:#16a34a;color:var(--green-600)}[data-theme=dark] .prediction-table__summary-value{color:#fff;color:var(--white)}.prediction-table__summary-label{color:#4b5563;color:var(--gray-600);font-size:.875rem}[data-theme=dark] .prediction-table__summary-label{color:#9ca3af;color:var(--gray-400)}[data-theme=dark] .feedback-manager .border-gray-200{border-color:#374151;border-color:var(--gray-700)}[data-theme=dark] .feedback-manager .hover\:bg-gray-50:hover{background-color:#0f172a}[data-theme=dark] .feedback-manager .text-gray-900{color:#fff;color:var(--white)}[data-theme=dark] .feedback-manager .text-gray-600,[data-theme=dark] .feedback-manager .text-gray-700{color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .feedback-manager .text-gray-500{color:#9ca3af;color:var(--gray-400)}[data-theme=dark] .feedback-manager .bg-gray-50{background-color:#0b1220}[data-theme=dark] .feedback-manager .bg-white{background-color:#1f2937;background-color:var(--gray-800)}[data-theme=dark] .feedback-manager .text-blue-800{color:#dbeafe;color:var(--blue-100)}[data-theme=dark] .feedback-manager .text-blue-600{color:#93c5fd;color:var(--blue-300)}[data-theme=dark] .feedback-manager .text-yellow-800{color:#fef3c7;color:var(--yellow-100)}[data-theme=dark] .feedback-manager .text-yellow-600{color:#facc15}[data-theme=dark] .feedback-manager .text-green-800{color:#dcfce7;color:var(--green-100)}[data-theme=dark] .feedback-manager .text-green-600{color:#34d399}[data-theme=dark] .feedback-manager .text-gray-800{color:#e5e7eb;color:var(--gray-200)}[data-theme=dark] .feedback-manager .bg-blue-50{background-color:#3b82f62e}[data-theme=dark] .feedback-manager .border-blue-200{border-color:#1d4ed8;border-color:var(--blue-700)}[data-theme=dark] .feedback-manager .bg-yellow-50{background-color:#eab3082e}[data-theme=dark] .feedback-manager .border-yellow-200{border-color:#92400e;border-color:var(--yellow-800)}[data-theme=dark] .feedback-manager .bg-green-50{background-color:#10b9812e}[data-theme=dark] .feedback-manager .border-green-200{border-color:#166534;border-color:var(--green-800)}.ml-training__header{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.ml-training__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .ml-training__title{color:#fff;color:var(--white)}.ml-training__form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.ml-training__form-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .ml-training__form-label{color:#d1d5db;color:var(--gray-300)}.ml-training__form-input,.ml-training__form-select{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s;width:100%}.ml-training__form-input:focus,.ml-training__form-select:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}.ml-training__form-input:disabled,.ml-training__form-select:disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500);cursor:not-allowed}[data-theme=dark] .ml-training__form-input,[data-theme=dark] .ml-training__form-select{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}[data-theme=dark] .ml-training__form-input:disabled,[data-theme=dark] .ml-training__form-select:disabled{background:#374151;background:var(--gray-700);color:#9ca3af;color:var(--gray-400)}.ml-training__checkbox-label{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500}[data-theme=dark] .ml-training__checkbox-label{color:#d1d5db;color:var(--gray-300)}.ml-training__checkbox{accent-color:#3b82f6;accent-color:var(--blue-500);height:1rem;margin-right:.5rem;margin-right:var(--space-2);width:1rem}.ml-training__checkbox:disabled{cursor:not-allowed;opacity:.6}.ml-training__train-btn{align-items:center;background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s}.ml-training__train-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.ml-training__train-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .ml-training__train-btn:disabled{background:#6b7280;background:var(--gray-500)}.ml-training__loading{margin-top:.75rem;margin-top:var(--space-3);text-align:center}.ml-training__results{margin-top:var(--space-5)}.ml-training__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .ml-training__results-title{color:#fff;color:var(--white)}.ml-training__results-json{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:.75rem;line-height:1.4;overflow:auto;padding:1rem;padding:var(--space-4)}[data-theme=dark] .ml-training__results-json{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.training-curves{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1rem;margin-top:var(--space-4);padding:1.5rem;padding:var(--space-6)}[data-theme=dark] .training-curves{background:#1f2937;background:var(--gray-800);border-color:#374151;border-color:var(--gray-700)}.training-curves--empty{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.875rem;justify-content:center;min-height:200px}[data-theme=dark] .training-curves--empty{color:#9ca3af;color:var(--gray-400)}.training-curves__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.training-curves__title-group{flex:1 1;min-width:200px}.training-curves__title-group h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}[data-theme=dark] .training-curves__title-group h3{color:#fff;color:var(--white)}.training-curves__title-group span{color:#4b5563;color:var(--gray-600);display:block;font-size:.875rem}[data-theme=dark] .training-curves__title-group span{color:#9ca3af;color:var(--gray-400)}.training-curves__badges{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.training-curves__badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);white-space:nowrap}.training-curves__badge--success{background:#dcfce7;background:var(--green-100);color:#16a34a;color:var(--green-600)}[data-theme=dark] .training-curves__badge--success{background:#166534;background:var(--green-800);color:#f0fdf4;color:var(--green-50)}.training-curves__badge--info{background:#dbeafe;background:var(--blue-100);color:#1d4ed8;color:var(--blue-700)}[data-theme=dark] .training-curves__badge--info{background:#1e3a8a;background:var(--blue-900);color:#93c5fd;color:var(--blue-300)}.training-curves__chart-container{position:relative;width:100%}.visualization-display__selector{margin-bottom:var(--space-5)}.visualization-display__selector-label{color:#111827;color:var(--gray-900);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .visualization-display__selector-label{color:#fff;color:var(--white)}.visualization-display__selector-dropdown{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--gray-900);font-size:.875rem;min-width:12.5rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.visualization-display__selector-dropdown:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .visualization-display__selector-dropdown{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.visualization-display__content{margin-top:1rem;margin-top:var(--space-4)}.visualization-display__content-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .visualization-display__content-title{color:#fff;color:var(--white)}.visualization-display__image-container{text-align:center}.visualization-display__image{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);height:auto;max-width:50rem;width:100%}.visualization-display__chart-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;margin:var(--space-4) 0}.visualization-display__actions{align-items:center;align-self:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:center;margin-top:.75rem;margin-top:var(--space-3);text-align:center;width:100%}.visualization-display__charts-grid{display:flex;flex-direction:column;gap:var(--space-5);width:100%}.visualization-display__chart-item{align-items:center;display:flex;flex-direction:column}.visualization-display__chart-title{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3);text-align:center}[data-theme=dark] .visualization-display__chart-title{color:#fff;color:var(--white)}.dataset-exploration__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .dataset-exploration__title{color:#fff;color:var(--white)}.dataset-exploration__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.dataset-exploration__label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;white-space:nowrap}[data-theme=dark] .dataset-exploration__label{color:#d1d5db;color:var(--gray-300)}.dataset-exploration__input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;min-width:15rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.dataset-exploration__input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .dataset-exploration__input{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.dataset-exploration__explore-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s;white-space:nowrap}.dataset-exploration__explore-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.dataset-exploration__explore-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .dataset-exploration__explore-btn:disabled{background:#6b7280;background:var(--gray-500)}.dataset-exploration__loading{margin-top:.75rem;margin-top:var(--space-3);text-align:center}.dataset-exploration__results{margin-top:var(--space-5)}.dataset-exploration__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .dataset-exploration__results-title{color:#fff;color:var(--white)}.dataset-exploration__results-json{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:.75rem;line-height:1.4;margin:0;overflow:auto;padding:1rem;padding:var(--space-4)}[data-theme=dark] .dataset-exploration__results-json{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.feature-importance__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .feature-importance__title{color:#fff;color:var(--white)}.feature-importance__load-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;margin-left:2rem;margin-left:var(--space-8);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s}.feature-importance__load-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.feature-importance__load-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .feature-importance__load-btn:disabled{background:#6b7280;background:var(--gray-500)}.feature-importance__loading{margin-top:.75rem;margin-top:var(--space-3);text-align:center}.feature-importance__results{margin-top:var(--space-5)}.feature-importance__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .feature-importance__results-title{color:#fff;color:var(--white)}.feature-importance__results-json{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:.75rem;line-height:1.4;margin:0;overflow:auto;padding:1rem;padding:var(--space-4)}[data-theme=dark] .feature-importance__results-json{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.data-normalization__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .data-normalization__title{color:#fff;color:var(--white)}.data-normalization__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.data-normalization__label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;white-space:nowrap}[data-theme=dark] .data-normalization__label{color:#d1d5db;color:var(--gray-300)}.data-normalization__input,.data-normalization__select{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.data-normalization__input{min-width:15rem}.data-normalization__select{min-width:8rem}.data-normalization__input:focus,.data-normalization__select:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .data-normalization__input,[data-theme=dark] .data-normalization__select{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.data-normalization__normalize-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s;white-space:nowrap}.data-normalization__normalize-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.data-normalization__normalize-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .data-normalization__normalize-btn:disabled{background:#6b7280;background:var(--gray-500)}.data-normalization__loading{margin-top:.75rem;margin-top:var(--space-3);text-align:center}.data-normalization__results{margin-top:var(--space-5)}.data-normalization__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .data-normalization__results-title{color:#fff;color:var(--white)}.data-normalization__results-json{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:.75rem;line-height:1.4;margin:0;overflow:auto;padding:1rem;padding:var(--space-4)}[data-theme=dark] .data-normalization__results-json{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.correlation-analysis__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .correlation-analysis__title{color:#fff;color:var(--white)}.correlation-analysis__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.correlation-analysis__label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;white-space:nowrap}[data-theme=dark] .correlation-analysis__label{color:#d1d5db;color:var(--gray-300)}.correlation-analysis__input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;min-width:15rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.correlation-analysis__input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .correlation-analysis__input{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.correlation-analysis__checkbox-label{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;white-space:nowrap}[data-theme=dark] .correlation-analysis__checkbox-label{color:#d1d5db;color:var(--gray-300)}.correlation-analysis__checkbox{accent-color:#2563eb;accent-color:var(--blue-600);height:1rem;margin-right:.5rem;margin-right:var(--space-2);width:1rem}.correlation-analysis__analyze-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;margin-left:.75rem;margin-left:var(--space-3);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s;white-space:nowrap}.correlation-analysis__analyze-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.correlation-analysis__analyze-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .correlation-analysis__analyze-btn:disabled{background:#6b7280;background:var(--gray-500)}.correlation-analysis__loading{margin-top:.75rem;margin-top:var(--space-3);text-align:center}.correlation-analysis__results{margin-top:var(--space-5)}.correlation-analysis__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .correlation-analysis__results-title{color:#fff;color:var(--white)}.correlation-analysis__results-json{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:.75rem;line-height:1.4;margin:0;overflow:auto;padding:1rem;padding:var(--space-4)}[data-theme=dark] .correlation-analysis__results-json{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.data-visualization__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .data-visualization__title{color:#fff;color:var(--white)}.dataset-preview__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .dataset-preview__title{color:#fff;color:var(--white)}.dataset-preview__form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.dataset-preview__label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .dataset-preview__label{color:#d1d5db;color:var(--gray-300)}.dataset-preview__input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s;width:100%}.dataset-preview__input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}.dataset-preview__input:disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500);cursor:not-allowed}[data-theme=dark] .dataset-preview__input{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}[data-theme=dark] .dataset-preview__input:disabled{background:#374151;background:var(--gray-700);color:#9ca3af;color:var(--gray-400)}.dataset-preview__preview-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s}.dataset-preview__preview-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.dataset-preview__preview-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .dataset-preview__preview-btn:disabled{background:#6b7280;background:var(--gray-500)}.dataset-preview__loading{margin:1rem 0;margin:var(--space-4) 0;text-align:center}.dataset-preview__error{background:#fef2f2;background:var(--red-50);border:1px solid var(--red-200);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--red-800);margin:1rem 0;margin:var(--space-4) 0;padding:.75rem;padding:var(--space-3)}[data-theme=dark] .dataset-preview__error{background:var(--red-900);border-color:#b91c1c;border-color:var(--red-700);color:var(--red-200)}.dataset-preview__results{margin-top:var(--space-5)}.dataset-preview__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .dataset-preview__results-title{color:#fff;color:var(--white)}.dataset-preview__results-json{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:.75rem;line-height:1.4;margin:0;overflow:auto;padding:1rem;padding:var(--space-4)}[data-theme=dark] .dataset-preview__results-json{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.upload-file__title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .upload-file__title{color:#fff;color:var(--white)}.upload-file__input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);font-size:.875rem;margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.5rem;padding:var(--space-2);transition:all .2s;width:100%}.upload-file__input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}.upload-file__input:disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500);cursor:not-allowed}[data-theme=dark] .upload-file__input{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}[data-theme=dark] .upload-file__input:disabled{background:#374151;background:var(--gray-700);color:#9ca3af;color:var(--gray-400)}.upload-file__upload-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s;width:100%}.upload-file__upload-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.upload-file__upload-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .upload-file__upload-btn:disabled{background:#6b7280;background:var(--gray-500)}.upload-file__loading{margin:1rem 0;margin:var(--space-4) 0;text-align:center}.upload-file__error{background:#fef2f2;background:var(--red-50);border:1px solid var(--red-200);border-radius:.5rem;border-radius:var(--radius-md);color:#991b1b;color:var(--red-800);margin:1rem 0;margin:var(--space-4) 0;padding:.75rem;padding:var(--space-3)}[data-theme=dark] .upload-file__error{background:var(--red-900);border-color:#b91c1c;border-color:var(--red-700);color:var(--red-200)}.empty-state{background-color:#f9fafb;background-color:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);padding:var(--space-10) var(--space-5);text-align:center}[data-theme=dark] .empty-state{background-color:#1f2937;background-color:var(--gray-800);border-color:#4b5563;border-color:var(--gray-600);color:#9ca3af;color:var(--gray-400)}.empty-state__icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.empty-state__title{color:#374151;color:var(--gray-700);font-size:1.125rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}[data-theme=dark] .empty-state__title{color:#d1d5db;color:var(--gray-300)}.empty-state__message{font-size:.875rem;margin-bottom:var(--space-5)}.empty-state__action{margin-top:var(--space-5)}.info-tooltip{display:inline-block;position:relative}.info-tooltip__trigger{color:#2563eb;color:var(--blue-600);cursor:help;font-size:1rem;position:absolute;right:-25px;top:-5px;z-index:40;z-index:var(--z-40)}.info-tooltip__content{background-color:#111827;background-color:var(--gray-900);border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);font-size:.75rem;padding:.75rem;padding:var(--space-3);position:absolute;width:15.625rem;z-index:50;z-index:var(--z-50)}.info-tooltip__content--top-left{left:0;top:-25px}.info-tooltip__content--top-right{right:0;top:-25px}.info-tooltip__content--bottom-left{bottom:-25px;left:0}.info-tooltip__content--bottom-right{bottom:-25px;right:0}.info-tooltip__title{font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.info-tooltip__text{line-height:1.4}.info-tooltip__arrow{border-bottom:5px solid #111827;border-bottom:5px solid var(--gray-900);border-left:5px solid #0000;border-right:5px solid #0000;height:0;position:absolute;width:0}.info-tooltip__arrow--top-left{left:10px;top:100%}.info-tooltip__arrow--top-right{right:10px;top:100%}.info-tooltip__arrow--bottom-left{bottom:100%;left:10px}.info-tooltip__arrow--bottom-right{bottom:100%;right:10px}.loading-state{padding:3rem;padding:var(--space-10);text-align:center}.loading-state__icon{font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.loading-state__message{color:#4b5563;color:var(--gray-600)}[data-theme=dark] .loading-state__message{color:#9ca3af;color:var(--gray-400)}.error-state{background-color:#fef2f2;background-color:var(--red-50);border:2px solid #ef4444;border:2px solid var(--red-500);border-radius:.75rem;border-radius:var(--radius-lg);color:#b91c1c;color:var(--red-700);padding:var(--space-10) var(--space-5);text-align:center}[data-theme=dark] .error-state{background-color:var(--red-900);border-color:#dc2626;border-color:var(--red-600);color:#fca5a5;color:var(--red-300)}.error-state__icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.error-state__title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}.error-state__message{font-size:.875rem;margin-bottom:var(--space-5)}.error-state__retry-btn{background-color:#dc2626;background-color:var(--red-600);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s}.error-state__retry-btn:hover{background-color:#b91c1c;background-color:var(--red-700)}.loading-spinner{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.5rem;padding:var(--space-2)}.loading-spinner__spinner{animation:spin 1s linear infinite;border:2px solid #d1d5db;border-top:2px solid #2563eb;border:2px solid var(--gray-300);border-radius:50%;border-top-color:var(--blue-600)}.loading-spinner--small .loading-spinner__spinner{height:1rem;width:1rem}.loading-spinner--medium .loading-spinner__spinner{height:1.5rem;width:1.5rem}.loading-spinner--large .loading-spinner__spinner{height:2rem;width:2rem}.loading-spinner__text{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500}[data-theme=dark] .loading-spinner__text{color:#9ca3af;color:var(--gray-400)}.model-performance__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.model-performance__load-btn,[data-theme=dark] .model-performance__title{color:#fff;color:var(--white)}.model-performance__load-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;margin-left:2rem;margin-left:var(--space-8);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s}.model-performance__load-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.model-performance__load-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .model-performance__load-btn:disabled{background:#6b7280;background:var(--gray-500)}.model-performance__loading{margin-top:.75rem;margin-top:var(--space-3);text-align:center}.model-performance__results{margin-top:var(--space-5)}.model-performance__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .model-performance__results-title{color:#fff;color:var(--white)}.model-performance__results-json{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:.75rem;line-height:1.4;margin:0;overflow:auto;padding:1rem;padding:var(--space-4)}[data-theme=dark] .model-performance__results-json{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.dark-mode-toggle{background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.dark-mode-toggle:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.dark-mode-toggle.dark{background:#1f2937;background:var(--gray-800);border-color:#4b5563;border-color:var(--gray-600);color:#fff;color:var(--white)}.dark-mode-toggle.dark:hover,[data-theme=dark] .dark-mode-toggle{background:#374151;background:var(--gray-700)}[data-theme=dark] .dark-mode-toggle{border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}[data-theme=dark] .dark-mode-toggle:hover{background:#4b5563;background:var(--gray-600)}.compound-detail__title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}[data-theme=dark] .compound-detail__title{color:#fff;color:var(--white)}.compound-detail__search{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.compound-detail__input{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-sm);color:#111827;color:var(--gray-900);flex:1 1;font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s}.compound-detail__input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--blue-500);outline:none}[data-theme=dark] .compound-detail__input{background:#4b5563;background:var(--gray-600);border-color:#6b7280;border-color:var(--gray-500);color:#fff;color:var(--white)}.compound-detail__search-btn{background:#2563eb;background:var(--blue-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s;white-space:nowrap}.compound-detail__search-btn:hover:not(:disabled){background:#1d4ed8;background:var(--blue-700)}.compound-detail__search-btn:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}[data-theme=dark] .compound-detail__search-btn:disabled{background:#6b7280;background:var(--gray-500)}.compound-detail__loading{color:#4b5563;color:var(--gray-600);margin:1rem 0;margin:var(--space-4) 0}[data-theme=dark] .compound-detail__loading{color:#9ca3af;color:var(--gray-400)}.compound-detail__error{color:#dc2626;color:var(--red-600);margin:1rem 0;margin:var(--space-4) 0}[data-theme=dark] .compound-detail__error{color:var(--red-400)}.compound-detail__results{margin-top:var(--space-5)}.compound-detail__results-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}[data-theme=dark] .compound-detail__results-title{color:#fff;color:var(--white)}.compound-detail__details{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}[data-theme=dark] .compound-detail__details{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600)}.compound-detail__detail-item{color:#374151;color:var(--gray-700);font-size:.875rem;line-height:1.5;margin:.5rem 0;margin:var(--space-2) 0}[data-theme=dark] .compound-detail__detail-item{color:#d1d5db;color:var(--gray-300)}.compound-detail__detail-item strong{color:#111827;color:var(--gray-900);font-weight:600}[data-theme=dark] .compound-detail__detail-item strong{color:#fff;color:var(--white)}.layout{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--bg-card);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);box-shadow:0 4px 6px #05055b1a;box-shadow:0 4px 6px var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100vh;overflow-y:auto;padding:24px;position:sticky;top:0;width:280px}.sidebar,.sidebar-header{flex-shrink:0}.sidebar-header h2{color:#05055b;color:var(--primary);font-size:18px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}[data-theme=dark] .sidebar-header h2{color:#60a5fa}.sidebar-nav{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:4px}.sidebar-nav:first-of-type{max-height:150px;min-height:100px}.sidebar-nav:nth-of-type(2){max-height:200px;min-height:120px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.sidebar-upload{background:#f8fafc;border:1px solid #e2e8f0;flex-shrink:0;margin-bottom:12px;padding:12px}.sidebar-upload h3{color:#05055b}.sidebar-upload input[type=file]{background:#fff;border:1px solid #e2e8f0;color:#05055b}[data-theme=dark] .sidebar-upload input[type=file]{background:#f8fafc;background:var(--bg);border-color:#e2e8f0;border-color:var(--border);color:#05055b;color:var(--text)}.sidebar-upload button{background:#05055b;background:var(--primary);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px;text-transform:uppercase;width:100%}.sidebar-upload button:hover:not(:disabled){background:#050659;background:var(--secondary)}.sidebar-upload button:disabled{background:#64748b;background:var(--text-muted);cursor:not-allowed}.sidebar-item{background:#0000;border:1px solid #0000;border-radius:10px;color:#05055b;color:var(--text);cursor:pointer;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.sidebar-item:hover{background:#f8fafc;background:var(--bg);color:#05055b;color:var(--primary)}.sidebar-item.active{background:#05055b;background:var(--primary);border-color:#070751;border-color:var(--accent);color:#fff;color:var(--white)}[data-theme=dark] .sidebar-item{color:#05055b;color:var(--text)}[data-theme=dark] .sidebar-item:hover{background:#f8fafc;background:var(--bg);color:#60a5fa}[data-theme=dark] .sidebar-item.active{background:#05055b;background:var(--primary);border-color:#070751;border-color:var(--accent);color:#fff;color:var(--white)}.sidebar-card{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;flex-shrink:0;margin-bottom:12px;max-height:120px;overflow-y:auto;padding:14px}.sidebar-card .sidebar-item{font-size:13px;line-height:1.4;padding:8px 12px}.sidebar-card .sidebar-item div{display:inline-block;margin:2px 10px 2px 0}.sidebar-card .sidebar-item div:last-child{margin-right:0}.sidebar-card .sidebar-item strong{color:#64748b;color:var(--text-muted);font-size:12px}@media (-webkit-min-device-pixel-ratio:1.1),(min-resolution:1.1dppx){.sidebar-card{margin-bottom:8px;max-height:100px;padding:8px}.sidebar-card .sidebar-item{font-size:11px;line-height:1.2;padding:5px 8px}.sidebar-card .sidebar-item div{display:inline-block;margin:1px 8px 1px 0}.sidebar-card .sidebar-item div:last-child{margin-right:0}.sidebar-card .sidebar-item strong{font-size:10px}}@media (min-width:1px) and (max-width:9999px){.sidebar-card{max-height:120px}}[data-theme=dark] .sidebar-card{background:#fff;background:var(--bg-card);border-color:#e2e8f0;border-color:var(--border)}.sidebar-feedback{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);flex-shrink:0;margin-top:auto;padding-top:16px}.feedback-button{align-items:center;background:#05055b;background:var(--primary);border:none;border-radius:8px;box-shadow:0 2px 4px #05055b1a;box-shadow:0 2px 4px var(--shadow);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:background-color .2s ease;width:100%}.feedback-button:hover{background:#050659;background:var(--secondary)}.main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-x:hidden}.header{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 12px #05055b1a;box-shadow:0 4px 12px var(--shadow);color:#fff;color:var(--white);padding:20px 32px;position:sticky;top:0;z-index:10}.header h1{font-size:24px;letter-spacing:1px;text-transform:uppercase}.content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px 32px;width:100%}.footer{background:#fff;background:var(--bg-card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--text-muted);font-size:14px;margin-top:auto;padding:16px 32px;text-align:center}.tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px}.tab{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.tab:hover{background:#fff;background:var(--bg-card);color:#05055b;color:var(--primary)}.tab.active{background:#05055b;background:var(--primary);border-color:#05055b;border-color:var(--primary);border-bottom:2px solid #070751;border-bottom:2px solid var(--accent);color:#fff;color:var(--white)}[data-theme=dark] .tab{background:#f8fafc;background:var(--bg);border-color:#e2e8f0;border-color:var(--border);color:#64748b;color:var(--text-muted)}[data-theme=dark] .tab:hover{background:#fff;background:var(--bg-card);color:#60a5fa}[data-theme=dark] .tab.active{background:#05055b;background:var(--primary);border-color:#05055b;border-color:var(--primary);border-bottom:2px solid #070751;border-bottom:2px solid var(--accent);color:#fff;color:var(--white)}.dark-mode-toggle{align-items:center;background:#fff;background:var(--bg-card);border:2px solid #05055b;border:2px solid var(--primary);border-radius:20px;bottom:20px!important;color:#05055b;color:var(--text);cursor:pointer;display:flex;font-size:10px;font-weight:700;height:32px;justify-content:center;overflow:hidden;position:fixed!important;position:relative;right:20px!important;text-transform:uppercase;width:70px;z-index:1000}.dark-mode-toggle:before{background:#05055b;background:var(--primary);border-radius:16px;content:"";height:24px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:28px;z-index:1}.dark-mode-toggle span{position:relative;z-index:2}.dark-mode-toggle.dark:before{left:calc(100% - 30px)}.dark-mode-toggle.dark span{color:#fff;color:var(--white)}@media (max-width:1024px){.sidebar{padding:20px;width:240px}.sidebar-nav{max-height:180px}.sidebar-nav:first-of-type{max-height:120px;min-height:80px}.sidebar-nav:nth-of-type(2){max-height:180px;min-height:100px}.sidebar-card{margin-bottom:12px;max-height:100px;padding:12px}.sidebar-card .sidebar-item{font-size:12px;padding:7px 10px}.sidebar-card .sidebar-item strong{font-size:11px}}@media (max-width:768px){.layout{flex-direction:column}.sidebar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-right:none;height:auto;padding:16px;position:static;width:100%}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:8px;max-height:140px;overflow-y:auto}.sidebar-nav:first-of-type{max-height:100px;min-height:60px}.sidebar-nav:nth-of-type(2){max-height:150px;min-height:80px}.sidebar-card{margin-bottom:10px;max-height:90px;padding:10px}.sidebar-card .sidebar-item{font-size:11px;padding:6px 8px}.sidebar-card .sidebar-item div{margin:1px 0}.sidebar-card .sidebar-item strong{font-size:10px}.sidebar-item{flex:1 1;min-width:120px;text-align:center}.header{padding:16px 20px}.header h1{font-size:20px}.content{max-width:100%;padding:16px 20px}.tabs{gap:2px;margin-bottom:16px}.tab{min-width:80px;padding:10px 12px;text-align:center}.footer,.tab{font-size:12px}.footer{padding:12px 20px}.dark-mode-toggle{bottom:15px;font-size:9px;height:28px;right:15px;width:60px}.dark-mode-toggle:before{height:20px;width:24px}.dark-mode-toggle.dark:before{left:calc(100% - 26px)}}@media (max-width:640px){.sidebar{padding:12px}.sidebar-header h2{font-size:16px}.sidebar-nav{gap:6px;max-height:160px}.sidebar-nav:first-of-type{max-height:80px;min-height:50px}.sidebar-nav:nth-of-type(2){max-height:120px;min-height:60px}.sidebar-card{margin-bottom:8px;max-height:80px;padding:8px}.sidebar-card .sidebar-item{font-size:10px;padding:5px 6px}.sidebar-card .sidebar-item div{margin:1px 0}.sidebar-card .sidebar-item strong{font-size:9px}.sidebar-item{font-size:13px;min-width:100px;padding:10px 12px}.sidebar-upload{margin-bottom:10px;padding:10px}.sidebar-card{margin-bottom:12px;padding:12px}.sidebar-feedback{padding-top:12px}.feedback-button{font-size:12px;padding:8px 12px}.header h1{font-size:18px}.content{padding:12px 16px}.tab{font-size:11px;min-width:70px;padding:8px 10px}}@media (max-width:480px){.sidebar{padding:10px}.sidebar-header h2{font-size:14px}.sidebar-nav{gap:4px;max-height:140px}.sidebar-nav:first-of-type{max-height:70px;min-height:40px}.sidebar-nav:nth-of-type(2){max-height:100px;min-height:50px}.sidebar-card{margin-bottom:6px;max-height:70px;padding:6px}.sidebar-card .sidebar-item{font-size:9px;padding:4px 5px}.sidebar-card .sidebar-item div{margin:0}.sidebar-card .sidebar-item strong{font-size:8px}.sidebar-card .sidebar-item div{display:inline-block;margin-right:8px}.sidebar-card .sidebar-item div:last-child{margin-right:0}.sidebar-item{font-size:12px;min-width:80px;padding:8px 10px}.sidebar-upload{margin-bottom:8px;padding:8px}.sidebar-upload h3{font-size:12px}.sidebar-upload input[type=file]{font-size:11px;padding:6px}.sidebar-upload button{font-size:11px;padding:8px 12px}.sidebar-card{margin-bottom:10px;padding:10px}.sidebar-feedback{padding-top:10px}.feedback-button{font-size:11px;padding:6px 10px}.feedback-button svg{height:14px;width:14px}.header{padding:12px 16px}.header h1{font-size:16px}.content{padding:10px 12px}.tabs{gap:1px;margin-bottom:12px}.tab{font-size:10px;min-width:60px;padding:6px 8px}.footer{font-size:11px;padding:8px 12px}.dark-mode-toggle{bottom:8px;font-size:8px;height:24px;right:8px;width:50px}}.component-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #05055b1a;box-shadow:0 2px 8px var(--shadow);margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1200px;padding:24px;width:100%}.component-card h2,.component-card h3{color:#05055b;color:var(--primary);font-weight:700;margin-top:0;text-transform:uppercase}[data-theme=dark] .component-card h2,[data-theme=dark] .component-card h3{color:#60a5fa}.component-card h2{border-bottom:2px solid #05055b;border-bottom:2px solid var(--primary);font-size:20px;margin-bottom:20px;padding-bottom:8px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{text-transform:uppercase}.form-control,.form-group label{color:#05055b;color:var(--text);font-size:14px}.form-control{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;padding:12px 16px;transition:all .2s ease}.form-control:focus{background:#f8fafc;background:var(--bg);border-color:#05055b;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}[data-theme=dark] .form-control{background:#f8fafc;background:var(--bg);border-color:#e2e8f0;border-color:var(--border);color:#05055b;color:var(--text)}[data-theme=dark] .form-control:focus{background:#1e293b;border-color:#05055b;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.btn{border-radius:8px;font-size:14px;font-weight:700;text-transform:uppercase}.btn-primary{background:#05055b;background:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:#050659;background:var(--secondary)}.btn:disabled{background:#64748b;background:var(--text-muted);color:#fff;color:var(--white)}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-weight:500;margin:16px 0;padding:16px}[data-theme=dark] .error-message{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.loading-message{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--text-muted);display:flex;gap:8px;justify-content:center;margin:16px 0;padding:16px;text-align:center}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-weight:500;margin:16px 0;padding:16px}[data-theme=dark] .success-message{background:#14532d;border-color:#22c55e;color:#86efac}pre{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#05055b;color:var(--text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;overflow:auto;padding:16px}[data-theme=dark] pre{background:#1e293b;border-color:#e2e8f0;border-color:var(--border);color:#e2e8f0}select{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#05055b;color:var(--text);font-size:14px;padding:12px 16px}[data-theme=dark] select{background:#f8fafc;background:var(--bg);border-color:#e2e8f0;border-color:var(--border);color:#05055b;color:var(--text)}[data-theme=dark] select option{background:#1e293b;color:#05055b;color:var(--text)}.model-registry-table{border-collapse:collapse;overflow-x:auto}.status-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.status-badge--healthy{background-color:#dcfce7;background-color:var(--green-100);color:#166534;color:var(--green-800)}.status-badge--warning{background-color:#fef3c7;background-color:var(--yellow-100);color:#92400e;color:var(--yellow-800)}.status-badge--error{background-color:#fecaca;background-color:var(--red-100);color:#991b1b;color:var(--red-800)}.status-badge--info{background-color:#dbeafe;background-color:var(--blue-100);color:#1e40af;color:var(--blue-800)}.status-badge--neutral{background-color:#f3f4f6;background-color:var(--gray-100);color:#1f2937;color:var(--gray-800)}.specificity-badge{align-items:center;border-radius:.75rem;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.specificity-badge--ad-enriched{background:#f0fdf4;background:var(--green-50);color:#166534;color:var(--green-800)}.specificity-badge--aging-associated{background:#eff6ff;background:var(--blue-50);color:#1e40af;color:var(--blue-800)}.specificity-badge--inflammation-risk{background:#fefce8;background:var(--yellow-50);color:#92400e;color:var(--yellow-800)}.specificity-badge--cross-neurodegeneration{background:#faf5ff;background:var(--purple-50,#a855f726);color:#6b21a8;color:var(--purple-800,#9333eaf2)}[data-theme=dark] .specificity-badge--ad-enriched{background:#22c55e2e}[data-theme=dark] .specificity-badge--aging-associated{background:#3b82f62e}[data-theme=dark] .specificity-badge--inflammation-risk{background:#facc152e}[data-theme=dark] .specificity-badge--cross-neurodegeneration{background:#a855f729}.specificity-interpretation__summary{background:#f8fafc;background:var(--bg-light,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;margin:16px 0;padding:14px 16px}.specificity-interpretation__summary-title{font-weight:700;margin-bottom:8px}.specificity-interpretation__summary-list{margin:0 0 8px;padding-left:20px}.specificity-interpretation__summary-list li{margin-bottom:4px}.specificity-interpretation__legend{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;margin:12px 0 16px;padding:12px 14px}.specificity-interpretation__legend-title{font-weight:700;margin-bottom:10px}.specificity-interpretation__legend-list{list-style:none;margin:0;padding:0}.specificity-interpretation__legend-item{align-items:flex-start;display:flex;font-size:.9rem;gap:10px;line-height:1.45;margin-bottom:10px}.specificity-interpretation__reference{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem;margin:0}.specificity-interpretation__reference-note{font-style:italic}.specificity-interpretation__text{color:#05055b;color:var(--text,#1e293b);font-size:.85rem;line-height:1.45;margin:0}.specificity-interpretation__badges{display:flex;flex-wrap:wrap;gap:8px}.specificity-interpretation__score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.specificity-interpretation__muted{color:#64748b;color:var(--text-muted,#64748b)}.specificity-interpretation__sortable-header{border-bottom:1px solid #ddd;cursor:pointer;padding:8px 6px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.specificity-interpretation__sortable-header:hover{background:#0056b30f}.specificity-interpretation__sort-icon{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem;margin-left:4px}.specificity-interpretation__evidence-summary{color:#0056b3;cursor:pointer;font-size:.85rem;font-weight:600}.specificity-interpretation__evidence-list{font-size:.85rem;line-height:1.5;margin:8px 0 0;padding-left:18px}.specificity-interpretation__evidence-label{font-weight:600}.specificity-interpretation__evidence-yes{color:#166534;color:var(--green-800,#166534);font-weight:600}.specificity-interpretation__evidence-detail,.specificity-interpretation__evidence-no{color:#64748b;color:var(--text-muted,#64748b)}.specificity-interpretation__pathway-table-wrap{margin-top:16px;overflow-x:auto}.specificity-interpretation__pathway-table{border-collapse:collapse;font-size:14px;width:100%}.specificity-interpretation__pathway-table td,.specificity-interpretation__pathway-table th{border-bottom:1px solid #eee;padding:8px;text-align:left;vertical-align:top}.specificity-interpretation__pathway-table th{border-bottom:2px solid #ddd}.specificity-interpretation__pathway-name{font-weight:600;min-width:180px}[data-theme=dark] .specificity-interpretation__legend,[data-theme=dark] .specificity-interpretation__summary{background:#0f172a80}[data-theme=dark] .status-badge--healthy{background-color:#f0fdf4;background-color:var(--green-50);color:#166534;color:var(--green-800)}[data-theme=dark] .status-badge--warning{background-color:#fefce8;background-color:var(--yellow-50);color:#92400e;color:var(--yellow-800)}[data-theme=dark] .status-badge--error{background-color:#fef2f2;background-color:var(--red-50);color:#991b1b;color:var(--red-800)}[data-theme=dark] .status-badge--info{background-color:#eff6ff;background-color:var(--blue-50);color:#1e40af;color:var(--blue-800)}[data-theme=dark] .status-badge--neutral{background-color:#f9fafb;background-color:var(--gray-50);color:#1f2937;color:var(--gray-800)}@media (min-width:640px){.sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.table-container{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000000d;display:block;max-height:500px;max-width:100%;overflow-x:auto;overflow-y:auto;width:100%}.data-table{border-collapse:collapse;font-family:sans-serif;font-size:14px;min-width:600px;width:100%}.data-table th{background-color:#f8f9fa;border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px 16px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.data-table td{border-bottom:1px solid #eee;color:#555;padding:10px 16px;white-space:nowrap}.data-table tbody tr:nth-child(2n){background-color:#fcfcfc}.data-table tbody tr:hover{background-color:#eef2ff}.sidebar-upload{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.sidebar-upload h3{color:var(--primary);font-size:14px;font-weight:700;margin:0 0 12px;text-transform:uppercase}[data-theme=dark] .sidebar-upload h3{color:#60a5fa}.sidebar-upload input[type=file]{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;margin-bottom:12px;padding:8px;width:100%}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.header{align-items:center;background:linear-gradient(135deg,#05055b,#050659);background:linear-gradient(135deg,var(--primary,#05055b) 0,var(--secondary,#050659) 100%);border-bottom:1px solid #05055b;border-bottom:1px solid var(--primary,#05055b);box-shadow:0 2px 8px #05055b26;display:flex;justify-content:space-between;padding:20px 30px}.header h1{color:#fff;color:var(--white,#fff);font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0003}.user-menu{position:relative}.user-menu-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--white,#fff);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 16px;transition:all .3s ease}.user-menu-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow,.user-name{color:#fff;color:var(--white,#fff)}.dropdown-arrow{opacity:.8;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 10px 30px #0000001a;margin-top:8px;min-width:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.user-info{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:16px 20px}.user-email{font-size:14px;margin-bottom:4px}[data-theme=dark] .user-menu-dropdown{background:#1e293b;background:var(--bg-card,#1e293b);border-color:#475569;border-color:var(--border,#475569);box-shadow:0 10px 30px #0006}[data-theme=dark] .user-info{background:#0f172a;background:var(--bg,#0f172a);border-bottom-color:#475569;border-bottom-color:var(--border,#475569)}[data-theme=dark] .user-email{color:#cbd5e1;color:var(--text-muted,#cbd5e1)}[data-theme=dark] .menu-item{color:#f8fafc;color:var(--text,#f8fafc)}[data-theme=dark] .menu-item:hover{background:#0f172a;background:var(--bg,#0f172a)}[data-theme=dark] .menu-item svg{color:#cbd5e1;color:var(--text-muted,#cbd5e1)}[data-theme=dark] .menu-divider{background:#475569;background:var(--border,#475569)}[data-theme=dark] .subscription-tier{color:#cbd5e1;color:var(--text-muted,#cbd5e1)}.subscription-tier{border-radius:12px;display:inline-block;font-size:12px;padding:2px 8px}.menu-divider{background:#e1e5e9;height:1px}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:background-color .3s ease;width:100%}.menu-item:hover{background:#f8f9fa}.menu-item svg{color:#666;flex-shrink:0}.admin-login-section{align-items:center;display:flex}.admin-login-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--white,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.admin-login-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:768px){.header{padding:15px 20px}.header h1{font-size:1.5rem}.user-name{max-width:100px}.user-menu-dropdown{min-width:200px}}@media (max-width:480px){.header{align-items:stretch;flex-direction:column;gap:15px}.user-menu{align-self:flex-end}.user-menu-button{justify-content:center}.user-name{display:none}}.demo-runner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#fff;margin:1rem 0;padding:2rem}.demo-controls{align-items:flex-start;display:flex;gap:2rem}.demo-info{flex:1 1}.demo-info h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.demo-info p{font-size:1rem;margin:0 0 1rem;opacity:.9}.demo-config{background:#ffffff1a;border-radius:8px;margin:1rem 0;padding:1rem}.demo-config h4{font-size:1.1rem;margin:0 0 .5rem}.demo-config ul{margin:0;padding-left:1.2rem}.demo-config li{font-size:.9rem;margin:.25rem 0}.demo-error{background:#dc354533;border:1px solid #dc35454d;border-radius:8px;margin:1rem 0;padding:1rem}.demo-error h4{color:#ff6b6b;margin:0 0 .5rem}.demo-success{background:#28a74533;border:1px solid #28a7454d;border-radius:8px;margin:1rem 0;padding:1rem}.demo-success h4{color:#51cf66;margin:0 0 .5rem}.demo-actions{display:flex;flex-direction:column;gap:1rem;min-width:200px}.demo-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.demo-button:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.secondary-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.secondary-button:hover{background:#ffffff4d;border-color:#ffffff80}.demo-running{gap:1rem}.demo-progress,.demo-running{display:flex;flex-direction:column}.demo-progress{gap:.5rem}.progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#51cf66,#40c057);height:100%;transition:width .5s ease}.demo-progress span{font-size:.8rem;opacity:.8;text-align:center}.demo-status{font-size:.9rem;font-style:italic;opacity:.9;text-align:center}.tour-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tour-controls button{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .3s ease}.tour-controls button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.tour-controls button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.demo-controls{flex-direction:column;gap:1rem}.demo-actions{min-width:auto}.tour-controls{justify-content:stretch}.tour-controls button{flex:1 1}}.model-comparison{--comparison-primary:#0f766e;--comparison-primary-light:#14b8a6;--comparison-accent:#f59e0b;--comparison-success:#10b981;--comparison-danger:#ef4444;--comparison-bg:#f8fafc;--comparison-card-bg:#fff;--comparison-border:#e2e8f0;--comparison-text:#1e293b;--comparison-text-muted:#64748b;--comparison-better-bg:#10b98114;--comparison-better-border:#10b981;--comparison-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;--comparison-shadow-lg:0 10px 25px #0000001a,0 6px 10px #00000014;background:var(--comparison-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:1.5rem}.comparison__header{margin-bottom:2rem;text-align:center}.comparison__title{color:var(--comparison-text);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.comparison__subtitle{color:var(--comparison-text-muted);font-size:.95rem;margin:0}.comparison__selectors{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.comparison__selector{flex:1 1;max-width:400px;min-width:250px}.comparison__selector-label{color:var(--comparison-text);display:block;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.comparison__select{appearance:none;background:var(--comparison-card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border:2px solid var(--comparison-border);border-radius:8px;color:var(--comparison-text);cursor:pointer;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease;width:100%}.comparison__select:hover{border-color:var(--comparison-primary-light)}.comparison__select:focus{border-color:var(--comparison-primary);box-shadow:0 0 0 3px #0f766e26;outline:none}.comparison__select option:disabled{background:#f1f5f9;color:#94a3b8}.comparison__swap-btn{align-items:center;background:var(--comparison-card-bg);border:2px solid var(--comparison-border);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px}.comparison__swap-btn:hover:not(:disabled){background:var(--comparison-primary);border-color:var(--comparison-primary);color:#fff;transform:scale(1.05)}.comparison__swap-btn:disabled{cursor:not-allowed;opacity:.5}.comparison__swap-icon{font-size:1.25rem;font-weight:600}.comparison__content{display:flex;flex-direction:column;gap:1.5rem}.comparison__section{background:var(--comparison-card-bg);border:1px solid var(--comparison-border);border-radius:12px;box-shadow:var(--comparison-shadow);padding:1.5rem}.comparison__section-title{align-items:center;border-bottom:2px solid var(--comparison-border);color:var(--comparison-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.comparison__section-title:before{background:var(--comparison-primary);border-radius:2px;content:"";height:1.1rem;width:4px}.comparison__grid{display:flex;flex-direction:column;gap:0}.comparison__row{grid-gap:1rem;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;padding:.875rem 0}.comparison__row:last-child{border-bottom:none}.comparison__row:hover{background:#fafbfc;border-radius:6px;margin:0 -.75rem;padding-left:.75rem;padding-right:.75rem}.comparison__label{align-items:center;color:var(--comparison-text-muted);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.comparison__value{background:#f8fafc;border-radius:6px;color:var(--comparison-text);font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;font-weight:600;padding:.5rem .75rem;text-align:center}.comparison__value--left{background:linear-gradient(135deg,#f0fdf4,#f8fafc);border-left:3px solid var(--comparison-primary-light)}.comparison__value--right{background:linear-gradient(135deg,#fef3c7,#f8fafc);border-left:3px solid var(--comparison-accent)}.comparison__value--better{background:var(--comparison-better-bg)!important;border:2px solid var(--comparison-better-border)!important;position:relative}.comparison__value--better:after{background:var(--comparison-success);border:2px solid #fff;border-radius:50%;content:"";height:12px;position:absolute;right:-4px;top:-4px;width:12px}.comparison__artifacts{display:flex;flex-direction:column;gap:1rem}.comparison__artifacts-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.comparison__artifacts-label{color:var(--comparison-text-muted);font-size:.9rem;font-weight:500}.comparison__artifact-thumbnail,.comparison__artifacts-cell{display:flex;justify-content:center}.comparison__artifact-thumbnail{align-items:center;background:#f8fafc;border:2px solid var(--comparison-border);border-radius:8px;cursor:pointer;flex-direction:column;height:100px;overflow:hidden;position:relative;transition:all .2s ease;width:140px}.comparison__artifact-thumbnail:hover{border-color:var(--comparison-primary);box-shadow:var(--comparison-shadow-lg);transform:translateY(-2px)}.comparison__artifact-thumbnail img{height:80%;object-fit:contain;width:100%}.comparison__artifact-label{background:#fff;border-top:1px solid var(--comparison-border);color:var(--comparison-text-muted);font-size:.7rem;padding:.25rem;text-align:center;width:100%}.comparison__artifact-thumbnail--error{background:#fef2f2;border-color:#fecaca}.comparison__artifact-thumbnail--error:before{color:#9ca3af;content:"Not available";font-size:.75rem}.comparison__artifact-placeholder{align-items:center;background:#f1f5f9;border-radius:8px;color:#9ca3af;display:flex;font-size:1.5rem;height:100px;justify-content:center;width:140px}.comparison__summary{background:linear-gradient(135deg,#f0fdf4,#fffbeb);border:2px solid var(--comparison-primary-light)}.comparison__summary-content{display:flex;justify-content:center}.comparison__winner{align-items:center;border-radius:50px;display:flex;font-size:.95rem;gap:1rem;padding:1rem 1.5rem}.comparison__winner--left{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #34d399}.comparison__winner--right{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.comparison__winner--tie{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #a5b4fc}.comparison__winner-badge{border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase}.comparison__winner--left .comparison__winner-badge{background:#10b981;color:#fff}.comparison__winner--right .comparison__winner-badge{background:#f59e0b;color:#fff}.comparison__winner--tie .comparison__winner-badge{background:#6366f1;color:#fff}.comparison__winner-text{color:var(--comparison-text);font-weight:500}.comparison__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.comparison__modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.comparison__modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid var(--comparison-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.comparison__modal-header h4{color:var(--comparison-text);font-size:1rem;font-weight:600;margin:0}.comparison__modal-close{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.comparison__modal-close:hover{background:#cbd5e1;color:#1e293b}.comparison__modal-body{align-items:center;background:#f8fafc;display:flex;justify-content:center;overflow:auto;padding:1.5rem}.comparison__modal-image{border-radius:8px;box-shadow:var(--comparison-shadow);max-height:70vh;max-width:100%;object-fit:contain}@media (max-width:900px){.comparison__selectors{align-items:stretch;flex-direction:column}.comparison__selector{max-width:100%}.comparison__swap-btn{align-self:center;transform:rotate(90deg)}.comparison__row{gap:.5rem;grid-template-columns:1fr;padding:1rem 0}.comparison__label{color:var(--comparison-text);font-weight:600;margin-bottom:.25rem}.comparison__value{justify-self:stretch}.comparison__value--left:before{color:var(--comparison-text-muted);content:"Model A: ";font-weight:400}.comparison__value--right:before{color:var(--comparison-text-muted);content:"Model B: ";font-weight:400}.comparison__artifacts-row{gap:.75rem;grid-template-columns:1fr}.comparison__artifacts-label{border-top:1px solid var(--comparison-border);font-weight:600;padding-top:.5rem;text-align:center}.comparison__artifact-thumbnail{height:120px;width:180px}.comparison__winner{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.model-comparison{padding:1rem}.comparison__title{font-size:1.5rem}.comparison__section{padding:1rem}.comparison__artifact-thumbnail{height:100px;width:140px}}@media (prefers-color-scheme:dark){.model-comparison{--comparison-bg:#0f172a;--comparison-card-bg:#1e293b;--comparison-border:#334155;--comparison-text:#f1f5f9;--comparison-text-muted:#94a3b8;--comparison-better-bg:#10b98126}.comparison__select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E")}.comparison__value{background:#1e293b}.comparison__value--left{background:linear-gradient(135deg,#064e3b,#1e293b)}.comparison__value--right{background:linear-gradient(135deg,#78350f,#1e293b)}.comparison__artifact-thumbnail,.comparison__row:hover{background:#334155}.comparison__artifact-label{background:#1e293b;border-color:#334155}.comparison__modal{background:#1e293b}.comparison__modal-header{background:#0f172a;border-color:#334155}.comparison__modal-body{background:#0f172a}.comparison__modal-close{background:#334155;color:#94a3b8}.comparison__modal-close:hover{background:#475569;color:#f1f5f9}}:root{--dm-bg:#0f172a;--dm-bg-card:#1e293b;--dm-text:#f8fafc;--dm-text-muted:#cbd5e1;--dm-border:#475569;--dm-primary:#667eea;--dm-success:#10b981;--dm-error:#ef4444}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.auth-container .dark-mode-toggle{bottom:20px;position:fixed;right:20px;z-index:1000}.auth-header{color:#fff;margin-bottom:40px;text-align:center}.auth-header h1{font-size:2.5rem;font-weight:300;margin-bottom:10px}.auth-header p{font-size:1.1rem;opacity:.9}.auth-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-footer{color:#fff;margin-top:30px;opacity:.8;text-align:center}.auth-footer a{color:#fff;text-decoration:underline}.login-form,.register-form{width:100%}.login-form h2,.register-form h2{color:#333;font-weight:400;margin-bottom:30px;text-align:center}.form-group label{color:#555;font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{border:2px solid #e1e5e9;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group small{color:#666;display:block;font-size:.9rem;margin-top:5px}.form-footer{margin-top:20px;text-align:center}.link-button{color:#667eea}.link-button,.link-button-home{background:none;border:none;cursor:pointer;font-size:inherit;text-decoration:underline}.link-button-home{color:#fff}.link-button:hover{color:#5a6fd8}.error-message{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:20px;padding:10px}.btn{border:none;border-radius:6px;font-size:16px;padding:12px 24px;transition:all .3s ease}.btn:disabled{opacity:.6}.btn-primary{background:#667eea;width:100%}.btn-primary:hover:not(:disabled){background:#5a6fd8}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea}.btn-danger{background:#e74c3c}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-sm{font-size:14px;padding:6px 12px}.btn-secondary{align-items:center;background:#6c757d;color:#fff;display:flex;gap:8px}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn.current{background:#e5e7eb;color:#111827;cursor:default}.btn.current:hover{background:#e5e7eb;transform:none}.user-dashboard{background:#f8f9fa;min-height:100vh}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 30px}.user-info h1{color:#333;font-size:1.8rem;font-weight:400;margin:0 0 5px}.user-meta{gap:15px}.dashboard-actions,.user-meta{align-items:center;display:flex}.dashboard-actions{gap:12px}.close-btn{background:#6c757d!important;border:1px solid #6c757d;font-weight:600}.close-btn:hover:not(:disabled){background:#5a6268!important;border-color:#5a6268;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.subscription-tier{border-radius:20px;font-size:.9rem;font-weight:500;padding:4px 12px;text-transform:capitalize}.user-email{color:#666;font-size:.9rem}.dashboard-content{display:flex;min-height:calc(100vh - 80px)}.dashboard-sidebar{background:#fff;border-right:1px solid #e1e5e9;padding:20px 0;width:250px}.dashboard-nav{display:flex;flex-direction:column}.nav-item{background:none;border:none;border-left:3px solid #0000;color:#666;cursor:pointer;font-size:16px;padding:15px 30px;text-align:left;transition:all .3s ease}.nav-item:hover{background:#f8f9fa;color:#333}.nav-item.active{background:#f0f4ff;border-left-color:#667eea;color:#667eea}.dashboard-main{flex:1 1;overflow-y:auto;padding:30px}.subscription-manager{max-width:1200px}.api-usage-info,.create-key-form,.current-subscription,.profile-section,.usage-stats{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:30px;padding:20px}.subscription-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.usage-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.usage-item{display:flex;flex-direction:column;gap:8px}.usage-item label{color:#555;font-weight:500}.usage-bar{background:#e1e5e9;border-radius:4px;height:8px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.usage-item span{color:#666;font-size:.9rem}.subscription-plans{margin-bottom:30px}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.plan-card{background:#fff;border:2px solid #e1e5e9;border-radius:8px;padding:25px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea1a}.plan-card.current{background:#f8f9ff;border-color:#667eea}.plan-header{margin-bottom:20px;text-align:center}.plan-header h4{color:#333;font-size:1.5rem;margin:0 0 10px}.plan-price{align-items:center;display:flex;flex-direction:column;gap:5px}.price{color:#667eea;font-size:2rem;font-weight:600}.yearly-price{color:#666;font-size:.9rem}.plan-description{color:#666;margin-bottom:20px;text-align:center}.plan-features ul{list-style:none;margin:0 0 20px;padding:0}.plan-features li{border-bottom:1px solid #f0f0f0;color:#555;padding:8px 0}.plan-features li:last-child{border-bottom:none}.plan-features li:before{color:#28a745;content:"✓";font-weight:700;margin-right:10px}.plan-limits{margin-bottom:20px}.limit-item{color:#666;display:flex;font-size:.9rem;justify-content:space-between;padding:5px 0}.plan-actions{text-align:center}.api-key-manager{max-width:1000px}.api-key-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.new-key-display{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;margin-bottom:30px;padding:20px}.key-info{margin:15px 0}.key-value{align-items:center;display:flex;gap:10px;margin:10px 0}.key-value code{background:#f1f5f9;border-radius:4px;flex:1 1;font-family:monospace;padding:8px 12px;word-break:break-all}.warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#92400e;margin-top:15px;padding:10px}.keys-table{background:#fff;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;color:#555;font-weight:600}.table-header,.table-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;padding:15px 20px}.table-row{align-items:center;border-bottom:1px solid #f0f0f0}.table-row:last-child{border-bottom:none}.key-name{color:#333;font-weight:500}.key-description{color:#666;font-size:.9rem}.key-status{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fef3c7;color:#92400e}.status-revoked{background:#fee2e2;color:#991b1b}.key-created,.key-last-used{color:#666;font-size:.9rem}.key-actions{display:flex;gap:5px}.usage-examples h4{color:#333;margin:20px 0 10px}.usage-examples pre{background:#f8f9fa;border-radius:4px;font-size:.9rem;overflow-x:auto;padding:15px}.usage-examples ul{margin:10px 0;padding-left:20px}.usage-examples li{color:#666;margin:5px 0}.user-profile{max-width:800px}.profile-info{display:flex;flex-direction:column;gap:30px}.profile-section h3{color:#333;font-size:1.3rem;margin:0 0 20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#555;font-size:.9rem;font-weight:500}.info-item span{color:#333}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.message{border-radius:4px;margin:15px 0;padding:10px}.message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.empty-state,.loading{color:#666;padding:40px;text-align:center}[data-theme=dark] .auth-container{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .api-usage-info,[data-theme=dark] .auth-content,[data-theme=dark] .create-key-form,[data-theme=dark] .current-subscription,[data-theme=dark] .keys-table,[data-theme=dark] .plan-card,[data-theme=dark] .profile-section,[data-theme=dark] .usage-stats{background:#1e293b;background:var(--dm-bg-card);border-color:#475569;border-color:var(--dm-border);color:#f8fafc;color:var(--dm-text)}[data-theme=dark] .api-key-header h2,[data-theme=dark] .api-key-manager h2,[data-theme=dark] .api-keys-list h3,[data-theme=dark] .api-usage-info h3,[data-theme=dark] .api-usage-info h4,[data-theme=dark] .billing-management h3,[data-theme=dark] .current-subscription h3,[data-theme=dark] .info-item span,[data-theme=dark] .key-name,[data-theme=dark] .login-form h2,[data-theme=dark] .new-key-display strong,[data-theme=dark] .plan-header h4,[data-theme=dark] .profile-section h3,[data-theme=dark] .register-form h2,[data-theme=dark] .subscription-details strong,[data-theme=dark] .subscription-manager h2,[data-theme=dark] .subscription-plans h3,[data-theme=dark] .usage-stats h3,[data-theme=dark] .user-info h1,[data-theme=dark] .user-profile h2{color:#f8fafc;color:var(--dm-text)}[data-theme=dark] .billing-management p,[data-theme=dark] .empty-state,[data-theme=dark] .form-group label,[data-theme=dark] .form-group small,[data-theme=dark] .info-item label,[data-theme=dark] .key-created,[data-theme=dark] .key-description,[data-theme=dark] .key-last-used,[data-theme=dark] .limit-item,[data-theme=dark] .loading,[data-theme=dark] .new-key-display p,[data-theme=dark] .plan-description,[data-theme=dark] .plan-features li,[data-theme=dark] .subscription-details p,[data-theme=dark] .usage-examples li,[data-theme=dark] .usage-item label,[data-theme=dark] .usage-item span,[data-theme=dark] .user-email,[data-theme=dark] .user-meta,[data-theme=dark] .yearly-price{color:#cbd5e1;color:var(--dm-text-muted)}[data-theme=dark] .auth-content .form-group input,[data-theme=dark] .auth-content .form-group textarea,[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#0f172a;background:var(--dm-bg);border-color:#475569;border-color:var(--dm-border);color:#f8fafc;color:var(--dm-text)}[data-theme=dark] .auth-content .form-group input:focus,[data-theme=dark] .auth-content .form-group textarea:focus,[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{background:#0f172a;background:var(--dm-bg);border-color:#667eea;border-color:var(--dm-primary)}[data-theme=dark] .auth-content .form-group input:focus,[data-theme=dark] .auth-content .form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#cbd5e1;color:var(--dm-text-muted);opacity:.7}[data-theme=dark] .dashboard-main,[data-theme=dark] .key-value code,[data-theme=dark] .table-header,[data-theme=dark] .usage-bar,[data-theme=dark] .usage-examples pre,[data-theme=dark] .user-dashboard{background:#0f172a;background:var(--dm-bg)}[data-theme=dark] .dashboard-header,[data-theme=dark] .dashboard-sidebar{background:#1e293b;background:var(--dm-bg-card);border-bottom-color:#475569;border-bottom-color:var(--dm-border);border-right-color:#475569;border-right-color:var(--dm-border)}[data-theme=dark] .nav-item{color:#cbd5e1;color:var(--dm-text-muted)}[data-theme=dark] .nav-item:hover{background:#0f172a;background:var(--dm-bg);color:#f8fafc;color:var(--dm-text)}[data-theme=dark] .nav-item.active{background:#667eea26;border-left-color:#667eea;border-left-color:var(--dm-primary);color:#667eea;color:var(--dm-primary)}[data-theme=dark] .plan-card.current{background:#667eea1a;border-color:#667eea;border-color:var(--dm-primary)}[data-theme=dark] .plan-features li,[data-theme=dark] .table-row{border-bottom-color:#475569;border-bottom-color:var(--dm-border)}[data-theme=dark] .key-value code,[data-theme=dark] .usage-examples pre{border:1px solid #475569;border:1px solid var(--dm-border)}[data-theme=dark] .billing-period-toggle h4,[data-theme=dark] .usage-examples code{color:#f8fafc;color:var(--dm-text)}[data-theme=dark] .billing-period-toggle button{background:#1e293b;background:var(--dm-bg-card);border-color:#475569;border-color:var(--dm-border);color:#f8fafc;color:var(--dm-text)}[data-theme=dark] .billing-period-toggle button.active,[data-theme=dark] .billing-period-toggle button:hover{background:#667eea;background:var(--dm-primary);border-color:#667eea;border-color:var(--dm-primary);color:#fff}[data-theme=dark] .success-message{background:#10b9811a;border-color:#10b981;border-color:var(--dm-success)}[data-theme=dark] .success-message,[data-theme=dark] .success-message h2,[data-theme=dark] .success-message p{color:#10b981;color:var(--dm-success)}[data-theme=dark] .error-message{background:#ef44441a;border-color:#ef4444;border-color:var(--dm-error);color:#ef4444;color:var(--dm-error)}[data-theme=dark] .warning{background:#f59e0b1a;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .new-key-display{background:#0ea5e91a;border-color:#0ea5e9}[data-theme=dark] .new-key-display h3{color:#0ea5e9}[data-theme=dark] .status-active{background:#10b98133;color:#6ee7b7}[data-theme=dark] .status-inactive{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .status-revoked{background:#ef444433;color:#fca5a5}[data-theme=dark] .price{color:#667eea;color:var(--dm-primary)}[data-theme=dark] .btn.current{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}@media (max-width:768px){.dashboard-content{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #e1e5e9;border-right:none;width:100%}.dashboard-nav{flex-direction:row;overflow-x:auto}.nav-item{border-bottom:3px solid #0000;border-left:none;white-space:nowrap}.nav-item.active{border-bottom-color:#667eea;border-left:none}.plans-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:5px}.table-header{display:none}.table-row{border:1px solid #e1e5e9;border-radius:4px;display:block;margin-bottom:10px;padding:15px}.table-row>div{margin-bottom:5px}.table-row>div:before{color:#555;content:attr(data-label) ": ";font-weight:600}[data-theme=dark] .dashboard-sidebar{border-bottom-color:#475569;border-bottom-color:var(--dm-border)}[data-theme=dark] .nav-item.active{border-bottom-color:#667eea;border-bottom-color:var(--dm-primary)}[data-theme=dark] .table-row{border-color:#475569;border-color:var(--dm-border)}[data-theme=dark] .table-row>div:before{color:#cbd5e1;color:var(--dm-text-muted)}}.billing-success-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.billing-success-page .container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:500px;padding:2rem;text-align:center;width:90%}.billing-success-page .success h2{color:#28a745;font-size:2rem;margin-bottom:1rem}.billing-success-page .success p{color:#666;line-height:1.6;margin-bottom:1.5rem}.billing-success-page .error h2{color:#dc3545;font-size:2rem;margin-bottom:1rem}.billing-success-page .error p{color:#666;line-height:1.6;margin-bottom:1.5rem}.billing-success-page .loading h2{color:#007bff;font-size:1.5rem;margin-bottom:1rem}.billing-success-page .loading p{color:#666;margin-bottom:1.5rem}.subscription-manager .success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:2rem;padding:2rem;text-align:center}.subscription-manager .success-message h2{color:#155724;font-size:1.8rem;margin-bottom:1rem}.subscription-manager .success-message p{color:#155724;margin-bottom:1.5rem}.billing-management{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;padding:1.5rem}.billing-management h3{color:#495057;margin-bottom:.5rem}.billing-management p{color:#6c757d;margin-bottom:1.5rem}.billing-actions{display:flex;flex-wrap:wrap;gap:1rem}.billing-actions .btn{flex:1 1;min-width:150px}.btn{border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .15s ease-in-out}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3;border-color:#004085}.btn-outline{background-color:initial;border-color:#007bff;color:#007bff}.btn-outline:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.billing-period-toggle{display:flex;margin-bottom:1.5rem}.billing-period-toggle button{background:#fff;border:1px solid #007bff;color:#007bff;cursor:pointer;flex:1 1;font-size:1rem;margin-left:.5rem;margin-right:-.5rem;padding:.75rem;transition:background .15s ease-in-out,color .15s ease-in-out}.billing-period-toggle button.active,.billing-period-toggle button:hover{background:#007bff;color:#fff}.billing-period-toggle button:first-child{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.billing-period-toggle button:last-child{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}[data-theme=dark]{--dm-success:#10b981;--dm-info:#3b82f6}[data-theme=dark] .billing-success-page{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .billing-success-page .container{background:var(--dm-bg-card);color:var(--dm-text)}[data-theme=dark] .billing-success-page .success h2{color:var(--dm-success)}[data-theme=dark] .billing-success-page .error h2{color:var(--dm-error)}[data-theme=dark] .billing-success-page .loading h2{color:var(--dm-info)}[data-theme=dark] .billing-success-page .error p,[data-theme=dark] .billing-success-page .loading p,[data-theme=dark] .billing-success-page .success p{color:var(--dm-text-muted)}[data-theme=dark] .subscription-manager .success-message{background:#10b9811a;border-color:var(--dm-success)}[data-theme=dark] .subscription-manager .success-message h2,[data-theme=dark] .subscription-manager .success-message p{color:var(--dm-success)}[data-theme=dark] .billing-management{background:var(--dm-bg);border-color:#475569;border-color:var(--dm-border,#475569)}[data-theme=dark] .billing-management h3{color:var(--dm-text)}[data-theme=dark] .billing-management p{color:var(--dm-text-muted)}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-form{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;text-align:center;width:100%}.admin-login-form h2{color:#333;font-size:1.8em;margin-bottom:10px}.admin-login-form p{color:#666;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{display:flex;gap:15px;margin-top:30px}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s ease}.admin-login-button:hover:not(:disabled){transform:translateY(-2px)}.admin-login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.cancel-button{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#e9ecef;border-color:#ced4da}.admin-credentials{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px;text-align:left}.admin-credentials h4{color:#333;margin:0 0 15px}.admin-credentials p{color:#666;font-family:monospace;margin:5px 0}.admin-dashboard{background:#f8f9fa;min-height:100vh;position:relative}.admin-dashboard .dark-mode-toggle{bottom:20px;position:fixed;right:20px;z-index:1000}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.admin-header h1{color:#333;font-size:1.8em;margin:0}.admin-user-info{align-items:center;display:flex;gap:20px}.admin-user-info span{color:#666;font-weight:500}.admin-actions{display:flex;gap:10px}.back-button,.logout-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-button{background:#6c757d;color:#fff}.back-button:hover{background:#5a6268}.logout-button{background:#dc3545;color:#fff}.logout-button:hover{background:#c82333}.admin-tabs{background:#fff;border-bottom:1px solid #e1e5e9;display:flex;padding:0 30px}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:15px 20px;transition:all .3s ease}.admin-tab:hover{background:#f8f9fa;color:#333}.admin-tab.active{background:#f8f9fa;border-bottom-color:#667eea;color:#667eea}.admin-content{padding:30px}.admin-panel,.admin-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.admin-section{color:#666;text-align:center}.admin-panel h2{color:#333;font-size:1.5em;margin:0 0 20px}.admin-panel h3{color:#333;font-size:1.2em;margin:20px 0 15px}.pending-users-list{margin-top:20px}.pending-user-card{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;margin:15px 0;padding:20px;transition:all .3s ease}.pending-user-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.user-info h4{color:#333;font-size:1.1em;margin:0 0 10px}.user-info p{color:#666;font-size:14px;margin:5px 0}.status-pending{background:#fff3cd;border-radius:4px;color:#ffc107;font-size:12px;font-weight:600;padding:2px 8px}.user-actions{display:flex;gap:10px}.activate-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.activate-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.activate-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.refresh-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.refresh-button:hover{background:#0056b3;transform:translateY(-1px)}.loading{color:#666;font-size:16px;padding:40px;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin:20px 0;padding:15px}.access-denied{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 30px;text-align:center}.access-denied h2{color:#dc3545;margin-bottom:15px}.access-denied p{color:#666;font-size:16px;margin-bottom:30px}[data-theme=dark]{--dm-bg:var(--bg,#0f172a);--dm-bg-card:var(--bg-card,#1e293b);--dm-text:var(--text,#f8fafc);--dm-text-muted:var(--text-muted,#cbd5e1);--dm-border:var(--border,#475569);--dm-primary:#667eea;--dm-error:#ef4444}[data-theme=dark] .admin-login-container{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .admin-content,[data-theme=dark] .admin-dashboard{background:var(--dm-bg);color:var(--dm-text)}[data-theme=dark] .access-denied,[data-theme=dark] .admin-credentials,[data-theme=dark] .admin-header,[data-theme=dark] .admin-login-form,[data-theme=dark] .admin-panel,[data-theme=dark] .admin-section,[data-theme=dark] .admin-tabs,[data-theme=dark] .pending-user-card{background:var(--dm-bg-card);border-color:var(--dm-border);color:var(--dm-text)}[data-theme=dark] .admin-header,[data-theme=dark] .admin-tabs{border-bottom-color:var(--dm-border)}[data-theme=dark] .admin-credentials h4,[data-theme=dark] .admin-header h1,[data-theme=dark] .admin-login-form h2,[data-theme=dark] .admin-panel h2,[data-theme=dark] .admin-panel h3,[data-theme=dark] .user-info h4{color:var(--dm-text)}[data-theme=dark] .access-denied p,[data-theme=dark] .admin-credentials p,[data-theme=dark] .admin-login-form p,[data-theme=dark] .admin-user-info span,[data-theme=dark] .form-group label,[data-theme=dark] .loading,[data-theme=dark] .user-info p{color:var(--dm-text-muted)}[data-theme=dark] .form-input{background:var(--dm-bg);border-color:var(--dm-border);color:var(--dm-text)}[data-theme=dark] .form-input:focus{background:var(--dm-bg);border-color:var(--dm-primary);box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .form-input::placeholder{color:var(--dm-text-muted);opacity:.7}[data-theme=dark] .cancel-button{background:var(--dm-bg);border-color:var(--dm-border);color:var(--dm-text-muted)}[data-theme=dark] .cancel-button:hover{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .admin-tab{color:var(--dm-text-muted)}[data-theme=dark] .admin-tab:hover{background:var(--dm-bg);color:var(--dm-text)}[data-theme=dark] .admin-tab.active{background:#667eea1a;border-bottom-color:var(--dm-primary);color:var(--dm-primary)}[data-theme=dark] .pending-user-card{border-color:var(--dm-border)}[data-theme=dark] .status-pending{background:#ffc10733;color:#ffc107}[data-theme=dark] .access-denied{border:1px solid var(--dm-border)}[data-theme=dark] .access-denied h2{color:var(--dm-error)}[data-theme=dark] .error{background:#ef44441a;border-color:var(--dm-error);color:#fca5a5}[data-theme=dark] .subscription-analytics,[data-theme=dark] .webhook-event-log{background:var(--dm-bg);color:var(--dm-text)}[data-theme=dark] .analytics-header,[data-theme=dark] .events-header{border-bottom-color:var(--dm-border)}[data-theme=dark] .analytics-section,[data-theme=dark] .events-table-container,[data-theme=dark] .filters-section,[data-theme=dark] .metric-card,[data-theme=dark] .status-item{background:var(--dm-bg-card);border:1px solid var(--dm-border)}[data-theme=dark] .analytics-section h3,[data-theme=dark] .filter-group label{color:var(--dm-text)}[data-theme=dark] .analytics-footer,[data-theme=dark] .events-count,[data-theme=dark] .metric-box-label,[data-theme=dark] .metric-box-subtitle,[data-theme=dark] .metric-content h3,[data-theme=dark] .no-data,[data-theme=dark] .no-events,[data-theme=dark] .plan-count,[data-theme=dark] .status-name,[data-theme=dark] .timestamp,[data-theme=dark] .tooltip-value,[data-theme=dark] .user-id{color:var(--dm-text-muted)}[data-theme=dark] .events-table th{background:var(--dm-bg);border-bottom-color:var(--dm-border);color:var(--dm-text-muted)}[data-theme=dark] .events-table th.sortable:hover{background:var(--dm-bg-card)}[data-theme=dark] .events-table td{border-bottom-color:var(--dm-border);color:var(--dm-text)}[data-theme=dark] .event-details-row,[data-theme=dark] .event-row:hover{background:var(--dm-bg)}[data-theme=dark] .detail-item strong,[data-theme=dark] .details-content h4,[data-theme=dark] .details-content h5,[data-theme=dark] .metric-box-value,[data-theme=dark] .metric-value,[data-theme=dark] .plan-name,[data-theme=dark] .plan-percentage,[data-theme=dark] .raw-data h5,[data-theme=dark] .revenue-plan,[data-theme=dark] .status-count,[data-theme=dark] .tooltip-label{color:var(--dm-text)}[data-theme=dark] .raw-data pre{background:var(--dm-bg);border-color:var(--dm-border);color:var(--dm-text)}[data-theme=dark] .analytics-footer{border-top-color:var(--dm-border)}.analytics-header{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-color,#e9ecef);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.analytics-header h2{color:#333;color:var(--text-primary,#333);margin:0}.header-actions{align-items:center;display:flex;gap:15px}.analytics-filters{align-items:end;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:150px}.filter-group label{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:600;margin-bottom:2px}.filter-group .filter-select{width:100%}[data-theme=dark] .analytics-filters{background:var(--dm-bg-card);border:1px solid var(--dm-border)}[data-theme=dark] .filter-group label{color:var(--dm-text)}.plan-distribution{margin-bottom:20px}.plan-bar{align-items:center;display:flex;gap:15px;margin-bottom:15px}.plan-label{display:flex;justify-content:space-between;min-width:150px}.plan-name{color:#333;color:var(--text-primary,#333);font-weight:500}.plan-count{color:#666;color:var(--text-secondary,#666);font-size:14px}.plan-progress{background:#f8f9fa;background:var(--light-bg,#f8f9fa);border-radius:10px;flex:1 1;height:20px;overflow:hidden}.plan-fill{background:linear-gradient(90deg,#007bff,#28a745);height:100%;transition:width .3s ease}.plan-percentage{color:#333;color:var(--text-primary,#333);font-weight:500;min-width:60px;text-align:right}.status-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{background:#f8f9fa;background:var(--light-bg,#f8f9fa);border-radius:8px;padding:15px;text-align:center}.status-name{color:#666;color:var(--text-secondary,#666);font-size:14px;margin-bottom:5px}.status-count{color:#333;color:var(--text-primary,#333);font-size:20px;font-weight:700}.analytics-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--border-color,#e9ecef);color:#999;color:var(--text-muted,#999);margin-top:30px;padding-top:20px;text-align:center}.revenue-breakdown{margin-bottom:20px}.revenue-item{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color,#e9ecef);display:flex;justify-content:space-between;padding:12px 0;transition:all .2s ease}.revenue-item:last-child{border-bottom:none}.usage-item-hover:hover{background:#f8f9fa;background:var(--light-bg,#f8f9fa);border-radius:6px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.user-item{margin-bottom:10px}.user-details{background:#f8f9fa;background:var(--light-bg,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:6px;margin-top:8px;padding:15px}.user-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:15px}.user-details-section h4{color:#333;color:var(--text-primary,#333);font-size:14px;margin:0 0 10px}.user-details-empty{color:#999;color:var(--text-muted,#999);font-size:13px}.user-details-list{display:flex;flex-direction:column;gap:6px}.user-details-item{display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.user-details-footer-label,.user-details-item-date{color:#666;color:var(--text-secondary,#666)}.user-details-footer-value,.user-details-item-value{color:#333;color:var(--text-primary,#333);font-weight:600}.user-details-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--border-color,#e9ecef);display:flex;font-size:13px;gap:20px;margin-top:15px;padding-top:15px}.revenue-amount{color:#28a745;color:var(--success-color,#28a745);font-weight:700}[data-theme=dark] .revenue-item{border-bottom-color:var(--dm-border)}[data-theme=dark] .usage-item-hover:hover{background:var(--dm-bg)}[data-theme=dark] .user-details{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .user-details-footer-value,[data-theme=dark] .user-details-item-value,[data-theme=dark] .user-details-section h4{color:var(--dm-text)}[data-theme=dark] .user-details-empty,[data-theme=dark] .user-details-footer-label,[data-theme=dark] .user-details-item-date{color:var(--dm-text-muted)}[data-theme=dark] .user-details-footer{border-top-color:var(--dm-border)}[data-theme=dark] .revenue-amount{color:#86efac}[data-theme=dark] .plan-progress{background:var(--dm-bg)}[data-theme=dark] .status-item{background:var(--dm-bg-card);border:1px solid var(--dm-border)}[data-theme=dark] .status-count{color:var(--dm-text)}.tier-analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:30px}.tier-analytics-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #00000005;padding:20px;transition:all .3s ease}.tier-analytics-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-3px)}.tier-analytics-title{border-bottom:1px solid #f1f3f5;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:10px;text-transform:capitalize}.tier-analytics-metric{align-items:center;display:flex;font-size:15px;justify-content:space-between;margin-bottom:12px}.metric-label{color:#6c757d;font-size:14px}.metric-value{color:#2c3e50;font-weight:600;text-align:right}.tier-basic,.tier-enterprise,.tier-free,.tier-professional{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px;text-transform:capitalize}.tier-free{background:#e8f4fd;color:#1976d2}.tier-basic{background:#e8f5e8;color:#2e7d32}.tier-professional{background:#fff3e0;color:#f57c00}.tier-enterprise{background:#f3e5f5;color:#7b1fa2}[data-theme=dark] .tier-free{background:#1976d233;color:#64b5f6}[data-theme=dark] .tier-basic{background:#2e7d3233;color:#81c784}[data-theme=dark] .tier-professional{background:#f57c0033;color:#ffb74d}[data-theme=dark] .tier-enterprise{background:#7b1fa233;color:#ba68c8}.api-usage-analytics{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);min-height:100vh;padding:20px}.top-users-widget{display:flex;flex-direction:column;gap:12px}.top-user-item{align-items:center;background:#f8f9fa;background:var(--light-bg,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;display:flex;gap:15px;padding:16px 20px;transition:all .3s ease}.top-user-item:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.top-user-rank{flex-shrink:0}.rank-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.top-user-item:first-child .rank-badge{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 8px #ffd70066;color:#333}.top-user-item:nth-child(2) .rank-badge{background:linear-gradient(135deg,silver,#e8e8e8);box-shadow:0 2px 8px #c0c0c066;color:#333}.top-user-item:nth-child(3) .rank-badge{background:linear-gradient(135deg,#cd7f32,#d4a574);box-shadow:0 2px 8px #cd7f3266;color:#fff}.top-user-info{flex:1 1;min-width:200px}.top-user-name{color:#333;color:var(--text-primary,#333);font-size:15px;font-weight:600;margin-bottom:4px}.top-user-email{color:#666;color:var(--text-secondary,#666);font-size:13px}.top-user-tier{flex-shrink:0}.top-user-stats{flex-shrink:0;min-width:100px;text-align:right}.top-user-calls{color:#333;color:var(--text-primary,#333);font-size:20px;font-weight:700;margin-bottom:2px}.top-user-calls-label{color:#999;color:var(--text-muted,#999);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.top-user-progress{background:#e9ecef;background:var(--light-bg,#e9ecef);border-radius:4px;flex:1 1;height:8px;max-width:200px;overflow:hidden}.top-user-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .6s ease}[data-theme=dark] .top-user-item{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .top-user-item:hover{border-color:#667eea}[data-theme=dark] .top-user-name{color:var(--dm-text)}[data-theme=dark] .top-user-email{color:var(--dm-text-muted)}[data-theme=dark] .top-user-calls{color:var(--dm-text)}[data-theme=dark] .top-user-calls-label{color:var(--dm-text-muted)}[data-theme=dark] .top-user-progress{background:var(--dm-bg)}.category-stat-card{background:#f8f9fa;background:var(--light-bg,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.category-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.category-icon{height:48px;margin:0 auto 10px;position:relative;width:48px}.category-icon,.category-icon:before{align-items:center;display:flex;justify-content:center}.category-icon:before{color:#333;color:var(--text-primary,#333);content:"";font-size:24px;font-weight:700;position:absolute}.icon-models:before{border:3px solid #667eea;border-radius:50%;content:"";height:32px;position:relative;width:32px}.icon-models:after{background:#667eea;border-radius:50%;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.icon-datasets:before{border:4px solid #2e7d32;border-top-color:#0000;content:"";height:28px;position:relative;width:28px}.icon-datasets:after{background:#2e7d32;box-shadow:-8px 0 0 #2e7d32,8px 0 0 #2e7d32;content:"";height:8px;left:50%;position:absolute;top:35%;transform:translateX(-50%);width:8px}.icon-predictions:before{border-bottom:28px solid #f57c00;border-left:16px solid #0000;border-right:16px solid #0000;content:"";height:0;position:relative;width:0}.icon-predictions:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-20%);width:6px}.icon-training:before{height:6px;position:relative;width:32px}.icon-training:after,.icon-training:before{background:#d32f2f;border-radius:3px;content:""}.icon-training:after{height:20px;left:13px;position:absolute;top:-7px;width:6px}.icon-auth:before{border:3px solid #1976d2;border-radius:3px;content:"";height:24px;position:relative;width:20px}.icon-auth:after{border:3px solid #1976d2;border-bottom:none;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:12px}.icon-other:before{border:3px solid #757575;border-radius:4px;content:"";height:28px;position:relative;width:28px}.icon-other:after{background:#757575;box-shadow:0 -6px 0 #757575,0 6px 0 #757575;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.category-name{font-size:14px;font-weight:600;margin-bottom:8px;text-transform:capitalize}.category-count,.category-name{color:#333;color:var(--text-primary,#333)}.category-count{font-size:24px;font-weight:700;margin-bottom:4px}.category-percentage{color:#999;color:var(--text-muted,#999);font-size:12px}[data-theme=dark] .category-stat-card{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .category-count,[data-theme=dark] .category-name{color:var(--dm-text)}[data-theme=dark] .category-percentage{color:var(--dm-text-muted)}[data-theme=dark] .category-icon:after,[data-theme=dark] .category-icon:before{opacity:.9}[data-theme=dark] .icon-models:before{border-color:#8b9eef}[data-theme=dark] .icon-models:after{background:#8b9eef}[data-theme=dark] .icon-datasets:before{border-color:#66bb6a}[data-theme=dark] .icon-datasets:after{background:#66bb6a;box-shadow:-8px 0 0 #66bb6a,8px 0 0 #66bb6a}[data-theme=dark] .icon-predictions:before{border-bottom-color:#ffb74d}[data-theme=dark] .icon-training:after,[data-theme=dark] .icon-training:before{background:#e57373}[data-theme=dark] .icon-auth:after,[data-theme=dark] .icon-auth:before{border-color:#64b5f6}[data-theme=dark] .icon-other:before{border-color:#9e9e9e}[data-theme=dark] .icon-other:after{background:#9e9e9e;box-shadow:0 -6px 0 #9e9e9e,0 6px 0 #9e9e9e}.model-type-comparison{display:flex;flex-direction:column;gap:20px}.model-type-item{align-items:center;background:#f8f9fa;background:var(--light-bg,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.model-type-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.model-type-header{align-items:center;display:flex;flex:1 1;gap:15px}.model-type-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.icon-neural-network:before{background:#fff;border-radius:2px;box-shadow:0 8px 0 #fff,0 16px 0 #fff,0 24px 0 #fff;content:"";height:4px;left:10px;position:absolute;top:12px;width:28px}.icon-neural-network:after{background:#ffffff4d;border-radius:2px;box-shadow:14px 0 0 #ffffff4d;content:"";height:28px;left:14px;position:absolute;top:10px;width:4px}.icon-classical-model:before{background:#fff;border-radius:2px 2px 0 0;bottom:12px;box-shadow:8px -6px 0 #fff,16px -2px 0 #fff;content:"";height:12px;left:12px;position:absolute;width:5px}.icon-classical-model:after{background:#ffffff80;bottom:12px;content:"";height:2px;left:10px;position:absolute;width:28px}.model-type-name{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600;margin-bottom:4px}.model-type-desc{color:#666;color:var(--text-secondary,#666);font-size:13px}.model-type-stats{align-items:center;display:flex;flex-shrink:0;gap:15px}.model-type-count{color:#333;color:var(--text-primary,#333);font-size:28px;font-weight:700}.model-type-percentage{color:#666;color:var(--text-secondary,#666);font-size:20px;font-weight:600;min-width:60px;text-align:right}.model-type-total{background:#f8f9fa;background:var(--light-bg,#f8f9fa);border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:8px;color:#333;color:var(--text-primary,#333);font-size:15px;padding:15px 20px;text-align:center}[data-theme=dark] .model-type-item{background:var(--dm-bg-card);border-color:var(--dm-border)}[data-theme=dark] .model-type-count,[data-theme=dark] .model-type-name{color:var(--dm-text)}[data-theme=dark] .model-type-desc,[data-theme=dark] .model-type-percentage{color:var(--dm-text-muted)}[data-theme=dark] .model-type-total{background:var(--dm-bg-card);border-color:var(--dm-border);color:var(--dm-text)}.metrics-horizontal{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.metric-box{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;min-width:180px;padding:20px 24px;transition:all .2s ease}.metric-box:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.metric-box-label{color:#666;color:var(--text-secondary,#666);font-size:13px;font-weight:500;margin-bottom:8px}.metric-box-value{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:700;line-height:1.2;margin-bottom:4px}.metric-box-subtitle{color:#999;color:var(--text-muted,#999);font-size:11px}[data-theme=dark] .metric-box{background:var(--dm-bg-card);border-color:var(--dm-border)}.analytics-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:visible!important;padding:24px 28px}.analytics-section h3{color:#333;color:var(--text-primary,#333);margin:0 0 20px}.chart-container,.chart-container svg,.chart-container>div,.chart-container>div[style*=flexShrink],.recharts-surface,.recharts-wrapper{overflow:visible!important}.chart-container{margin-top:20px;width:100%}.chart-controls{background:#f8f9fa;background:var(--light-bg,#f8f9fa);border-radius:8px;display:flex;gap:5px;padding:4px}.view-toggle{background:#0000;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:all .2s ease}.view-toggle:hover{background:#0000000d;color:#333;color:var(--text-primary,#333)}.view-toggle.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea;color:var(--primary-color,#667eea)}.date-filter{align-items:center;display:flex}.filter-select{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:#667eea;border-color:var(--primary-color,#667eea)}.filter-select:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.chart-tooltip{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:6px;box-shadow:0 4px 12px #00000026;padding:10px 12px}.tooltip-label{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:600;margin:0 0 5px}.tooltip-value{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0}[data-theme=dark] .api-usage-analytics{background:var(--dm-bg);color:var(--dm-text)}[data-theme=dark] .chart-controls{background:var(--dm-bg-card)}[data-theme=dark] .view-toggle:hover{background:#ffffff0d;color:var(--dm-text)}[data-theme=dark] .view-toggle.active{background:var(--dm-bg-card);box-shadow:0 2px 4px #0000004d;color:var(--dm-primary)}[data-theme=dark] .filter-select{background:var(--dm-bg);border-color:var(--dm-border);color:var(--dm-text)}[data-theme=dark] .filter-select:focus,[data-theme=dark] .filter-select:hover{border-color:var(--dm-primary)}[data-theme=dark] .chart-tooltip{background:var(--dm-bg-card);border-color:var(--dm-border);box-shadow:0 4px 12px #0006}[data-theme=dark] .recharts-cartesian-grid-horizontal line,[data-theme=dark] .recharts-cartesian-grid-vertical line{stroke:var(--dm-border);opacity:.3}[data-theme=dark] .recharts-text{fill:var(--dm-text-muted)}[data-theme=dark] .recharts-legend-item-text{fill:var(--dm-text)!important}[data-theme=dark] .recharts-tooltip-wrapper{color:var(--dm-text)}@media (max-width:768px){.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-tabs{flex-wrap:wrap;padding:0 15px}.admin-tab{flex:1 1;min-width:120px}.pending-user-card{flex-direction:column;gap:15px;text-align:center}.user-actions{justify-content:center;width:100%}.admin-dashboard .dark-mode-toggle{bottom:10px;right:10px}.analytics-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:center}.metrics-grid{grid-template-columns:1fr}.metrics-horizontal{flex-direction:column}.metric-box{min-width:100%}.plan-bar{align-items:stretch;flex-direction:column;gap:10px}.plan-label{min-width:auto}.plan-percentage{text-align:left}.analytics-section>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.user-details-grid{grid-template-columns:1fr}.top-user-item{flex-wrap:wrap;gap:10px}.top-user-info{min-width:100%;order:1}.top-user-tier{order:2}.top-user-stats{order:3}.top-user-progress{max-width:100%;order:4;width:100%}.analytics-filters{flex-direction:column}.filter-group{min-width:100%}}
/*# sourceMappingURL=main.db0a7259.css.map*/