:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{max-width:1180px;margin:0 auto;padding:44px 28px 72px}header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:#5b6ee1;letter-spacing:.14em;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(30px,4vw,48px)}h2{margin:0;font-size:19px}p{color:#6d7688;line-height:1.6}header p{margin:0}.tabs{background:#e9edf7;border-radius:14px;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:6px;display:flex}.tab{color:#657087;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 16px;font-weight:800}.tab.active{color:#485ad5;background:#fff;box-shadow:0 3px 10px #20305814}.page-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric{background:#f7f8fc;border:1px solid #e4e8f0;border-radius:12px;padding:14px}.metric span,.metric strong{display:block}.metric span{color:#8b94a5;margin-bottom:5px;font-size:12px}.metric strong{font-size:21px}.compact{width:auto;margin:0;padding:8px 13px}.empty{color:#8b94a5;text-align:center;padding:28px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f5;padding:11px 10px}th{color:#7b8495;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.content-cell{white-space:pre-wrap;min-width:260px;max-width:520px}.mapping-form{border:1px solid #e4e8f0;border-radius:12px;margin-bottom:20px;padding:14px}.mapping-form select{margin-bottom:8px}.four{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.four input{min-width:0}.identity-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mapping-table h3{margin:0 0 10px;font-size:15px}.history-toolbar{gap:10px;margin-bottom:18px;display:flex}.history-toolbar select{flex:1}.history-toolbar input{max-width:110px}.card-title.sub{margin-top:24px;margin-bottom:12px}.card-title.sub h3{margin:0;font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#485ad5;background:#eef1ff;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:700}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card{background:#ffffffe6;border:1px solid #e4e8f0;border-radius:18px;padding:24px;box-shadow:0 14px 32px #2030580f}.wide{margin-top:20px}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.section-subtitle{margin:6px 0 0;font-size:13px}.field{color:#5b6475;flex-direction:column;gap:8px;margin:16px 0;font-size:13px;font-weight:700;display:flex}input,textarea,select{color:#182137;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dbe1ec;border-radius:10px;outline:none;padding:12px 13px;transition:border .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#6879ed;box-shadow:0 0 0 3px #6879ed21}textarea{resize:vertical}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.access-key-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.access-key-controls .field{min-width:0}.access-key-button{white-space:nowrap;width:auto;min-width:108px;margin:16px 0}.switch-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-weight:700;display:flex}.switch-row input{accent-color:#5b6ee1;width:20px;height:20px}.primary,.secondary{cursor:pointer;border-radius:10px;width:100%;margin-top:8px;padding:13px 16px;font-weight:800}.primary{color:#fff;background:#5b6ee1;border:0}.primary:hover{background:#485ad5}.secondary{color:#526174;background:#fff;border:1px solid #cfd6e6}.secondary:hover{color:#485ad5;border-color:#6879ed}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.65}.action-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pill{color:#7b8495;white-space:nowrap;background:#f0f2f6;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:800}.pill.on{color:#16854e;background:#e2f8ed}.hint,.tip{color:#8b94a5;font-size:12px}.tip{margin-bottom:0}.tip code{color:#5b6475}.chatids{word-break:break-all}.status{background:#fff;border:1px solid #e4e8f0;border-radius:14px;align-items:center;gap:11px;min-width:215px;padding:14px 16px;display:flex}.status strong,.status small{display:block}.status small{color:#8b94a5;margin-top:3px}.dot{background:#c2c8d3;border-radius:50%;width:10px;height:10px}.dot.green{background:#20b76e;box-shadow:0 0 0 5px #e4f8ed}.notice{border-radius:10px;margin-bottom:18px;padding:13px 16px;font-weight:700}.success{color:#177c4d;background:#e5f8ee}.error{color:#b23b3b;background:#ffeded}.route-card{background:linear-gradient(145deg,#fffffffa,#f6f7fff0);border-color:#dce1ff}.route-key{color:#737d91;background:#f4f5fb;border:1px solid #e1e4f2;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:12px;display:flex}.route-key code{color:#4254c5;font-weight:800}.mapping-summary{grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:18px 0 8px;display:grid}.mapping-summary div{background:#fff;border:1px solid #e4e8f0;border-radius:12px;min-width:0;padding:12px}.mapping-summary span,.mapping-summary strong{display:block}.mapping-summary span{color:#8b94a5;margin-bottom:5px;font-size:11px}.mapping-summary strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.route-actions{margin-top:12px}@media (width<=780px){header{flex-direction:column}.grid,.two,.mapping-summary,.page-grid,.identity-columns,.four,.metric-grid,.access-key-controls{grid-template-columns:1fr}.access-key-button{width:100%;margin:0 0 16px}.shell{padding:28px 16px 52px}.action-row{grid-template-columns:1fr}}