*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--primary-blue-light:#dbeafe;--white:#fff;--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;--green-100:#dcfce7;--green-600:#16a34a;--red-100:#fee2e2;--red-600:#dc2626;--yellow-100:#fef3c7;--yellow-600:#d97706;--purple-100:#f3e8ff;--purple-600:#9333ea;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body{color:var(--gray-900);background-color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.5}h1{font-size:2.25rem;font-weight:700;line-height:1.2}h2{font-size:1.875rem;font-weight:700;line-height:1.3}h3{font-size:1.5rem;font-weight:600;line-height:1.4}h4{font-size:1.25rem;font-weight:600;line-height:1.4}p{font-size:1rem;line-height:1.6}.container{max-width:1280px;padding:0 var(--spacing-4);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:var(--spacing-2)}.space-x-3>*+*{margin-left:var(--spacing-3)}.space-x-4>*+*{margin-left:var(--spacing-4)}.space-x-6>*+*{margin-left:var(--spacing-6)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-12{padding:var(--spacing-12)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.m-4{margin:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-1{margin-top:var(--spacing-1)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-20{margin-top:var(--spacing-20)}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-2{width:.5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-64{width:16rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1}.bg-white{background-color:var(--white)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-blue-50,.bg-blue-100{background-color:var(--primary-blue-light)}.bg-blue-600{background-color:var(--primary-blue)}.bg-green-100{background-color:var(--green-100)}.bg-red-100{background-color:var(--red-100)}.bg-yellow-100{background-color:var(--yellow-100)}.bg-purple-100{background-color:var(--purple-100)}.text-white{color:var(--white)}.text-gray-400{color:var(--gray-400)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-blue-600,.text-blue-900{color:var(--primary-blue)}.text-green-600,.text-green-700{color:var(--green-600)}.text-red-600,.text-red-700{color:var(--red-600)}.text-yellow-600,.text-yellow-700{color:var(--yellow-600)}.text-purple-600{color:var(--purple-600)}.border{border:1px solid var(--gray-200)}.border-b{border-bottom:1px solid var(--gray-200)}.border-t{border-top:1px solid var(--gray-200)}.border-2{border:2px solid var(--gray-300)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.btn{padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{background-color:var(--primary-blue-hover)}.btn-secondary{background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background-color:var(--gray-50)}.form-input{width:100%;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-select{width:100%;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background-color:var(--white);cursor:pointer;font-size:1rem}.form-textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);resize:vertical;min-height:100px;font-size:1rem}.card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}.badge{padding:var(--spacing-1)var(--spacing-3);border-radius:9999px;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex}.badge-green{background-color:var(--green-100);color:var(--green-600)}.badge-blue{background-color:var(--primary-blue-light);color:var(--primary-blue)}.badge-yellow{background-color:var(--yellow-100);color:var(--yellow-600)}.badge-red{background-color:var(--red-100);color:var(--red-600)}.badge-gray{background-color:var(--gray-100);color:var(--gray-600)}.progress-bar{width:100%;height:var(--spacing-3);background-color:var(--gray-200);border-radius:9999px;overflow:hidden}.progress-fill{background-color:var(--primary-blue);border-radius:9999px;height:100%;transition:width .5s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.sidebar{background-color:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;width:16rem;min-height:100vh;display:flex}.sidebar-nav{padding:var(--spacing-4);flex:1}.sidebar-item{width:100%;padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-lg);color:var(--gray-600);margin-bottom:var(--spacing-1);cursor:pointer;background:0 0;border:none;align-items:center;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{background-color:var(--gray-50)}.sidebar-item.active{background-color:var(--primary-blue-light);color:var(--primary-blue)}.stats-card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6)}.stats-icon{border-radius:var(--radius-lg);width:3rem;height:3rem;margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:flex}.stats-icon.blue{background-color:var(--primary-blue-light);color:var(--primary-blue)}.stats-icon.green{background-color:var(--green-100);color:var(--green-600)}.stats-icon.yellow{background-color:var(--yellow-100);color:var(--yellow-600)}.stats-icon.purple{background-color:var(--purple-100);color:var(--purple-600)}@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))}}@media (min-width:1024px){.lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg-px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.transition{transition:all .2s}.cursor-pointer{cursor:pointer}.divide-y>*+*{border-top:1px solid var(--gray-200)}.hover-bg-gray-50:hover{background-color:var(--gray-50)}.hover-bg-gray-100:hover{background-color:var(--gray-100)}.hover-bg-blue-700:hover{background-color:var(--primary-blue-hover)}.hover-text-gray-900:hover{color:var(--gray-900)}.hover-underline:hover{text-decoration:underline}.disabled-opacity-50:disabled{opacity:.5}.focus-ring-2:focus{box-shadow:0 0 0 3px #2563eb1a}.focus-border-transparent:focus{border-color:#0000}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.top-1\/2{top:50%}.transform{transform:translateX(var(--tw-translate-x))translateY(var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-1\/2{transform:translateY(-50%)}.pl-10{padding-left:2.5rem}.pr-4{padding-right:var(--spacing-4)}.block{display:block}.inline-flex{display:inline-flex}.pt-6{padding-top:var(--spacing-6)}.rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.slice-0-5{grid-row:1/6}.target-blank{target:_blank}.rel-noopener{rel:noopener}.rel-noreferrer{rel:noreferrer}.form-radio{width:1rem;height:1rem;color:var(--primary-blue);border:1px solid var(--gray-300);border-radius:50%}.form-radio:checked{background-color:var(--primary-blue);border-color:var(--primary-blue)}.upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;cursor:pointer;transition:all .2s}.upload-area:hover{border-color:var(--primary-blue);background-color:var(--gray-50)}.upload-area.active{border-color:var(--primary-blue);background-color:var(--primary-blue-light)}.compute-option{padding:var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .2s}.compute-option:hover{background-color:var(--gray-50)}.compute-option.selected{border-color:var(--primary-blue);background-color:var(--primary-blue-light);color:var(--primary-blue)}.upload-progress{margin-top:var(--spacing-4)}.upload-progress-bar{background-color:var(--gray-200);border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.upload-progress-fill{background-color:var(--primary-blue);border-radius:9999px;height:100%;transition:width .3s}.form-section{margin-bottom:var(--spacing-6);padding:var(--spacing-6);border:1px solid var(--gray-200);border-radius:var(--radius-xl);background-color:var(--white)}.form-section-title{color:var(--gray-900);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--gray-200);font-size:1.125rem;font-weight:600}.model-type-badge{padding:var(--spacing-1)var(--spacing-3);background-color:var(--primary-blue-light);color:var(--primary-blue);margin-left:var(--spacing-2);border-radius:9999px;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.btn-upload{padding:var(--spacing-2)var(--spacing-4);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-upload:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-upload:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.file-info{padding:var(--spacing-3);background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-top:var(--spacing-2);align-items:center;display:flex}.file-info-icon{width:1.5rem;height:1.5rem;color:var(--primary-blue);margin-right:var(--spacing-3)}.file-info-text{flex:1}.file-info-name{color:var(--gray-900);font-size:.875rem;font-weight:500}.file-info-size{color:var(--gray-600);font-size:.75rem}.deployment-status{padding:var(--spacing-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:var(--gray-50)}.deployment-status.success{border-color:var(--green-600);background-color:var(--green-100)}.deployment-status.error{border-color:var(--red-600);background-color:var(--red-100)}.deployment-status.loading{border-color:var(--primary-blue);background-color:var(--primary-blue-light)}.spinner{border:2px solid var(--primary-blue);border-top-color:#0000;border-radius:50%;width:1.25rem;height:1.25rem;animation:1s linear infinite spin}.spinner-white{border-color:var(--white);border-top-color:#0000}.model-actions{align-items:center;gap:var(--spacing-2);display:flex}.model-action-btn{padding:var(--spacing-2);color:var(--gray-400);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;transition:color .2s}.model-action-btn:hover{color:var(--primary-blue)}.model-action-btn.delete:hover{color:var(--red-600)}.model-action-btn:disabled{opacity:.5;cursor:not-allowed}.hf-repo-link{color:var(--primary-blue);font-size:.875rem}.hf-repo-link .hf-label{font-weight:500}.model-card{padding:var(--spacing-6);transition:all .2s}.model-card:hover{background-color:var(--gray-50)}.model-card-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.model-card-info{align-items:center;gap:var(--spacing-4);display:flex}.model-card-icon{background-color:var(--primary-blue-light);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.model-card-details h4{color:var(--gray-900);margin-bottom:var(--spacing-1);font-size:1.125rem;font-weight:600}.model-card-details p{color:var(--gray-600);font-size:.875rem}.model-card-status{align-items:center;gap:var(--spacing-4);display:flex}.model-card-footer{margin-top:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.model-card-meta{align-items:center;gap:var(--spacing-6);color:var(--gray-600);font-size:.875rem;display:flex}.delete-confirmation{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-confirmation-dialog{background-color:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-6);width:90%;max-width:400px;box-shadow:var(--shadow-lg)}.delete-confirmation-title{color:var(--gray-900);margin-bottom:var(--spacing-2);font-size:1.125rem;font-weight:600}.delete-confirmation-message{color:var(--gray-600);margin-bottom:var(--spacing-6)}.delete-confirmation-actions{gap:var(--spacing-3);justify-content:flex-end;display:flex}