*{box-sizing:border-box;margin:0;padding:0}:root{--usps-blue: #333366;--usps-white: #FFFFFF;--usps-black: #000000;--usps-red: #E71921;--usps-green: #218748;--usps-accent-blue: #3573B1;--usps-link-blue: #005EA2;--usps-gray-light: #F7F7F7;--usps-gray-hover: #EDEDED;--usps-gray-dark: #D8D8D8;--usps-gray-form: #999999;--usps-gray-text: #595959;--color-primary: var(--usps-blue);--color-primary-hover: #252550;--color-success: var(--usps-green);--color-success-hover: #1a6b39;--color-danger: var(--usps-red);--color-danger-hover: #c7151c;--color-secondary: var(--usps-gray-text);--color-secondary-hover: #4a4a4a;--color-error-bg: #fef2f2;--color-error-border: var(--usps-red);--color-border: var(--usps-gray-dark);--color-header-bg: var(--usps-gray-light);--color-bg: var(--usps-white);--color-text: var(--usps-black);--color-text-muted: var(--usps-gray-text);--color-link: var(--usps-accent-blue);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--radius: 4px}body{font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.375;color:var(--color-text);background:var(--usps-gray-light);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1{font-size:32px;font-weight:700;color:var(--usps-blue)}h2{font-size:28px;font-weight:700;color:var(--usps-blue)}h3{font-size:22px;font-weight:700;color:var(--usps-blue)}h4{font-size:18px;font-weight:700;color:var(--usps-blue)}h5{font-size:16px;font-weight:700;color:var(--usps-blue)}h6{font-size:14px;font-weight:700;color:var(--usps-blue)}a{color:var(--usps-accent-blue);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--usps-blue);color:var(--usps-white);padding:1rem 2rem;box-shadow:var(--shadow-md)}.app-header h1{font-size:24px;font-weight:700;color:var(--usps-white);margin-bottom:.25rem}.app-header p{color:#fffc;font-size:14px}.app-main{flex:1;padding:1.5rem 2rem;max-width:100%;margin:0 auto;width:100%}.file-upload{border:2px dashed var(--usps-gray-form);border-radius:var(--radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg)}.file-upload:hover,.file-upload.dragging{border-color:var(--usps-blue);background:var(--usps-gray-light)}.upload-icon{color:var(--usps-gray-form);margin-bottom:1rem}.file-upload:hover .upload-icon,.file-upload.dragging .upload-icon{color:var(--usps-blue)}.upload-text{color:var(--usps-gray-text);font-size:16px;line-height:22px}.upload-text strong{color:var(--usps-blue);font-weight:700}.upload-new{margin-top:1.5rem}.upload-new .file-upload{padding:1.5rem}.upload-new .upload-icon svg{width:32px;height:32px}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--color-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;border:1px solid var(--usps-gray-dark)}.controls-left{display:flex;gap:.5rem;flex-wrap:wrap}.controls-right{display:flex;gap:.5rem}.btn{padding:.5rem 1.25rem;border:none;border-radius:var(--radius);font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease;text-transform:capitalize}.btn-primary{background:var(--usps-blue);color:var(--usps-white);border:1px solid var(--usps-blue)}.btn-primary:hover{background:var(--usps-gray-hover);color:var(--usps-blue)}.btn-success{background:var(--usps-green);color:var(--usps-white);border:1px solid var(--usps-green)}.btn-success:hover{background:var(--usps-gray-hover);color:var(--usps-green)}.btn-danger{background:var(--usps-white);color:var(--usps-red);border:1px solid var(--usps-red)}.btn-danger:hover{background:var(--usps-red);color:var(--usps-white)}.btn-secondary{background:var(--usps-white);color:var(--usps-blue);border:1px solid var(--usps-blue)}.btn-secondary:hover{background:var(--usps-gray-hover)}.btn:disabled{background:var(--usps-gray-dark);color:var(--usps-gray-text);border-color:var(--usps-gray-dark);cursor:not-allowed}.badge{padding:.375rem .75rem;border-radius:var(--radius);font-size:14px;font-weight:700}.badge-info{background:var(--usps-gray-light);color:var(--usps-blue);border:1px solid var(--usps-blue)}.badge-success{background:#e8f5e9;color:var(--usps-green);border:1px solid var(--usps-green)}.badge-error{background:#ffebee;color:var(--usps-red);border:1px solid var(--usps-red)}.table-container{overflow-x:auto;background:var(--color-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-height:70vh;overflow-y:auto;border:1px solid var(--usps-gray-dark)}.data-table{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}.data-table thead{position:sticky;top:0;z-index:10}.data-table th{background:var(--usps-blue);color:var(--usps-white);padding:.75rem .5rem;text-align:left;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.025em;border-bottom:2px solid var(--usps-blue);white-space:nowrap}.data-table td{padding:0;border-bottom:1px solid var(--usps-gray-dark);position:relative}.data-table tbody tr:nth-child(2n){background:var(--usps-gray-light)}.data-table tbody tr:hover{background:var(--usps-gray-hover)}.row-number{width:40px;text-align:center!important;color:var(--usps-gray-text);font-size:12px;font-weight:700;background:var(--usps-gray-light)!important}.data-table th.row-number{background:var(--usps-blue)!important;color:var(--usps-white)}.data-table td.row-number{padding:.5rem;border-right:1px solid var(--usps-gray-dark)}.actions-col{width:60px;text-align:center!important}.data-table td.actions-col{padding:.375rem}.btn-delete{width:24px;height:24px;border:1px solid var(--usps-gray-form);background:var(--usps-white);color:var(--usps-gray-text);cursor:pointer;border-radius:var(--radius);font-size:1rem;line-height:1;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.btn-delete:hover{background:var(--usps-red);border-color:var(--usps-red);color:var(--usps-white)}.editable-cell{min-width:100px;cursor:text}.editable-cell.invalid{background:#ffebee!important;box-shadow:inset 0 0 0 2px var(--usps-red)}.cell-value{display:block;padding:.5rem;min-height:36px;font-size:14px}.editable-cell.invalid .cell-value{padding-right:1.75rem}.error-indicator{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--usps-red);color:var(--usps-white);border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:help}.cell-input,.cell-select{width:100%;padding:.5rem;border:2px solid var(--usps-accent-blue);background:var(--usps-white);font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;outline:none;border-radius:0}.cell-input:focus,.cell-select:focus{border-color:var(--usps-blue);box-shadow:0 0 0 2px #3363}.cell-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333366' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.alert-text{font-size:12px;font-weight:700;color:var(--usps-red)}.clickable-header{cursor:pointer;position:relative;transition:background .15s ease}.clickable-header:hover{background:#252550}.header-text{display:inline}.header-badge{display:inline-block;margin-left:6px;padding:2px 6px;background:#fff3;border-radius:3px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.column-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.column-editor{background:var(--usps-white);border-radius:var(--radius);box-shadow:0 10px 40px #0000004d;width:100%;max-width:480px;overflow:hidden}.column-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--usps-blue);color:var(--usps-white)}.column-editor-header h3{margin:0;font-size:18px;font-weight:700;color:var(--usps-white)}.column-editor-close{background:transparent;border:none;color:var(--usps-white);font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .15s}.column-editor-close:hover{opacity:1}.column-editor-body{padding:1.25rem}.column-editor-info{font-size:14px;color:var(--usps-gray-text);margin-bottom:1rem;line-height:1.5}.column-editor-current{background:var(--usps-gray-light);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:13px}.column-editor-current .label{font-weight:700;color:var(--usps-blue);display:block;margin-bottom:4px}.column-editor-current .values{color:var(--usps-gray-text);word-break:break-word}.column-editor-input{margin-bottom:.5rem}.column-editor-input label{display:block;font-size:14px;font-weight:700;color:var(--usps-blue);margin-bottom:.5rem}.column-editor-text,.column-editor-select{width:100%;padding:.75rem 1rem;border:1px solid var(--usps-gray-form);border-radius:var(--radius);font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;outline:none;transition:border-color .15s}.column-editor-text:focus,.column-editor-select:focus{border-color:var(--usps-blue);box-shadow:0 0 0 2px #33336626}.column-editor-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333366' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.column-editor-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;background:var(--usps-gray-light);border-top:1px solid var(--usps-gray-dark)}@media (max-width: 768px){.app-header,.app-main{padding:1rem}.controls{flex-direction:column;align-items:stretch}.controls-left,.controls-right{justify-content:center}.column-editor{max-width:100%}}