@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";:root{--bg-body: #f7f7f7;--bg-card: #ffffff;--bg-card-alt: #f8f9fa;--bg-accent: #f1f1f1;--text-primary: #333333;--text-secondary: #667085;--text-muted: #888888;--text-heading: #333333;--text-heading-h: #555555;--color-accent: #ff5100;--color-accent-hover: #e04800;--color-success: #27ae60;--color-success-hover: #219a52;--color-error: #e74c3c;--color-error-hover: #c0392b;--color-warning: #e67e22;--border-color: #ddd;--border-color-light: #eee;--border-dashed: #ccc;--input-bg: #ffffff;--input-text: #333333;--table-header-bg: #f1f1f1;--table-hover: #f8f9fa;--row-mapped: #e8f5e9;--row-unmapped: #fff3e0;--state-header-bg: #333333;--stat-number: #ff5100;--progress-bg: #e0e0e0;--toast-bg: #333333;--shadow: rgba(0,0,0,.1);--shadow-strong: rgba(0,0,0,.2);--filter-btn-bg: #ffffff;--how-it-works-bg: #fff7f0;--how-it-works-border: #ff5100;--how-it-works-text: #444444;--status-loaded-bg: #e8f5e9;--status-loaded-color: #27ae60;--status-new-bg: #fff3e0;--status-new-color: #e67e22;--dragover-bg: #e8f5e9;--upload-hover-bg: #f8f9fa;--btn-secondary-bg: #95a5a6;--btn-secondary-hover: #7f8c8d;--btn-disabled: #ccc;--footer-color: #999999;--link-color: #ff5100;--phi-warning-color: #d32f2f;--modal-bg: #ffffff;--modal-overlay: rgba(0,0,0,.5);--modal-close-color: #999;--modal-close-hover: #333;--badge-green-bg: #e8f5e9;--badge-green-color: #27ae60;--badge-orange-bg: #fff3e0;--badge-orange-color: #e67e22;--badge-gray-bg: #f0f0f0;--badge-gray-color: #888;--detail-th-bg: #f1f1f1;--detail-th-color: #555;--privacy-bg: #e8f5e9;--privacy-border: #27ae60;--privacy-text: #555;--warning-bg: #fff3e0;--warning-border: #ffb74d;--warning-text: #e65100}html.dark{--bg-body: #303030;--bg-card: #282828;--bg-card-alt: #2c2c2c;--bg-accent: #2c2c2c;--text-primary: #dfdfdf;--text-secondary: #a9a9a9;--text-muted: #7d7d7d;--text-heading: #ffffff;--text-heading-h: #a9a9a9;--color-accent: #ff8927;--color-accent-hover: #e07520;--color-success: #07aa00;--color-success-hover: #069200;--color-error: #ff3232;--color-error-hover: #dd2222;--color-warning: #e67e22;--border-color: #404040;--border-color-light: #404040;--border-dashed: #505050;--input-bg: #353535;--input-text: #dfdfdf;--table-header-bg: #2c2c2c;--table-hover: #353535;--row-mapped: #1a3a1a;--row-unmapped: #3a2a1a;--state-header-bg: #2c2c2c;--stat-number: #ff8927;--progress-bg: #404040;--toast-bg: #404040;--shadow: rgba(0,0,0,.3);--shadow-strong: rgba(0,0,0,.5);--filter-btn-bg: #353535;--how-it-works-bg: #3a2a1a;--how-it-works-border: #ff8927;--how-it-works-text: #dfdfdf;--status-loaded-bg: #1a3a1a;--status-loaded-color: #07aa00;--status-new-bg: #3a2a1a;--status-new-color: #e67e22;--dragover-bg: #1a3a1a;--upload-hover-bg: #353535;--btn-secondary-bg: #555555;--btn-secondary-hover: #666666;--btn-disabled: #555555;--footer-color: #7d7d7d;--link-color: #ff8927;--phi-warning-color: #ff3232;--modal-bg: #282828;--modal-overlay: rgba(0,0,0,.7);--modal-close-color: #7d7d7d;--modal-close-hover: #dfdfdf;--badge-green-bg: #1a3a1a;--badge-green-color: #07aa00;--badge-orange-bg: #3a2a1a;--badge-orange-color: #e67e22;--badge-gray-bg: #353535;--badge-gray-color: #7d7d7d;--detail-th-bg: #2c2c2c;--detail-th-color: #a9a9a9;--privacy-bg: #1a3a1a;--privacy-border: #07aa00;--privacy-text: #a9a9a9;--warning-bg: #3a2a1a;--warning-border: #ff8927;--warning-text: #ff8927}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.6;padding:20px}.container{max-width:1200px;margin:0 auto}h1{text-align:center;color:var(--text-heading);margin-bottom:10px}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px}.card{background:var(--bg-card);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px var(--shadow)}.card h2{color:var(--text-heading);margin-bottom:15px;font-size:1.2em;border-bottom:2px solid var(--color-accent);padding-bottom:10px}.btn{padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:all .3s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:var(--color-success-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:var(--color-error-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:#fff}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-sm{padding:6px 12px;font-size:.8em}.btn:disabled{background:var(--btn-disabled);cursor:not-allowed}.hidden{display:none}.toast{position:fixed;bottom:20px;right:20px;background:var(--toast-bg);color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px var(--shadow-strong);transform:translateY(100px);opacity:0;transition:all .3s;z-index:1000}.toast.show{transform:translateY(0);opacity:1}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-error)}.dark-mode-toggle{position:fixed;top:15px;right:15px;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;font-size:1.2em;background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px var(--shadow-strong);z-index:1001;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}.dark-mode-toggle:hover{background:var(--bg-card-alt)}nav{text-align:center;margin-bottom:20px}nav a{color:var(--link-color);text-decoration:none;margin:0 10px;font-size:.9em}nav a:hover{text-decoration:underline}.upload-box{border:2px dashed var(--border-dashed);border-radius:8px;padding:20px;text-align:center;transition:border-color .3s,background .3s}.upload-box:hover{border-color:var(--color-accent);background:var(--upload-hover-bg)}.upload-box.dragover{border-color:var(--color-success);background:var(--dragover-bg)}.upload-box.has-file{border-color:var(--color-success);border-style:solid}.upload-box h3{color:var(--text-heading-h);margin-bottom:10px;font-size:1em}.upload-box p{color:var(--text-muted);font-size:.85em;margin-bottom:10px}.upload-box input[type=file]{display:none}.upload-btn{background:var(--color-accent);color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background .3s}.upload-btn:hover{background:var(--color-accent-hover)}.file-name{margin-top:10px;color:var(--color-success);font-weight:500;word-break:break-all}.login-form{max-width:400px;margin:100px auto;text-align:center}.login-form input{width:100%;padding:12px 15px;border:2px solid var(--color-accent);border-radius:5px;font-size:1em;margin-bottom:15px;background:var(--input-bg);color:var(--input-text)}.login-form input:focus{outline:none;border-color:var(--color-accent-hover);box-shadow:0 0 0 3px #ff510033}.client-table{width:100%;border-collapse:collapse}.client-table th{background:var(--table-header-bg);color:#fff;padding:12px 15px;text-align:left;font-weight:500}.client-table td{padding:12px 15px;border-bottom:1px solid var(--border-color-light);vertical-align:middle;color:var(--text-primary)}.client-table tr:hover{background:var(--table-hover)}.client-table .actions{display:flex;gap:6px;flex-wrap:wrap}.create-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.create-form input{padding:10px 15px;border:2px solid var(--border-color);border-radius:5px;font-size:.95em;background:var(--input-bg);color:var(--input-text)}.create-form input:focus{outline:none;border-color:var(--color-accent)}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8em;font-weight:500}.badge-green{background:var(--badge-green-bg);color:var(--badge-green-color)}.badge-orange{background:var(--badge-orange-bg);color:var(--badge-orange-color)}.badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:var(--modal-bg);border-radius:8px;padding:25px;max-width:900px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px var(--shadow-strong)}.modal h3{color:var(--text-heading);margin-bottom:15px}.modal-close{float:right;cursor:pointer;font-size:1.5em;color:var(--modal-close-color);background:none;border:none}.modal-close:hover{color:var(--modal-close-hover)}.mapping-detail-table{width:100%;border-collapse:collapse;margin-top:10px}.mapping-detail-table th{background:var(--detail-th-bg);padding:10px;text-align:left;font-weight:600;color:var(--detail-th-color);font-size:.9em}.mapping-detail-table td{padding:8px 10px;border-bottom:1px solid var(--border-color-light);font-size:.9em;color:var(--text-primary)}.upload-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.stat-box{background:var(--bg-card-alt);padding:15px;border-radius:8px;text-align:center}.stat-box .number{font-size:2em;font-weight:700;color:var(--stat-number)}.stat-box .label{color:var(--text-secondary);font-size:.85em}.progress-bar{width:100%;height:20px;background:var(--progress-bg);border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);transition:width .3s ease}.progress-text{text-align:center;color:var(--text-secondary);font-size:.9em}.state-section{margin-bottom:25px}.state-header{background:var(--state-header-bg);color:#fff;padding:10px 15px;border-radius:5px 5px 0 0;font-weight:600;display:flex;justify-content:space-between;align-items:center}.state-badge{background:var(--color-accent);padding:2px 10px;border-radius:12px;font-size:.85em}.mapping-table{width:100%;border-collapse:collapse}.mapping-table th{background:var(--table-header-bg);padding:12px;text-align:left;font-weight:600;color:var(--text-heading-h)}.mapping-table td{padding:12px;border-bottom:1px solid var(--border-color-light);vertical-align:middle}.mapping-table tr:hover{background:var(--table-hover)}.mapping-table tr.mapped{background:var(--row-mapped)}.mapping-table tr.unmapped,.mapping-table tr.alt-portal{background:var(--row-unmapped)}.plan-name{font-weight:500;color:var(--text-primary)}.volume{color:var(--text-muted);font-size:.9em}.payer-select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:5px;font-size:.9em;background:var(--input-bg);color:var(--input-text)}.payer-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #ff510033}.payer-select.mapped{border-color:var(--color-success)}.payer-select.not-available{border-color:var(--color-error)}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.search-box{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:5px;font-size:1em;margin-bottom:15px;background:var(--input-bg);color:var(--input-text)}.search-box:focus{outline:none;border-color:var(--color-accent)}.filter-buttons{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--filter-btn-bg);color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .3s}.filter-btn:hover{border-color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.client-section{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.client-input{flex:1;min-width:200px;padding:12px 15px;border:2px solid var(--color-accent);border-radius:5px;font-size:1em;background:var(--input-bg);color:var(--input-text)}.client-input:focus{outline:none;border-color:var(--color-accent-hover);box-shadow:0 0 0 3px #ff510033}.client-status{padding:8px 15px;border-radius:5px;font-size:.9em;font-weight:500}.client-status.loaded{background:var(--status-loaded-bg);color:var(--status-loaded-color)}.client-status.new{background:var(--status-new-bg);color:var(--status-new-color)}.btn-clear{background:var(--color-error);color:#fff;padding:8px 15px;font-size:.85em}.btn-clear:hover{background:var(--color-error-hover)}.auto-save-indicator{position:fixed;top:20px;right:20px;background:var(--color-success);color:#fff;padding:8px 15px;border-radius:5px;font-size:.85em;opacity:0;transition:opacity .3s;z-index:1000}.auto-save-indicator.show{opacity:1}.privacy-banner{background:var(--privacy-bg);border:2px solid var(--privacy-border);border-radius:8px;padding:15px 20px;margin-bottom:20px;text-align:center}.privacy-banner strong{color:var(--color-success);font-size:1.1em}.privacy-banner p{color:var(--privacy-text);font-size:.9em;margin-top:5px}.results{background:var(--bg-card-alt);border-radius:8px;padding:15px;margin-top:15px}.results p{margin-bottom:5px;font-size:.95em}.results .label{color:var(--text-secondary)}.results .value{font-weight:600;color:var(--text-primary)}.warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:5px;padding:10px 15px;margin-top:10px;font-size:.85em;color:var(--warning-text)}.preview-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.85em}.preview-table th{background:var(--table-header-bg);padding:8px;text-align:left;font-weight:600;color:var(--text-heading-h)}.preview-table td{padding:8px;border-bottom:1px solid var(--border-color-light);color:var(--text-primary)}@media(max-width:768px){.upload-section{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}