:root{--text:#716f6f;--text-muted:#5b6b7d;--bg:#f4f6f9;--surface:#fff;--surface-sunken:#eaeff4;--border:#dbe2ea;--accent:#de545b;--accent-strong:#002853;--accent-hover:#c73f47;--accent-secondary:#002e41;--accent-text:#fff;--danger:#c0392b;--success:#3f7d4e;--warning:#92721f;--sidebar-bg:#002853;--sidebar-hover:#0b3a6e;--sidebar-text:#ffffffbf;--sidebar-text-active:#fff;--sidebar-border:#ffffff29;--font-serif:"Fraunces", "Iowan Old Style", ui-serif, Georgia, serif;--font-sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-brand:"Fredoka", "Baloo 2", ui-rounded, var(--font-sans);font:15px/1.55 var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-weight:600}a{color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;font-family:var(--font-sans);border-radius:7px;padding:7px 14px;font-weight:500;transition:border-color .12s,background .12s}button:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 30%, var(--border))}button:disabled{opacity:.45;cursor:not-allowed}button[type=submit],.app-shell button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button[type=submit]:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}input{font-family:var(--font-sans)}.login-page{background:var(--accent-strong);justify-content:center;align-items:center;min-height:100svh;display:flex}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:320px;padding:36px 32px;display:flex;box-shadow:0 1px 2px #0000000a,0 12px 32px -16px #0000002e}.login-form h1{text-align:center;font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.01em;color:var(--accent-strong);margin:0 0 4px;font-size:28px;font-weight:700}.login-form label{color:var(--text-muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.login-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:7px;padding:9px 10px;font-size:14px}.login-form input:focus{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:1px}.login-form button{margin-top:6px;padding:10px;font-weight:600}.error{color:var(--danger);font-size:14px}.app-shell{grid-template-columns:220px 1fr;min-height:100svh;display:grid}.app-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;padding:20px 16px;display:flex}.app-brand{font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.01em;color:#fff;padding:4px 10px 20px;font-size:20px;font-weight:700}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav a{color:var(--sidebar-text);border-radius:7px;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none}.app-nav a:hover{background:var(--sidebar-hover);color:#fff}.app-nav a.active{color:var(--sidebar-text-active);background:var(--accent);font-weight:600}.app-sidebar-footer{border-top:1px solid var(--sidebar-border);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.app-user-email{color:var(--sidebar-text);overflow-wrap:anywhere;padding:0 10px;font-size:12.5px}.app-sidebar-footer button{border-color:var(--sidebar-border);color:var(--sidebar-text);background:0 0;margin:0 10px}.app-sidebar-footer button:hover:not(:disabled){border-color:var(--sidebar-border);background:#ffffff1f}.app-main{max-width:1080px;padding:28px 40px 48px}.app-main h1{font-family:var(--font-sans);margin-bottom:20px;font-size:22px;font-weight:600}@media (width<=780px){.app-shell{grid-template-columns:1fr}.app-sidebar{flex-direction:row;align-items:center;gap:16px;padding:12px 16px}.app-brand{padding:0}.app-nav{flex-flow:wrap}.app-sidebar-footer{border-top:none;flex-direction:row;align-items:center;margin-top:0;margin-left:auto;padding-top:0}.app-user-email{display:none}.app-main{padding:20px 20px 40px}}.filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.filters input[type=text]{flex:1;min-width:200px}.filters input[type=text],.filters select{border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;font-family:var(--font-sans);border-radius:7px;padding:8px 10px}.filters input[type=text]:focus,.filters select:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:1px}.pagination{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:13.5px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-sunken);font-size:12px;font-weight:600}thead tr:first-child th:first-child{border-top-left-radius:9px}thead tr:first-child th:last-child{border-top-right-radius:9px}tbody tr:last-child td:first-child{border-bottom-left-radius:9px}tbody tr:last-child td:last-child{border-bottom-right-radius:9px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:color-mix(in srgb, var(--text) 3%, transparent)}.history-table{background:0 0;border:none;border-radius:0}.history-table th{background:0 0}.cell-input{border:1px solid var(--border);background:var(--surface);width:160px;color:var(--text);font-size:13.5px;font-family:var(--font-sans);border-radius:7px;padding:6px 9px}.cell-input:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:1px}.status{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.status-success{color:var(--success);background:color-mix(in srgb, var(--success) 16%, transparent)}.status-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.status-running{color:var(--warning);background:color-mix(in srgb, var(--warning) 16%, transparent)}.needs-reconciliation-row{background:color-mix(in srgb, var(--danger) 6%, transparent)}.awaiting-confirmation{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.awaiting-confirmation button{flex-shrink:0}.searchable-select-wrap{align-items:center;gap:8px;display:inline-flex}.searchable-select{width:240px;position:relative}.searchable-select input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:7px;padding:6px 10px;font-size:13.5px}.searchable-select input:focus{outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:1px}.searchable-select-options{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:200px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px -8px #00000040}.searchable-select-options li button{text-align:left;background:0 0;border:none;border-radius:5px;width:100%;padding:7px 9px;font-weight:400;display:block}.searchable-select-options li button:hover{background:var(--surface-sunken)}.searchable-select-confirm{align-items:center;gap:8px;width:auto;font-size:13.5px;display:inline-flex}
