@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--secondary: #7c3aed;--success: #10b981;--bg-primary: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--color-sizi-arayalim: #3b82f6;--color-teklif-al: #a855f7;--color-iletisim: #22c55e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-main);line-height:1.5;padding:2rem 1rem}#root{max-width:1100px;margin:0 auto}.container{display:flex;flex-direction:column;gap:2rem}.header{margin-bottom:2rem}.header h1{font-size:2.25rem;font-weight:700;color:#1e3a8a;margin-bottom:.25rem}.header p{color:var(--text-muted);font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem}.card-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1e293b}.file-upload-zone{border:2px dashed var(--border-color);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.file-upload-zone:hover{border-color:var(--primary);background:#f1f5f9}.file-upload-zone.active{border-color:var(--success);background:#f0fdf4}.column-mappings{display:flex;flex-direction:column;gap:.75rem}.mapping-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.25rem}select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;outline:none;font-size:.875rem}.report-section{background:#fff;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;margin-top:2rem}.report-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.report-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#1e293b}.report-header p{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:1rem;font-size:.875rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:#f8fafc}td{padding:1rem;font-size:.9375rem;border-bottom:1px solid #f1f5f9}.col-sizi{color:var(--color-sizi-arayalim);font-weight:600}.col-teklif{color:var(--color-teklif-al);font-weight:600}.col-iletisim{color:var(--color-iletisim);font-weight:600}.col-toplam{font-weight:700;color:#000}.row-country{background:#f8fafc;font-weight:600;padding:.25rem .5rem;border-radius:4px}.total-row{background:#f1f5f9;font-weight:800}.actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.generate-btn{background:#2563eb;color:#fff;padding:.75rem 2rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.generate-btn:hover{background:#1d4ed8}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.download-btn{background:#f8fafc;color:#1e293b;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.download-btn:hover{background:#f1f5f9}@media(max-width:768px){.grid{grid-template-columns:1fr}}