:root{font-family:Segoe UI,Tahoma,sans-serif;color:#1f2a37;background:#f3efe8;line-height:1.45;font-size:18px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f6f1e7,#efe8db)}button,input,select,textarea{font:inherit}a{color:#164e38}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0d3f31,#205440);color:#f7f3ea;padding:28px 22px;display:flex;flex-direction:column;gap:24px}.brand strong{display:block;font-size:1.45rem;margin-bottom:6px}.brand span,.sidebar-footer span{color:#d6e4dc}.nav{display:flex;flex-direction:column;gap:8px}.nav a{color:inherit;text-decoration:none;padding:14px 16px;border-radius:16px;font-weight:600}.nav a.active,.nav a:hover{background:#ffffff29}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.content{padding:28px}.page{display:grid;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.page-header h1{margin:0 0 8px;font-size:2rem}.page-header p,.muted-text{margin:0;color:#64748b}.header-actions,.inline-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.card{background:#fffdf9;border:1px solid #e6dccb;border-radius:20px;padding:22px;box-shadow:0 14px 34px #1f2a3714}.muted-card{color:#52606d}.error-card{border-color:#e7b4aa;background:#fff4f1;color:#8a2817}.error-card p{margin:8px 0}.empty-state h2{margin:0 0 10px}.empty-state p{max-width:52ch}.stats-grid,.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.metric-card span{display:block;color:#64748b;margin-bottom:8px}.metric-card strong{font-size:2rem}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-layout{align-items:start}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:920px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid #efe5d9;vertical-align:top}th{color:#64748b;font-size:.95rem}.selected-row{background:#f4efe6}.search,textarea,input,select{border:1px solid #ccbda7;background:#fffdf8;border-radius:14px;padding:12px 14px}textarea{width:100%}button{border:0;border-radius:14px;padding:12px 16px;background:#18503c;color:#fff;cursor:pointer;font-weight:600}button:disabled{opacity:.65;cursor:wait}.secondary-button,.ghost-button{background:#ece4d8;color:#1f2a37}.ghost-button{padding:0}.filter-card{padding:18px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.field,.compact-field{display:grid;gap:8px}.compact-field span,.field span{color:#51606e;font-size:.95rem}.stack-list,.timeline,.plain-list{margin:0;padding-left:18px}.stack-list li,.timeline li{margin-bottom:12px}.stack-list li{display:flex;justify-content:space-between;gap:12px}.timeline strong{display:block}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:.9rem;font-weight:700}.tone-neutral{background:#ece4d8;color:#51493f}.tone-success{background:#dff3e7;color:#165136}.tone-warning{background:#fff0d8;color:#925a00}.tone-danger{background:#f9d9d4;color:#9a1f1f}.tone-muted{background:#ececec;color:#5f5f5f}.sticky-action-bar{position:sticky;top:12px;z-index:4;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;background:#fffdf9f5;border:1px solid #e6dccb;border-radius:18px;box-shadow:0 12px 26px #1f2a3714}.tab-bar{display:flex;flex-wrap:wrap;gap:10px}.tab-bar button{background:#efe7da;color:#334155}.tab-bar button.is-active{background:#18503c;color:#fff}.field-value{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #efe5d9}.field-value span{color:#64748b}.note-box,.json-block{white-space:pre-wrap;word-break:break-word;background:#f7f2e9;border-radius:14px;padding:14px}.transcript-list{display:grid;gap:12px}.transcript-turn{border-radius:16px;padding:14px 16px;max-width:80ch}.bot-turn{background:#eef4ef}.user-turn{background:#f7efe5}.transcript-turn p{margin:6px 0 0}.name-with-dot{display:flex;align-items:center;gap:10px}.status-dot{width:13px;height:13px;border-radius:999px;display:inline-block}.dot-green{background:#2f8f57}.dot-orange{background:#d68315}.dot-red{background:#c63b3b}.split-view{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:18px}.side-panel,.detail-panel{min-height:420px}.detail-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-panel-header h2,.detail-panel h3{margin:0 0 8px}.lead-paragraph{font-size:1.15rem;margin-top:0}.queue-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.queue-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #efe5d9;padding-bottom:12px}.inline-summary{display:flex;gap:18px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118276b;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(560px,100%);background:#fffdf9;border-radius:20px;padding:22px;box-shadow:0 22px 48px #0f172a3d}.modal-card.compact-modal{width:min(440px,100%)}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.stack-form{display:grid;gap:14px}.radio-row{display:flex;gap:10px;align-items:center}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e4efe8,#f5efe5 45%,#efe5d6)}.login-card{display:grid;grid-template-columns:1.1fr .9fr;width:min(980px,100%);background:#fffdf9;border-radius:26px;overflow:hidden;box-shadow:0 22px 48px #0f172a29}.brand-panel{background:linear-gradient(180deg,#164736,#2a6b51);color:#f7f3ea;padding:38px;display:grid;align-content:center;gap:10px}.brand-panel h1{margin:0;font-size:2.4rem}.brand-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:#d7e4dc}.login-form{padding:38px;display:grid;gap:16px}.inline-error{background:#fde9e4;border-radius:12px;color:#9a1f1f;padding:12px 14px}.inline-success{background:#e8f5ec;border-radius:12px;color:#18503c;padding:12px 14px}.import-result{margin-top:18px;display:grid;gap:14px}.login-hint{margin:0;color:#64748b}@media(max-width:1100px){.layout,.two-col,.split-view,.login-card{grid-template-columns:1fr}.sidebar{padding-bottom:20px}.page-header{flex-direction:column}.sticky-action-bar{position:static}}
