:root{--bg:#f4f6f9;--bg-card:#fff;--bg-deep:#eaecf1;--border:#dde2eb;--border-light:#eef1f6;--primary:#16a34a;--primary-dark:#15803d;--primary-light:#dcfce7;--primary-glow:#16a34a2e;--accent:#5b5bd6;--accent-light:#ededfb;--accent-glow:#5b5bd62e;--orange:#ea580c;--orange-light:#fff0e6;--red:#dc2626;--red-light:#fef2f2;--yellow:#d97706;--yellow-light:#fffbeb;--teal:#0d9488;--teal-light:#f0fdfa;--text:#111827;--text-sub:#4b5563;--text-muted:#9ca3af;--white:#fff;--shadow:0 1px 3px #00000012,0 1px 2px #0000000a;--shadow-md:0 4px 14px #00000014;--shadow-lg:0 16px 48px #0000001f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}#root,body{background:#f4f6f9;background:var(--bg);color:#111827;color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh}.outfit{font-family:Outfit,sans-serif}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#f4f6f9;background:var(--bg)}::-webkit-scrollbar-thumb{background:#dde2eb;background:var(--border);border-radius:8px}input,select,textarea{background:#fff;background:var(--white);border:1.5px solid #dde2eb;border:1.5px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow);color:#111827;color:var(--text);font-family:DM Sans,sans-serif;font-size:13.5px;outline:none;padding:9px 12px;transition:all .18s;width:100%}input:focus,select:focus,textarea:focus{border-color:#16a34a;border-color:var(--primary);box-shadow:0 0 0 3px #16a34a2e;box-shadow:0 0 0 3px var(--primary-glow)}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--text-muted)}button{border:none;font-family:DM Sans,sans-serif}.btn,button{cursor:pointer;outline:none;transition:all .18s}.btn{align-items:center;border:none;border-radius:10px;display:inline-flex;font-size:13.5px;font-weight:700;gap:6px;padding:9px 18px}.btn-sm{font-size:12px;padding:6px 12px}.btn-md{font-size:13.5px;padding:9px 18px}.btn-lg{font-size:15px;padding:12px 24px}.btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 3px 10px #16a34a2e;box-shadow:0 3px 10px var(--primary-glow);color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #16a34a2e;box-shadow:0 6px 16px var(--primary-glow);filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-accent{background:linear-gradient(135deg,#5b5bd6,#4545c8);background:linear-gradient(135deg,var(--accent),#4545c8);box-shadow:0 3px 10px #5b5bd62e;box-shadow:0 3px 10px var(--accent-glow);color:#fff}.btn-accent:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--white);border:1.5px solid #dde2eb;border:1.5px solid var(--border);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow);color:#4b5563;color:var(--text-sub)}.btn-secondary:hover{background:#dcfce7;background:var(--primary-light);border-color:#16a34a;border-color:var(--primary);color:#16a34a;color:var(--primary)}.btn-danger{background:#fef2f2;background:var(--red-light);border:1.5px solid #dc262640;border-radius:9px;color:#dc2626;color:var(--red);font-size:12px;font-weight:700;padding:7px 14px}.btn-danger:hover{background:#dc2626;background:var(--red);color:#fff}.btn-orange{background:#fff0e6;background:var(--orange-light);border:1.5px solid #ea580c40;border-radius:9px;color:#ea580c;color:var(--orange)}.btn-orange,.btn-teal{font-size:12px;font-weight:700;padding:7px 14px}.btn-teal{background:#f0fdfa;background:var(--teal-light);border:1.5px solid #0d948840;border-radius:9px;color:#0d9488;color:var(--teal)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.max-w-md{max-width:448px}.max-w-4xl{max-width:896px}.max-w-6xl{max-width:1152px}.max-w-7xl{max-width:1280px}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.py-4{padding-bottom:16px;padding-top:16px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.border{border:1px solid #dde2eb;border:1px solid var(--border)}.border-2{border:2px solid #dde2eb;border:2px solid var(--border)}.shadow-2xl,.shadow-lg{box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-lg)}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.capitalize{text-transform:capitalize}.transition-all{transition:all .2s}.duration-200{transition-duration:.2s}.hover\\:transform:hover{transform:translateY(-2px)}.hover\\:-translate-y-1:hover{transform:translateY(-4px)}.cursor-pointer{cursor:pointer}.opacity-50{opacity:.5}.pointer-events-none{pointer-events:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.min-h-screen{min-height:100vh}.h-64{height:256px}.overflow-hidden{overflow:hidden}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.text-9xl{font-size:96px}.label{color:#111827;color:var(--text);font-size:14px;font-weight:500;margin-bottom:8px}.text-red-500{color:#dc2626;color:var(--red);font-size:12px;margin-top:4px}.border-red-500{border-color:#dc2626!important;border-color:var(--red)!important}.border-primary{border-color:#16a34a!important;border-color:var(--primary)!important}.border-gray-200{border-color:#dde2eb!important;border-color:var(--border)!important}.bg-gray-50{background-color:#eaecf1!important;background-color:var(--bg-deep)!important}.bg-primary-light{background-color:#dcfce7!important;background-color:var(--primary-light)!important}.bg-white{background-color:#fff!important;background-color:var(--white)!important}.text-gray-600{color:#4b5563!important;color:var(--text-sub)!important}.text-primary{color:#16a34a!important;color:var(--primary)!important}.text-primary-dark{color:#15803d!important;color:var(--primary-dark)!important}.text-accent,.text-accent-dark{color:#5b5bd6!important;color:var(--accent)!important}.hover\:border-gray-300:hover{border-color:#9ca3af!important;border-color:var(--text-muted)!important}.hover\:text-gray-600:hover{color:#4b5563!important;color:var(--text-sub)!important}.hover\:text-accent-dark:hover{color:#5b5bd6!important;color:var(--accent)!important}.animate-fadeIn{animation:fadeIn .2s ease-in-out}.animate-slideUp{animation:slideUp .22s ease-out}.card{background:#fff;background:var(--bg-card);border:1px solid #dde2eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow);padding:20px}.badge{border-radius:12px;display:inline-block;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.badge-primary{background:#16a34a;background:var(--primary);color:#fff}.badge-accent{background:#5b5bd6;background:var(--accent);color:#fff}.badge-orange{background:#ea580c;background:var(--orange);color:#fff}.badge-teal{background:#0d9488;background:var(--teal);color:#fff}.badge-red{background:#dc2626;background:var(--red);color:#fff}.badge-gray{background:#9ca3af;background:var(--text-muted);color:#fff}.stat-card{padding:20px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 14px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-overlay{background:#00000080;bottom:0;left:0;padding:20px;right:0;top:0}.modal-content{border-radius:16px;max-width:90vw}@media (max-width:1023px){.main-content-with-sidebar{margin-left:0!important}}@media (min-width:1024px){.main-content-with-sidebar{margin-left:256px!important}}.sidebar{background:#fff;background:var(--bg-card);border-right:1px solid #dde2eb;border-right:1px solid var(--border);height:100vh;overflow-y:auto;transition:transform .3s ease;width:280px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #dde2eb;border-radius:50%;border-top-color:#16a34a;border:2px solid var(--border);border-top-color:var(--primary);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.2px;padding:2px 9px}.badge-primary{background:#dcfce7;background:var(--primary-light);color:#15803d;color:var(--primary-dark)}.badge-accent{background:#ededfb;background:var(--accent-light);color:#5b5bd6;color:var(--accent)}.badge-orange{background:#fff0e6;background:var(--orange-light);color:#ea580c;color:var(--orange)}.badge-red{background:#fef2f2;background:var(--red-light);color:#dc2626;color:var(--red)}.badge-yellow{background:#fffbeb;background:var(--yellow-light);color:#d97706;color:var(--yellow)}.badge-teal{background:#f0fdfa;background:var(--teal-light);color:#0d9488;color:var(--teal)}.badge-muted{background:#eaecf1;background:var(--bg-deep);color:#9ca3af;color:var(--text-muted)}.label{color:#4b5563;color:var(--text-sub);display:block;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.table-container{border:1px solid #dde2eb;border:1px solid var(--border);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;font-size:12.5px;width:100%}th{background:#f4f6f9;background:var(--bg);border-bottom:2px solid #dde2eb;border-bottom:2px solid var(--border);color:#9ca3af;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.8px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid #eaecf1;border-bottom:1px solid var(--bg-deep);color:#4b5563;color:var(--text-sub);padding:12px 14px;vertical-align:top}tr:hover td{background:#f4f6f9;background:var(--bg)}.sidebar-link{align-items:center;background:#0000;border:none;border-radius:10px;color:#4b5563;color:var(--text-sub);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:9px 12px;text-align:left;transition:all .18s;width:100%}.sidebar-link:hover{background:#eaecf1;background:var(--bg-deep);color:#111827;color:var(--text)}.sidebar-link.active{background:#dcfce7;background:var(--primary-light);color:#15803d;color:var(--primary-dark)}.modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11182773;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content{animation:slideUp .22s;background:#fff;background:var(--bg-card);border:1px solid #dde2eb;border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:28px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-2{grid-gap:12px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-gap:12px;grid-template-columns:1fr 1fr 1fr}.file-upload{background:#f4f6f9;background:var(--bg);border:2px dashed #dde2eb;border:2px dashed var(--border);border-radius:12px;cursor:pointer;padding:18px;text-align:center;transition:all .2s}.file-upload:hover{background:#dcfce7;background:var(--primary-light);border-color:#16a34a;border-color:var(--primary)}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath d='m1 1 4.5 4.5L10 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.accordion{background:#fff;background:var(--bg-card);border:1px solid #dde2eb;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 18px;transition:background .15s}.accordion-header:hover{background:#f4f6f9;background:var(--bg)}.accordion-body{border-top:1px solid #dde2eb;border-top:1px solid var(--border);padding:18px}.tabs{border-bottom:2px solid #dde2eb;border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:20px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;margin-bottom:-2px;padding:10px 18px;transition:all .18s}.tab.active{border-bottom-color:#5b5bd6;border-bottom-color:var(--accent);color:#5b5bd6;color:var(--accent)}.input-prefix{align-items:center;display:flex}.input-prefix-label{background:#f4f6f9;background:var(--bg);border:1.5px solid #dde2eb;border:1.5px solid var(--border);border-radius:10px 0 0 10px;border-right:none;color:#9ca3af;color:var(--text-muted);font-size:13px;font-weight:700;padding:9px 12px;white-space:nowrap}.input-prefix input{border-radius:0 10px 10px 0!important}.pipeline,.pipeline-step{align-items:center;display:flex}.pipeline-step{border-radius:50%;flex-shrink:0;font-family:Outfit,sans-serif;font-size:10px;font-weight:800;height:26px;justify-content:center;width:26px}.pipeline-line{flex:1 1;height:2px;margin:0 2px 14px}.stat-card{background:#fff;background:var(--bg-card);border:1px solid #dde2eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow);padding:14px 16px;text-align:center}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0!important;padding:14px!important}.grid-2,.grid-3{grid-template-columns:1fr!important}}