@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{font-family:Cairo,Inter,system-ui,sans-serif;color-scheme:dark;--bg:#070e1b;--panel:#101b2d;--panel2:#16233a;--stroke:#273a55;--text:#f3f7ff;--muted:#9cafc9;--blue:#4e8efa;--blue2:#66d7ec;--green:#6addab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--blue2)}.muted{color:var(--muted);line-height:1.9}.boot{padding:80px;text-align:center;letter-spacing:4px}.layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:#0c1628;border-inline-end:1px solid var(--stroke);padding:28px 17px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand,.auth-brand{display:flex;align-items:center;gap:12px;padding:10px 10px 30px}.brand b,.auth-brand b{font-size:19px;letter-spacing:1.2px}.brand small,.auth-brand small{display:block;font-size:10px;letter-spacing:1.8px;color:#92a6c8}.brand-icon{width:41px;height:41px;border-radius:13px;background:linear-gradient(140deg,#396de6,#69cce9);font-size:26px;display:grid;place-items:center;box-shadow:0 9px 24px #194aa25c}.side-caption{font-size:10px;letter-spacing:2px;color:#7189a9;padding:15px 14px}.navitem{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#a6b8d1;text-align:start;padding:13px 16px;border-radius:11px}.navitem span{width:23px;font-size:20px;text-align:center}.navitem:hover,.navitem.selected{color:white;background:#1a2e50}.navitem.selected{box-shadow:inset 3px 0 0 var(--blue)}.side-bottom{margin-top:auto}.profile{background:#15243b;border:1px solid var(--stroke);border-radius:12px;padding:13px;margin-bottom:10px;font-weight:700;word-break:break-word}.profile small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.main{padding:28px clamp(18px,4vw,55px);min-width:0;background:radial-gradient(circle at 80% 0%,#152f52 0%,transparent 35%),var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.topbar h1{font-size:25px;margin:5px 0}.eyebrow{letter-spacing:2px;font-size:10px;color:#81a9ef;font-weight:800}.toolbar{display:flex;align-items:center;gap:9px}.toolbar select,.ghost-button{background:#17263b;border:1px solid var(--stroke);color:var(--text);padding:10px 13px;border-radius:11px;max-width:220px}.ghost-button:hover{background:#28415d}.welcome{border:1px solid #365684;border-radius:23px;padding:33px 36px;background:radial-gradient(circle at 75% 30%,#29549d55,transparent 40%),linear-gradient(125deg,#1d3d6d,#122640 65%,#0d2138);display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;overflow:hidden}.welcome h2{font-size:29px;margin:10px 0}.welcome p{color:#c9d6e9}.welcome-art{font-size:110px;color:#8bbdfc88;transform:rotate(-13deg)}.company-pill{background:#3e6bb055;border:1px solid #709de255;border-radius:100px;padding:5px 13px;color:#e0eeff;display:inline-block;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.stat{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--stroke);border-radius:17px;padding:20px;min-height:120px}.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:32px;margin-top:8px}.stat i{position:absolute;inset-inline-end:18px;top:10px;font-size:32px;font-style:normal;color:#466698}.two-col,.three-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:17px;padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:15px;margin-bottom:20px}.panel h3{margin:0;font-size:17px}.feature{padding:12px 3px;border-bottom:1px solid #24344a;color:#c3d6f2}.feature:last-child{border-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 18px;border:1px solid #557fdb;border-radius:11px;background:linear-gradient(110deg,#3478dd,#205bb5);color:white;font-weight:800;box-shadow:0 8px 28px #1652bc44}.btn:hover{filter:brightness(1.15)}.wide{width:100%}.field{display:grid;gap:7px;color:#d3deef;font-size:12px}.field input,.field select,.field textarea{width:100%;background:#0b1727;border:1px solid #324560;border-radius:10px;color:#fff;min-height:41px;padding:10px 12px;resize:vertical}.form-stack{display:grid;gap:14px;margin:10px 0 18px}.record-list{display:grid;gap:10px}.record{display:flex;align-items:center;gap:12px;padding:13px;background:var(--panel2);border:1px solid #283d56;border-radius:12px;min-width:0;text-align:start;color:var(--text);width:100%}.record strong{font-size:13px}.record small{display:block;margin-top:4px;color:var(--muted);word-break:break-all}.record>span:nth-child(2){flex:1;min-width:0}.record.active{border-color:#6997e2;background:#1c3555}.avatar{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,#275eac,#166277);border-radius:10px;flex-shrink:0;font-weight:800}.chevron{font-size:23px;color:#8caedf}.status{font-size:10px;border:1px solid #50627a;border-radius:100px;padding:4px 9px;white-space:nowrap;background:#283850;color:#cbd7e8}.status-active,.status-completed,.status-approved{color:#98edc1;border-color:#2c6e5a;background:#1b453a}.status-running,.status-queued{color:#a5ccfa;border-color:#32669b;background:#1c3859}.status-failed,.status-rejected,.status-cancelled{color:#f4a5a5;border-color:#9a4848;background:#512626}.status-waiting_approval,.status-pending{color:#f7c87b;border-color:#97713f;background:#453621}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.tiny-btn{border:1px solid #4e6c94;border-radius:8px;padding:6px 9px;color:#dceaff;background:#234064;white-space:nowrap}.tiny-btn.danger{background:#5b303b;border-color:#9b5960}.empty{color:#8298b7;text-align:center;padding:25px 15px;border:1px dashed #334760;border-radius:12px}.stack{display:grid;gap:16px}.result{padding:15px;margin-top:18px;background:#091728;border:1px solid #35527a;border-radius:13px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.result pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:12px;color:#dae6f9}.notice{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#143d3f;color:#d6fff9;border:1px solid #286f6d;border-radius:10px;padding:12px 15px;margin-bottom:16px}.notice-error{background:#4b2635;border-color:#844557;color:#ffe0e0}.notice button{background:transparent;border:0;color:inherit;font-size:23px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:500px}th,td{padding:12px 9px;border-bottom:1px solid #263950;text-align:start;word-break:break-word}th{color:#7f9cc5}.footer{padding:30px 0 10px;color:#7793b7;font-size:11px}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 23%,#183a69,transparent 30%),radial-gradient(circle at 80% 80%,#153153,transparent 38%),#080f1e;padding:22px}.auth-card{width:min(440px,100%);background:#111f33;border:1px solid #33547e;border-radius:23px;padding:30px;box-shadow:0 25px 90px #0008}.auth-brand{padding:0 0 27px}.auth-card h1{font-size:28px;margin:15px 0 8px}.auth-card .muted{margin-top:0}.link-btn{color:#9bc5ff;background:transparent;border:0;margin:5px 8px 0 0;padding:7px 0}.footnote{text-align:center;font-size:10px;color:#738ba9;border-top:1px solid #293c57;margin-top:20px;padding-top:16px}@media(max-width:1120px){.three-col{grid-template-columns:1fr 1fr}.three-col .panel:last-child{grid-column:1/-1}}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:8px;align-items:center;border-inline-end:0;border-bottom:1px solid var(--stroke)}.brand{padding:4px 8px;margin-inline-end:auto}.brand small{display:none}.brand b{font-size:15px}.brand-icon{width:30px;height:30px;font-size:17px}.side-caption,.side-bottom{display:none}.navitem{width:auto;padding:8px 10px;font-size:11px;gap:3px}.navitem span{display:none}.main{padding:20px}.topbar{align-items:flex-start;flex-direction:column}.toolbar{width:100%;flex-wrap:wrap}.toolbar select{flex:1;max-width:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{padding:21px}.welcome-art{display:none}.welcome h2{font-size:22px}.two-col,.three-col{grid-template-columns:1fr}.three-col .panel:last-child{grid-column:auto}.panel{padding:16px}.auth-card{padding:23px}}@media(max-width:440px){.navitem{padding:7px}.record{gap:8px;padding:9px}.status{font-size:9px}.stats{gap:8px}.stat{padding:12px;min-height:95px}.stat strong{font-size:25px}.toolbar select{max-width:100%}}
.channel-config{padding:12px;border:1px solid #385074;border-radius:12px;display:none;margin:9px 0}.channel-config strong{display:block;margin-bottom:10px}.thread-list{max-height:340px;overflow:auto}.thread-list .record{align-items:flex-start}.thread-list small{white-space:pre-wrap;word-break:break-word}.record code{overflow-wrap:anywhere;white-space:normal;font-size:10px}.record{min-width:0}.record>span{min-width:0}.record small{overflow-wrap:anywhere}
/* v1.3 Live AI Voice */
.voice-call-panel{display:flex;align-items:center;flex-direction:column;gap:16px;text-align:center}
.voice-call-panel .field,.voice-call-panel>label{width:100%;max-width:520px;text-align:start}
.voice-call-panel .row-actions{justify-content:center}
.voice-call-status{font-size:18px;font-weight:800;letter-spacing:1px;color:#8bbcfb}
.voice-orb{height:90px;width:90px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 35%,#376ac0,#12315a 70%);border:1px solid #598bd5;box-shadow:0 0 28px #356dde44;font-size:50px;color:#b7deff}
.voice-orb-live{animation:voicepulse 1.8s ease-in-out infinite;background:radial-gradient(circle at 38% 35%,#1aa99e,#135b78 70%)}
@keyframes voicepulse{50%{transform:scale(1.08);box-shadow:0 0 42px #2dcab66b}}
.voice-transcript{min-height:110px;max-height:290px;overflow-y:auto;padding:14px;background:#0a1729;border-radius:12px;border:1px solid #314d71;text-align:start}
.voice-line{padding:9px 11px;margin-bottom:8px;background:#152743;border-radius:9px;line-height:1.8;overflow-wrap:anywhere}
.voice-line b{color:#80ccff}.voice-clock{font-size:24px;font-variant-numeric:tabular-nums;color:#90e8d6}

.wa-qr-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:#020916dd;backdrop-filter:blur(5px)}.wa-qr-dialog{position:relative;width:min(460px,100%);max-height:95vh;overflow:auto;background:#122139;border:1px solid #3c5b83;border-radius:20px;padding:28px;text-align:center;box-shadow:0 25px 90px #000a}.wa-qr-dialog h2{margin:5px 35px 10px 0;font-size:20px}.wa-qr-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:1px solid #496282;border-radius:10px;background:#1c2e48;color:#fff;font-size:24px}.wa-qr-image{display:block;width:min(340px,100%);height:auto;margin:18px auto;padding:10px;background:white;border-radius:12px;image-rendering:pixelated}.wa-qr-dialog .row-actions{justify-content:center;margin-top:16px}