@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--accent-50:#fef7ff;--accent-100:#fdf4ff;--accent-200:#fae8ff;--accent-300:#f5d0fe;--accent-400:#e879f9;--accent-500:#d946ef;--accent-600:#c026d3;--accent-700:#a21caf;--accent-800:#86198f;--accent-900:#701a75;--success-500:#10b981;--warning-500:#f59e0b;--error-500:#ef4444;--gradient-primary:linear-gradient(135deg,#0284c7,#0ea5e9);--gradient-secondary:linear-gradient(135deg,#f1f5f9,#e0f2fe);--gradient-background:linear-gradient(135deg,#f8fafc,#e0f2fe 50%,#f0f9ff);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--transition-fast:all 0.15s ease;--transition-normal:all 0.2s ease;--transition-slow:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--secondary-800);background:var(--gradient-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--secondary-900)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--secondary-600)}a{color:var(--primary-600);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-700)}.icon-xs{width:.75rem;height:.75rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}.icon-2xl{width:2.5rem;height:2.5rem}.icon-3xl{width:3rem;height:3rem}.card-body svg,.file-icon svg,.upload-icon svg{width:1.25rem!important;height:1.25rem!important}.btn svg,.header svg{width:1rem!important;height:1rem!important}.feature-icon svg{width:1.5rem!important;height:1.5rem!important}.header{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--secondary-200);position:-webkit-sticky;position:sticky;top:0;z-index:50;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.header-content{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.logo-container{gap:1rem}.logo-container,.logo-icon{display:flex;align-items:center}.logo-icon{width:3rem;height:3rem;background:var(--gradient-primary);border-radius:var(--border-radius-lg);justify-content:center;color:#fff;font-weight:800;font-size:1rem;letter-spacing:.5px;box-shadow:var(--shadow-md)}.logo-text{display:flex;flex-direction:column}.logo-main{font-size:1.5rem;font-weight:800;color:var(--secondary-900);line-height:1.1}.logo-subtitle{font-size:.75rem;font-weight:500;color:var(--primary-600);text-transform:uppercase;letter-spacing:.05em}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--secondary-600);background:var(--secondary-50);padding:.5rem 1rem;border-radius:var(--border-radius-lg);border:1px solid var(--secondary-200)}.status-dot{width:.5rem;height:.5rem;background:var(--success-500);border-radius:50%;animation:pulse 2s infinite}.contact-info{gap:1rem;font-size:.875rem;color:var(--secondary-600)}.contact-info,.contact-item{display:flex;align-items:center}.contact-item{gap:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:var(--transition-normal);text-decoration:none;font-size:.875rem;line-height:1.25rem;position:relative;overflow:hidden;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#075985,#0284c7)}.btn-secondary{background:#fff;color:var(--primary-600);border:2px solid var(--primary-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-1px)}.btn-disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-large{padding:1rem 2rem;font-size:1rem}.btn-small{padding:.5rem 1rem;font-size:.75rem}.card{background:#fff;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--secondary-200);transition:var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-header{background:var(--gradient-primary);color:#fff;padding:1.5rem 2rem}.card-body{padding:2rem}.card-footer{padding:1.5rem 2rem;background:var(--secondary-50);border-top:1px solid var(--secondary-200)}.feature-card{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--secondary-200);transition:var(--transition-normal);overflow:hidden;padding:2rem}.feature-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px);border-color:var(--primary-300)}.feature-icon{width:3rem;height:3rem;border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.upload-area{border:2px dashed var(--secondary-300);border-radius:var(--border-radius-2xl);padding:3rem 2rem;text-align:center;background:var(--secondary-50);transition:var(--transition-normal);cursor:pointer;position:relative}.upload-area:hover{border-color:var(--primary-400);background:var(--primary-50);transform:scale(1.01)}.upload-area.drag-active{border-color:var(--primary-500);background:var(--primary-100);transform:scale(1.02)}.upload-icon{width:4rem;height:4rem;background:var(--primary-100);border-radius:var(--border-radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.upload-icon svg{width:2rem!important;height:2rem!important;color:var(--primary-600)}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--secondary-50);border-radius:var(--border-radius-xl);border:1px solid var(--secondary-200);margin-bottom:.75rem;transition:var(--transition-fast)}.file-item:hover{background:#fff;box-shadow:var(--shadow-md)}.file-info{gap:.75rem}.file-icon,.file-info{display:flex;align-items:center}.file-icon{width:2.5rem;height:2.5rem;background:var(--primary-100);border-radius:var(--border-radius-lg);justify-content:center}.file-details h4{font-size:.875rem;font-weight:600;color:var(--secondary-900);margin-bottom:.25rem}.file-details p{font-size:.75rem;color:var(--secondary-500);margin:0}.progress-container{width:8rem;background:var(--secondary-200);border-radius:9999px;height:.5rem;overflow:hidden}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:9999px;transition:width .5s ease}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:var(--primary-100);color:var(--primary-800)}.alert{padding:1rem 1.5rem;border-radius:var(--border-radius-xl);border:1px solid;display:flex;align-items:flex-start;gap:.75rem}.alert svg{width:1.25rem!important;height:1.25rem!important;flex-shrink:0;margin-top:.125rem}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-info{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-800)}.form-input{width:100%;padding:.75rem 1rem;border:2px solid var(--secondary-300);border-radius:var(--border-radius-lg);font-size:.875rem;transition:var(--transition-fast);background:#fff}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--secondary-700);margin-bottom:.5rem}.table-modern{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.table-modern th{background:var(--secondary-50);padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--secondary-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--secondary-200)}.table-modern td{padding:1rem 1.5rem;border-bottom:1px solid var(--secondary-100);color:var(--secondary-800)}.table-modern tr:hover{background:var(--secondary-50)}.table-modern tr:last-child td{border-bottom:none}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.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)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}@media (max-width:768px){.container{padding:0 .75rem}.card-body{padding:1.5rem}.upload-area{padding:2rem 1rem}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.logo-container{gap:.75rem}.logo-main{font-size:1.25rem}.contact-info{display:none}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,.form-input:focus{outline:2px solid var(--primary-500);outline-offset:2px}