:root{color:#1a2233;background:radial-gradient(circle at 0 0,#5097ff2e,#0000 35%),linear-gradient(135deg,#f4f7fb 0%,#e8eef8 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}#root{height:100vh}table{border-collapse:collapse;width:100%}.app-shell{flex-direction:column;height:100vh;padding:22px 20px;display:flex;overflow:hidden}.hero{margin:0 0 14px}.hero-compact{margin-bottom:12px}.eyebrow{color:#4b6488;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.hero h1,.detail-topbar h2{margin:0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.05}.detail-topbar h2{font-size:clamp(1.1rem,1.8vw,1.45rem)}.grid,.detail-layout{flex:1;gap:16px;min-height:0;margin:0;display:grid}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffffff7 0%,#f6f9fff0 100%);border:1px solid #4b64881f;border-radius:18px;flex-direction:column;min-height:0;padding:16px;display:flex;box-shadow:0 22px 50px #1c305417,inset 0 1px #ffffffbf}.detail-panel,.chat-panel{height:100%;min-height:0}.panel-header,.detail-topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel h2{margin:0;font-size:1.05rem}.table-toolbar,.table-pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-toolbar{margin-bottom:12px}.table-pagination{margin-top:12px}.table-search{color:#29466e;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;font-size:.76rem;font-weight:700;display:flex}.table-search input{color:#1a2233;min-width:min(320px,60vw);font:inherit;text-transform:none;letter-spacing:normal;background:#f7fafff2;border:1px solid #7e94b752;border-radius:999px;padding:10px 14px;font-weight:400}.table-search input:focus{border-color:#1f4ea3;outline:2px solid #1f4ea338}.table-summary,.page-indicator{color:#5d6e8a;margin:0;font-size:.82rem}.table-wrapper{background:#f7faffe6;border:1px solid #7e94b72e;border-radius:20px;flex:1;min-height:0;overflow:auto;box-shadow:inset 0 1px #fffc}th,td{text-align:left;border-bottom:1px solid #4b648814;padding:10px 12px}th{z-index:1;color:#f5f8ff;letter-spacing:.08em;text-transform:uppercase;background:#1f4ea3;padding:0;font-size:.72rem;font-weight:800;position:sticky;top:0;box-shadow:inset 0 -1px #ffffff1f}.sort-button{width:100%;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.sort-button:hover{background:#ffffff14}.sort-indicator{text-align:center;min-width:1.2em}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(odd) td{background:#ffffffeb}tbody tr:nth-child(2n) td{background:#e8f0fcc2}.clickable-row{cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.clickable-row:hover td{filter:brightness(.98)}.clickable-row:hover{transform:translateY(-1px)}.clickable-row:active{transform:translateY(0)}.status,.empty{color:#5d6e8a;margin:0}.error{color:#b53535}.empty{text-align:center}.back-button{color:#fff;cursor:pointer;font:inherit;background:#1f4ea3;border:none;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.pagination-actions{align-items:center;gap:10px;display:flex}.page-button{color:#fff;cursor:pointer;font:inherit;background:#1f4ea3;border:none;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;display:inline-flex}.page-button:disabled{cursor:not-allowed;opacity:.6}.detail-section+.detail-section{margin-top:18px}.detail-scroll{flex:1;min-height:0;padding-right:6px;overflow:auto}.detail-section h3{color:#29466e;margin:0 0 10px;font-size:.88rem}.detail-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-field{background:#e8eef8a6;border-radius:12px;padding:10px 12px}.detail-label{color:#5d6e8a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.detail-value{word-break:break-word;font-size:.88rem;display:block}.chat-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow:auto}.chat-composer{border-top:1px solid #4b64881f;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.chat-composer-label{color:#29466e;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.chat-composer-textarea{resize:vertical;color:#1a2233;width:100%;min-height:96px;font:inherit;background:#f7fafff2;border:1px solid #7e94b752;border-radius:14px;padding:12px}.chat-composer-textarea:focus{border-color:#1f4ea3;outline:2px solid #1f4ea338}.chat-composer-actions{justify-content:flex-end;display:flex}.send-button{color:#fff;cursor:pointer;font:inherit;background:#1f4ea3;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.send-button:disabled{cursor:not-allowed;opacity:.6}.message{border:1px solid #0000;border-radius:14px;padding:12px}.message p{white-space:pre-wrap;margin:8px 0 0;font-size:.88rem}.message-meta{color:#4b6488;flex-wrap:wrap;gap:8px;font-size:.72rem;display:flex}.message-type{text-transform:uppercase;font-weight:800}.message-atc{background:#e9f2ff;border-color:#bfd6ff;margin-left:auto}.message-client{background:#fff4e5;border-color:#ffd7a0}.message-ia{background:#edf7ee;border-color:#bde0c0}.message-default{background:#f3f5f8;border-color:#d9e1ec}@media (width<=1100px){body{overflow:auto}#root,.app-shell{height:auto;min-height:100vh}.detail-layout{grid-template-columns:1fr}.chat-panel,.detail-panel{height:auto;min-height:auto}}@media (width<=900px){.app-shell{padding:16px 12px}.grid,.detail-section-grid{grid-template-columns:1fr}.panel{border-radius:16px;padding:14px}th,td{padding:10px}.panel-header,.detail-topbar{flex-direction:column}.table-toolbar,.table-pagination,.table-search,.pagination-actions{flex-direction:column;align-items:stretch}.table-search input{width:100%;min-width:0}}