:root{--bg:#0b0f14;--surface:#121820;--surface-2:#1a222c;--line:#2a3542;--text:#e8eef4;--muted:#93a1b1;--gold:#d4b483;--gold-2:#b8945a;--up:#3dd68c;--down:#f07178;--warn:#e7c36a;--safe:#7aa2c8}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:IBM Plex Sans Arabic,Cairo,Tahoma,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}input,select{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;width:100%}button{cursor:pointer;border:0;border-radius:10px;background:var(--gold);color:#1a140c;font-weight:700;padding:.75rem 1rem}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button.danger{background:transparent;color:var(--down);border:1px solid var(--down)}.shell{display:grid;min-height:100dvh}@media (min-width:960px){.shell{grid-template-columns:240px 1fr}}.sidebar{background:var(--surface);border-left:1px solid var(--line);padding:1.25rem 1rem 5.5rem;display:flex;flex-direction:column;gap:.35rem}.brand{font-size:1.4rem;font-weight:800;color:var(--gold);margin-bottom:.75rem}.bottom a,.nav a{display:block;padding:.65rem .8rem;border-radius:10px;color:var(--muted)}.bottom a.active,.nav a.active,.nav a:hover{background:var(--surface-2);color:var(--text)}.badge-ro{margin-top:auto;font-size:.8rem;color:var(--gold);border:1px solid var(--gold-2);border-radius:999px;padding:.4rem .7rem;text-align:center}.content{padding:1.25rem;max-width:1200px}.page-title{margin:0 0 1rem;font-size:1.55rem}.grid{grid-gap:1rem;gap:1rem}.grid,.kpis{display:grid}.kpis{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem}.kpi .label{color:var(--muted);font-size:.85rem}.kpi .value{font-size:1.35rem;font-weight:800;margin-top:.3rem}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{padding:.65rem .5rem;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{color:var(--muted);font-weight:600}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.bar{height:10px;background:var(--surface-2);border-radius:99px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--gold)}.bottom{display:none;position:fixed;inset-inline:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);gap:.2rem;text-align:center;font-size:.72rem}@media (max-width:959px){.sidebar{display:none}.bottom{display:grid}.content{padding-bottom:5.5rem}}.login{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%)}.login h1{margin-top:0}.err{color:var(--down);min-height:1.2rem}.chat{display:grid;grid-gap:.75rem;gap:.75rem}.bubble{padding:.8rem 1rem;border-radius:14px;background:var(--surface-2);white-space:pre-wrap;line-height:1.7}.bubble.user{background:#243042}.row{display:flex;gap:.5rem}.row input{flex:1 1}.agent-layout{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}@media (min-width:960px){.agent-layout{grid-template-columns:220px 1fr}}.agent-history{display:flex;flex-direction:column;gap:.6rem}.agent-history-list{display:flex;flex-direction:column;gap:.35rem;max-height:50vh;overflow:auto}.history-item{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.active{border-color:var(--gold);color:var(--gold)}.suggestions{display:flex;flex-wrap:wrap;gap:.4rem}.suggestions button{width:auto;padding:.4rem .7rem;font-size:.85rem}.transcript{display:grid;grid-gap:.75rem;gap:.75rem;min-height:220px;max-height:55vh;overflow:auto}