:root{color:#e7f7ef;background:#06120c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.page-center,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(9,189,88,.2),transparent 30%),radial-gradient(circle at 80% 30%,rgba(239,199,105,.12),transparent 28%),linear-gradient(135deg,#07120d,#0a1710,#020504)}.loading-card,.login-card,.login-hero{border:1px solid rgba(177,255,211,.14);background:#0b1b12c7;box-shadow:0 24px 80px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:26px}.loading-card{padding:32px;text-align:center;color:#b9f6d0}.login-page{grid-template-columns:minmax(280px,520px) minmax(280px,420px);gap:24px}.login-hero{padding:44px}.brand-badge{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#06c755,#087b39);color:#fff;margin-bottom:22px}.login-hero h1,.topbar h1{margin:0;color:#fff;letter-spacing:-.04em}.login-hero h1{font-size:clamp(36px,6vw,64px);line-height:.95}.login-hero p{color:#a8b8ae;font-size:18px;line-height:1.7;max-width:520px}.login-card{padding:32px;display:grid;gap:18px;width:100%}.login-card h2{margin:4px 0 0;color:#fff;font-size:30px}.eyebrow{margin:0;color:#06c755;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}label{display:grid;gap:8px;color:#cfe7d7;font-size:14px;font-weight:700}input,select,textarea{width:100%;color:#fff;background:#020a06b8;border:1px solid rgba(177,255,211,.18);border-radius:14px;padding:13px 14px;outline:none}textarea{min-height:94px;resize:vertical}select option{color:#111}input:focus,select:focus,textarea:focus{border-color:#06c755;box-shadow:0 0 0 4px #06c7551f}.primary-button,.ghost-button,.logout-button,.nav-item,.oa-card,.switch-button,.danger-button,.icon-danger{border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:linear-gradient(135deg,#06c755,#05a346);color:#fff;font-weight:800;padding:14px 18px}.ghost-button{background:#ffffff12;color:#dff8e8;border:1px solid rgba(177,255,211,.14);padding:10px 12px}.danger-button,.icon-danger{color:#fff;background:#ff4545db}.danger-button{padding:14px 18px;font-weight:800}.icon-danger{width:36px;height:36px;flex-shrink:0}.error-box{border:1px solid rgba(255,105,105,.35);background:#ff3b3b1f;color:#ffc7c7;padding:12px 14px;border-radius:14px;margin-bottom:16px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#06120c}.sidebar{border-right:1px solid rgba(177,255,211,.1);background:#08160f;padding:22px;display:flex;flex-direction:column;gap:24px}.sidebar-brand{display:flex;gap:12px;align-items:center;color:#fff}.sidebar-brand svg{color:#06c755}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#8ea497;font-size:13px}.nav-list{display:grid;gap:8px}.nav-item{justify-content:flex-start;background:transparent;color:#a8b8ae;padding:12px}.nav-item.active,.nav-item:hover{color:#fff;background:#06c7551f}.logout-button{margin-top:auto;justify-content:flex-start;color:#fcc;background:#ffffff0f;padding:12px}.main-panel{padding:28px;overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.user-chip{padding:10px 14px;border-radius:999px;color:#fff;background:#ffffff14}.content-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px}.content-grid.wide-right{grid-template-columns:minmax(320px,380px) 1fr}.logs-layout{display:grid;gap:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:18px}.dashboard-card-wide{grid-column:1 / -1}.metric-card,.panel-card{background:#0b1b12e6;border:1px solid rgba(177,255,211,.12);border-radius:24px}.metric-card{padding:22px}.metric-card span{display:block;color:#94a99b;margin-bottom:8px}.metric-card strong{color:#fff;font-size:36px;letter-spacing:-.05em}.panel-card{padding:22px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-header h2,.panel-card h3{color:#fff;margin:0}.panel-card h3{margin-bottom:12px}.panel-header p,.muted,.setting-row p{color:#94a99b;margin:4px 0 0}.oa-list{display:grid;gap:10px}.oa-card{width:100%;justify-content:flex-start;flex-wrap:wrap;text-align:left;color:#dff8e8;background:#ffffff0d;border:1px solid rgba(177,255,211,.1);padding:14px}.oa-card.selected{border-color:#06c755a6;background:#06c75524}.oa-card strong{width:100%}.oa-card span{color:#94a99b}.oa-card em{margin-left:auto;color:#06c755;font-style:normal;font-size:12px;font-weight:800}.empty-box{border:1px dashed rgba(177,255,211,.2);border-radius:18px;padding:18px;color:#9fb2a7;background:#ffffff09}.settings-list,.info-list,.form-grid,.mini-list,.logs-list{display:grid;gap:14px}.setting-row,.info-row,.mini-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:#ffffff0b;border:1px solid rgba(177,255,211,.08)}.setting-row strong,.info-row strong,.mini-item strong{color:#fff}.info-row span,.mini-item span,.mini-item small{color:#94a99b}.mini-item strong,.mini-item span,.mini-item small{display:block}.response-item{align-items:flex-start}.switch-button{min-width:72px;padding:10px 14px;background:#ffffff1a;color:#cbd8cf;font-weight:900}.switch-button.on{background:#06c755;color:#fff}.number-control{display:flex;align-items:center;gap:8px}.number-control input{width:120px}.editor-section{border-top:1px solid rgba(177,255,211,.1);margin-top:24px;padding-top:24px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.two-column-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.compact-form{display:grid;grid-template-columns:1.2fr .9fr 90px auto;gap:8px;margin-bottom:14px}.inline-fields,.filter-grid{display:grid;gap:12px}.inline-fields{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:repeat(6,minmax(130px,1fr));align-items:end}.filter-button{min-height:48px}.log-card{padding:16px;border-radius:18px;background:#ffffff0b;border:1px solid rgba(177,255,211,.08)}.log-card-header{display:flex;justify-content:space-between;gap:12px;color:#94a99b;margin-bottom:10px}.log-card-header strong{padding:4px 8px;border-radius:999px;color:#fff}.log-card-header strong.inbound{background:#06c75538}.log-card-header strong.outbound{background:#6999ff38}.log-card p{color:#fff;margin:0 0 12px;white-space:pre-wrap}.log-meta{display:flex;flex-wrap:wrap;gap:8px}.log-meta span{color:#b9c8be;font-size:12px;background:#fff1;border-radius:999px;padding:6px 8px}.log-error{margin-top:10px;color:#ffd2d2;font-size:13px}@media(max-width:1100px){.two-column-grid,.compact-form,.filter-grid{grid-template-columns:1fr}}@media(max-width:920px){.login-page,.admin-shell,.content-grid,.content-grid.wide-right,.dashboard-grid{grid-template-columns:1fr}.sidebar{position:static}.topbar,.panel-header,.setting-row,.info-row{flex-direction:column;align-items:stretch}}.settings-page-grid{grid-template-columns:minmax(320px,400px) minmax(420px,1fr)}.settings-section-title{border-top:1px solid rgba(177,255,211,.1);padding-top:18px;margin-top:4px}.settings-section-title:first-child{border-top:0;padding-top:0}.settings-section-title h3{color:#fff;margin:0}.settings-section-title p{color:#94a99b;margin:4px 0 0}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 12px;border-radius:999px;color:#fff;background:#06c7552e;border:1px solid rgba(6,199,85,.35);font-weight:800}.readonly-setting{opacity:.95}.dashboard-detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(280px,1.2fr);gap:18px}.dashboard-summary-card{border:1px solid rgba(177,255,211,.08);border-radius:18px;background:#ffffff0b;padding:16px}.dashboard-summary-card h3{margin:0 0 14px;color:#fff}.summary-bars{display:grid;gap:12px}.summary-bar-row{display:grid;gap:6px}.summary-bar-label{display:flex;justify-content:space-between;gap:12px;color:#94a99b;font-size:13px}.summary-bar-label strong{color:#fff}.summary-bar-track{height:9px;border-radius:999px;overflow:hidden;background:#ffffff14}.summary-bar-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,#06c755,#05a346)}@media(max-width:1100px){.dashboard-detail-grid{grid-template-columns:1fr}}.mini-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tiny-button{border:1px solid rgba(177,255,211,.14);border-radius:999px;background:#ffffff12;color:#dff8e8;padding:8px 10px;font-size:12px;font-weight:800}.tiny-button.on{color:#fff;background:#06c75547;border-color:#06c75573}@media(max-width:700px){.mini-item{flex-direction:column;align-items:stretch}.mini-actions{justify-content:flex-start;flex-wrap:wrap}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:24px;border:1px solid rgba(177,255,211,.16);background:#0b1b12;box-shadow:0 28px 90px #0000008c;padding:22px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-header h2{color:#fff;margin:0}.modal-actions{justify-content:flex-end}.webhook-tester-grid{grid-template-columns:minmax(320px,520px) 1fr}.json-preview{margin:0;white-space:pre-wrap;overflow:auto;max-height:520px;color:#dff8e8;background:#020a06b8;border:1px solid rgba(177,255,211,.12);border-radius:18px;padding:16px}.webhook-tester-layout{display:grid;gap:18px}.quick-test-buttons{display:flex;flex-wrap:wrap;gap:8px}.flow-builder-layout{display:grid;gap:18px}.flow-builder-grid{grid-template-columns:minmax(320px,420px) 1fr}.flow-sample-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.options-textarea{min-height:150px}.hint-box{color:#b9c8be;background:#ffffff0b;border:1px solid rgba(177,255,211,.08);border-radius:16px;padding:12px 14px;line-height:1.7}.hint-box code{color:#fff}.flow-step-list{display:grid;gap:14px}.flow-step-card{display:flex;justify-content:space-between;gap:16px;border-radius:18px;background:#ffffff0b;border:1px solid rgba(177,255,211,.08);padding:16px}.flow-step-card strong{color:#fff}.flow-step-card p{color:#dff8e8;white-space:pre-wrap}.small-preview{max-height:240px;margin-top:12px}@media(max-width:920px){.flow-builder-grid,.flow-step-card{grid-template-columns:1fr}.flow-step-card{flex-direction:column}}.checkbox-row{display:flex;align-items:center;flex-direction:row;gap:10px;color:#dff8e8;font-weight:800}.checkbox-row input{width:18px;height:18px}.sessions-page-grid{grid-template-columns:minmax(320px,420px) 1fr}.session-list{display:grid;gap:14px}.session-card{display:flex;justify-content:space-between;gap:16px;border-radius:18px;background:#ffffff0b;border:1px solid rgba(177,255,211,.08);padding:16px}.session-title-row{display:flex;align-items:center;gap:12px}.session-title-row strong{color:#fff}.session-title-row span{color:#8effb8;border:1px solid rgba(142,255,184,.24);background:#06c7551f;border-radius:999px;font-size:11px;font-weight:900;padding:5px 8px}@media(max-width:920px){.sessions-page-grid,.session-card{grid-template-columns:1fr}.session-card{flex-direction:column}}.import-json-textarea{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.validation-panel{border-radius:18px;padding:14px;margin-bottom:14px;border:1px solid rgba(177,255,211,.12);background:#ffffff0b}.validation-ok{border-color:#8effb852;background:#06c7551f}.validation-error{border-color:#ff7e7e6b;background:#ff50501a}.validation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;margin-bottom:10px}.validation-header span{color:#dff8e8;font-size:12px;font-weight:800}.validation-section{color:#dff8e8;margin-top:10px}.validation-section ul{margin:8px 0 0;padding-left:20px}.validation-section li{margin-bottom:6px}