.csv-modal-overlay{position:fixed;inset:0;background:rgba(4,6,13,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.28s ease,visibility 0s linear 0.28s;}.csv-modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.28s ease,visibility 0s linear 0s;}.csv-modal-card{background:rgba(10,14,30,0.98);border:1px solid rgba(56,189,248,0.22);border-radius:20px;padding:0;width:min(780px,96vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,0.7),0 0 40px rgba(56,189,248,0.08);transform:scale(0.94) translateY(12px);transition:transform 0.32s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden;}.csv-modal-overlay.active .csv-modal-card{transform:scale(1) translateY(0);}.csv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.75rem 1.2rem;border-bottom:1px solid rgba(255,255,255,0.05);background:rgba(56,189,248,0.03);flex-shrink:0;}.csv-modal-header-left{display:flex;flex-direction:column;gap:0.2rem;}.csv-modal-title{font-family:'Outfit',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-0.2px;}.csv-modal-subtitle{font-size:0.72rem;color:#64748b;font-weight:500;}.csv-modal-close{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all 0.15s;}.csv-modal-close:hover{background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.3);color:#ef4444;}.csv-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,0.05);padding:0 1.75rem;flex-shrink:0;}.csv-tab{padding:0.7rem 1.1rem;font-size:0.78rem;font-weight:600;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.18s;white-space:nowrap;}.csv-tab:hover{color:#cbd5e1;}.csv-tab.active{color:#38bdf8;border-bottom-color:#38bdf8;}.csv-modal-body{padding:1.5rem 1.75rem;overflow-y:auto;flex:1;}.csv-drop-zone{border:1.5px dashed rgba(56,189,248,0.25);border-radius:12px;background:rgba(56,189,248,0.025);padding:1.2rem;transition:all 0.2s;position:relative;}.csv-drop-zone.drag-over{border-color:rgba(56,189,248,0.6);background:rgba(56,189,248,0.06);box-shadow:0 0 20px rgba(56,189,248,0.1);}.csv-drop-zone-hint{text-align:center;padding:1.5rem 0 0.5rem;color:#475569;font-size:0.78rem;pointer-events:none;}.csv-modal-overlay.active .csv-drop-zone-hint #csv-file-select-btn{pointer-events:auto;}.csv-drop-zone-hint svg{display:block;margin:0 auto 0.6rem;opacity:0.4;}.csv-textarea{width:100%;min-height:160px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:0.85rem 1rem;color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:0.78rem;line-height:1.6;resize:vertical;outline:none;transition:border-color 0.2s;box-sizing:border-box;}.csv-textarea:focus{border-color:rgba(56,189,248,0.4);box-shadow:0 0 14px rgba(56,189,248,0.08);}.csv-textarea::placeholder{color:#334155;}.csv-format-guide{background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.04);border-radius:10px;padding:1rem 1.2rem;margin-top:1rem;}.csv-format-guide-title{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#475569;margin-bottom:0.6rem;}.csv-format-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.5rem;}.csv-format-col-chip{background:rgba(56,189,248,0.06);border:1px solid rgba(56,189,248,0.14);border-radius:7px;padding:0.4rem 0.7rem;font-size:0.72rem;color:#94a3b8;}.csv-format-col-chip strong{color:#38bdf8;display:block;font-family:'JetBrains Mono',monospace;font-size:0.7rem;margin-bottom:0.1rem;}.csv-preview-wrap{border:1px solid rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;margin-top:1rem;background:rgba(0,0,0,0.2);max-height:280px;overflow-y:auto;}.csv-preview-table{width:100%;border-collapse:collapse;font-size:0.8rem;}.csv-preview-table th{background:rgba(255,255,255,0.03);padding:0.55rem 0.9rem;text-align:left;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.08em;color:#64748b;font-weight:700;border-bottom:1px solid rgba(255,255,255,0.05);position:sticky;top:0;}.csv-preview-table td{padding:0.5rem 0.9rem;border-bottom:1px solid rgba(255,255,255,0.025);color:#cbd5e1;vertical-align:middle;}.csv-preview-table tr:last-child td{border-bottom:none;}.csv-preview-table tr.csv-row-ok td:first-child{border-left:2px solid #10b981;}.csv-preview-table tr.csv-row-warn td:first-child{border-left:2px solid #f59e0b;}.csv-preview-table tr.csv-row-err td:first-child{border-left:2px solid #ef4444;}.csv-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.75rem;border-top:1px solid rgba(255,255,255,0.05);flex-shrink:0;background:rgba(0,0,0,0.15);}.csv-action-stats{font-size:0.75rem;color:#475569;}.csv-action-stats span{color:#38bdf8;font-weight:700;}.csv-btn-parse{padding:0.55rem 1.2rem;background:rgba(56,189,248,0.1);border:1px solid rgba(56,189,248,0.3);border-radius:9px;color:#38bdf8;font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.18s;}.csv-btn-parse:hover{background:rgba(56,189,248,0.18);border-color:rgba(56,189,248,0.5);}.csv-btn-import{padding:0.6rem 1.5rem;background:linear-gradient(135deg,#38bdf8,#0284c7);border:none;border-radius:9px;color:#070913;font-size:0.82rem;font-weight:800;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 14px rgba(56,189,248,0.25);}.csv-btn-import:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px rgba(56,189,248,0.35);}.csv-btn-import:disabled{opacity:0.4;cursor:not-allowed;filter:none;transform:none;}@keyframes csv-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.csv-btn-secondary{padding:0.55rem 1rem;background:transparent;border:1px solid rgba(255,255,255,0.08);border-radius:9px;color:#64748b;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.18s;}.csv-btn-secondary:hover{border-color:rgba(255,255,255,0.18);color:#cbd5e1;}.btn-csv-import{width:100%;display:flex;align-items:center;justify-content:center;gap:0.55rem;padding:0.75rem 1rem;background:rgba(56,189,248,0.06);border:1px dashed rgba(56,189,248,0.28);border-radius:12px;color:#38bdf8;font-family:'Outfit',sans-serif;font-weight:700;font-size:0.88rem;cursor:pointer;transition:all 0.22s cubic-bezier(0.16,1,0.3,1);margin-bottom:0.75rem;}.btn-csv-import:hover{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.5);box-shadow:0 0 18px rgba(56,189,248,0.1);}