:root{--nix-navy: #123045;--nix-navy-deep: #0b1e2c;--nix-teal: #509cb0;--nix-sky: #9cc9e3;--nix-gold: #f3b941;--nix-orange: #ea8b33;--text-primary: #ffffff;--text-secondary: #e8f4f8;--text-muted: #b8d4e3;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .16);--gradient-accent: linear-gradient(135deg, var(--nix-gold), var(--nix-orange));--radius: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .18);--focus-ring: 0 0 0 3px rgba(243, 185, 65, .45);color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text-secondary);background:var(--nix-navy)}*{box-sizing:border-box}body{margin:0;background:var(--nix-navy)}button,select,textarea,input{font:inherit}.app{position:relative;display:flex;flex-direction:column;gap:12px;padding:12px;min-height:100vh;background:radial-gradient(120% 80% at 100% -10%,rgba(80,156,176,.28),transparent 55%),var(--nix-navy)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:40px;min-height:22px}.brand-mark{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nix-gold)}.brand-mark:before{content:"";width:22px;height:4px;border-radius:999px;background:var(--gradient-accent)}.signed-in-label{margin:0;max-width:calc(58% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:12px;font-weight:600;color:var(--nix-sky);line-height:1.3}.signed-in-company{color:var(--nix-gold);font-size:13px}.card{background:#eef2f4;border:1px solid #d5dee3;border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);color:var(--nix-navy);overflow:visible}.card>h1,.card>h2{margin:-14px -14px 0;padding:12px 14px;background:var(--nix-navy);font-size:16px;font-weight:700;color:#fff;border-radius:var(--radius) var(--radius) 0 0}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-14px -14px 0;padding:8px 10px 8px 14px;background:var(--nix-navy);border-radius:var(--radius) var(--radius) 0 0}.preview-header h2{margin:0;padding:0;background:none;font-size:16px;font-weight:700;color:#fff;min-width:0}.preview-header-action{flex:0 0 auto;padding:6px 10px;font-size:12px;background:var(--gradient-accent);border-color:transparent;color:var(--nix-navy-deep)}.card .muted{color:#5a7380}.card label{color:var(--nix-navy)}.card textarea,.card select,.card input[type=text],.card input[type=date],.card input[type=number]{background:#f4f7f8;color:var(--nix-navy);border-color:#d5dee3}.card button:not(.primary):not(.tip-button):not(.icon-button){background:#f4f7f8;color:var(--nix-navy);border-color:#d5dee3}.card button:not(.primary):not(.tip-button):not(.icon-button):hover:not(:disabled){background:#e8eef1}.loan-actions{display:flex;gap:2px;justify-content:flex-end}.card button.icon-button{background:transparent;border-color:transparent;color:var(--nix-navy);padding:4px;min-height:28px;min-width:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.card button.icon-button:hover:not(:disabled){background:#e8eef1}.card button.icon-button.danger{color:#9b3a32}.card .loader{background:#f4f7f8;border-color:#d5dee3;color:var(--nix-navy)}.card .table-wrap{border-color:#d5dee3}.card th,.card td{border-bottom-color:#e8eef1}.card th{background:var(--nix-navy);color:var(--nix-gold)}.card td{background:#fff;color:var(--nix-navy)}.card tbody tr:nth-child(2n) td{background:#f4f7f8}.muted{color:var(--text-muted);margin:0;line-height:1.4}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:12px;color:var(--nix-sky)}textarea,select,input[type=text],input[type=date],input[type=number]{width:100%;border:1px solid var(--glass-border);border-radius:8px;padding:8px;background:#0b1e2c8c;color:var(--text-primary)}textarea:focus,select:focus,input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--nix-gold)}textarea{min-height:120px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}button{border:1px solid var(--glass-border);background:#ffffff14;color:var(--text-primary);border-radius:8px;padding:8px 12px;min-height:36px;cursor:pointer;font-weight:600}button:hover:not(:disabled){background:#ffffff24}button.primary{background:var(--gradient-accent);border-color:transparent;color:var(--nix-navy-deep);font-weight:700;box-shadow:var(--shadow)}button.primary:hover:not(:disabled){filter:brightness(1.05)}button:disabled{opacity:.55;cursor:not-allowed}.error{color:#ffb4a8;margin:0;white-space:pre-wrap}.success{color:var(--nix-gold);margin:0}.loader{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;border-radius:8px;border:1px solid var(--glass-border);background:#0b1e2c8c;color:var(--nix-gold);font-weight:600;font-size:13px}.spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid rgba(243,185,65,.25);border-top-color:var(--nix-gold);border-radius:50%;animation:nix-spin .7s linear infinite}@keyframes nix-spin{to{transform:rotate(360deg)}}.table-wrap{overflow:auto;max-height:220px;border:1px solid var(--glass-border);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:6px 8px;text-align:left;white-space:nowrap;color:var(--text-secondary)}th{background:#0b1e2cd9;color:var(--nix-gold);position:sticky;top:0}.label-with-tip{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.company-block{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:12px;color:var(--nix-navy)}.company-block label{color:inherit;font:inherit;display:inline}.company-controls{display:flex;align-items:stretch;gap:8px}.company-controls select{flex:1 1 auto;min-width:0;min-height:36px}.company-controls button{flex:0 0 auto;min-height:36px;white-space:nowrap;padding-left:14px;padding-right:14px}.tip-wrap{position:relative;display:inline-flex;align-items:center}.tip-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:999px;font-size:14px;font-weight:700;line-height:1;color:var(--nix-navy-deep);background:var(--nix-gold);border-color:var(--nix-gold);flex-shrink:0}.tip-bubble{position:fixed;z-index:40;padding:8px 10px;border-radius:8px;border:1px solid var(--glass-border);background:var(--nix-navy-deep);color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.4;box-shadow:var(--shadow);pointer-events:none;white-space:normal}.preview-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.preview-footer .muted{margin:0 auto 0 0;min-width:0}.preview-tabs,.pane-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;justify-content:flex-start}.preview-tabs button,.pane-tabs button{padding:8px 12px;min-height:36px;font-weight:600;font-size:12px}.preview-tabs button.active,.pane-tabs button.active{background:var(--gradient-accent);border-color:transparent;color:var(--nix-navy-deep)}.dialog-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1e2c8c;pointer-events:auto}.dialog{position:relative;z-index:1;width:100%;max-height:calc(100% - 24px);overflow:auto;background:#eef2f4;color:var(--nix-navy);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;pointer-events:auto}.dialog h2{margin:0;font-size:16px}.dialog-stale{margin:0;font-weight:600;color:#8a4b12}.dialog-mapping{margin:0;padding-left:18px;font-size:13px}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.dialog button:not(.primary){background:#f4f7f8;color:var(--nix-navy);border-color:#d5dee3}.dialog button:not(.primary):hover:not(:disabled){background:#e8eef1}.legal-footer{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px;font-size:12px}.legal-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}.account-fine-print{margin:0;font-size:11px;line-height:1.4;color:var(--text-muted);opacity:.8}.signed-out-intro{display:flex;flex-direction:column;gap:8px}.signed-out-intro p{margin:0}.legal-footer a{color:var(--text-muted);text-decoration:underline;min-height:36px;display:inline-flex;align-items:center;padding:4px 2px;border-radius:4px}.legal-footer a:hover,.legal-footer a:focus-visible{color:var(--nix-gold)}
