:root{
  --bg:#071122;--bg-2:#0a162b;--surface:#0d1b31;--surface-2:#12233e;--surface-3:#172b49;
  --line:rgba(148,184,225,.14);--line-strong:rgba(148,184,225,.24);--text:#f5f9ff;--muted:#8fa5bf;
  --cyan:#54d8ff;--cyan-2:#8be8ff;--blue:#5e7cff;--violet:#9b7cff;--green:#4de4a2;--yellow:#ffd66b;--red:#ff6f83;
  --shadow:0 18px 60px rgba(0,0,0,.28);--shadow-soft:0 10px 30px rgba(0,0,0,.17);--radius:20px;--radius-sm:13px;
  --sidebar:274px;--topbar:82px;--ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(83,114,255,.11),transparent 35%),linear-gradient(180deg,#071122 0,#081426 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.boot-screen{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#071122;z-index:9999;color:var(--muted);gap:18px}.boot-logo{display:flex;gap:8px;justify-content:center;align-items:end;height:38px}.boot-logo span{width:8px;border-radius:99px;background:linear-gradient(180deg,var(--cyan),var(--blue));animation:boot 1.05s ease-in-out infinite}.boot-logo span:nth-child(1){height:20px}.boot-logo span:nth-child(2){height:34px;animation-delay:.12s}.boot-logo span:nth-child(3){height:26px;animation-delay:.24s}@keyframes boot{50%{transform:scaleY(.58);opacity:.55}}.brand{display:inline-flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:19px;letter-spacing:-.03em}.brand small{color:var(--muted);font-size:11px;margin-top:4px}.brand-large strong{font-size:24px}.brand-large small{font-size:12px}.brand-mark{display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:34px;height:34px;padding:7px;border:1px solid rgba(118,214,255,.3);border-radius:10px;background:linear-gradient(145deg,rgba(84,216,255,.18),rgba(94,124,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(68,164,255,.1)}.brand-mark i{display:block;border-radius:4px;background:linear-gradient(180deg,var(--cyan-2),var(--blue))}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:14px}.btn,.icon-btn,.nav-item,.search-trigger,.workspace-switcher,.user-chip,.link-btn,.auth-tab{border:0;cursor:pointer;transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s,box-shadow .2s}.btn{min-height:44px;border-radius:12px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;font-size:13px;border:1px solid transparent}.btn svg{width:18px;height:18px}.btn:active,.icon-btn:active{transform:translateY(1px) scale(.985)}.btn-primary{color:#071122;background:linear-gradient(135deg,#73e3ff,#7892ff);box-shadow:0 9px 28px rgba(80,174,255,.24)}.btn-primary:hover{box-shadow:0 12px 34px rgba(80,174,255,.36);filter:saturate(1.08)}.btn-secondary{background:rgba(255,255,255,.045);border-color:var(--line-strong);color:#dcecff}.btn-secondary:hover,.btn-ghost:hover{background:rgba(122,173,255,.1);border-color:rgba(125,204,255,.35)}.btn-light{background:#f3f8ff;color:#12233e;box-shadow:0 8px 24px rgba(0,0,0,.15)}.btn-danger{background:rgba(255,111,131,.1);border-color:rgba(255,111,131,.3);color:#ff9aa9}.btn-ghost{background:rgba(255,255,255,.035);border-color:var(--line-strong)}.btn-large{min-height:52px;border-radius:14px;width:100%;font-size:14px}.btn-block{width:100%}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.icon-btn:hover{background:rgba(123,190,255,.1);border-color:rgba(123,190,255,.3)}.eyebrow,.panel-kicker{color:#82cfff;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;display:flex;align-items:center;gap:8px}.eyebrow svg{width:14px;height:14px}.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:750}.status-pill i{width:7px;height:7px;border-radius:50%}.status-pill.success{color:#78edbd;border-color:rgba(77,228,162,.24);background:rgba(77,228,162,.08)}.status-pill.success i{background:var(--green);box-shadow:0 0 12px var(--green)}.status-pill.warning{color:#ffdc83;border-color:rgba(255,214,107,.25);background:rgba(255,214,107,.08)}.status-pill.warning i{background:var(--yellow)}.status-pill.error{color:#ff97a6;border-color:rgba(255,111,131,.25);background:rgba(255,111,131,.08)}.status-pill.error i{background:var(--red)}.status-pill.neutral{color:#a8bad1;border-color:var(--line);background:rgba(255,255,255,.035)}
/* Authentication */
.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);position:relative;isolation:isolate}.auth-screen:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(111,175,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(111,175,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 85%);z-index:-2}.auth-visual{padding:48px clamp(42px,6vw,94px);display:flex;flex-direction:column;min-height:100vh;border-right:1px solid var(--line);overflow:hidden;position:relative}.auth-visual:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(71,188,255,.13),rgba(85,88,255,.04) 42%,transparent 68%);right:-130px;top:18%;z-index:-1}.auth-copy{max-width:760px;margin-top:clamp(54px,9vh,115px)}.auth-copy h1{font-size:clamp(42px,5.8vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0 26px;max-width:850px}.auth-copy p{font-size:17px;line-height:1.75;color:#a9bfd8;max-width:680px}.automation-map{position:relative;height:260px;max-width:700px;margin:40px 0 24px}.map-core{position:absolute;left:50%;top:49%;translate:-50% -50%;width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 40% 30%,rgba(117,232,255,.24),rgba(33,61,112,.78) 55%,rgba(7,17,34,.95));border:1px solid rgba(115,222,255,.35);box-shadow:0 0 0 12px rgba(84,216,255,.025),0 0 80px rgba(65,137,255,.18),inset 0 1px rgba(255,255,255,.18);z-index:2}.map-core svg{margin:0 auto 8px;width:34px;height:34px;color:var(--cyan)}.map-core b{font-size:16px}.map-core span{font-size:10px;color:var(--muted);margin-top:4px}.map-node{position:absolute;z-index:3;padding:9px 13px;border-radius:10px;background:rgba(13,27,49,.88);border:1px solid rgba(119,202,255,.22);font-size:11px;font-weight:750;box-shadow:var(--shadow-soft)}.map-node.n1{left:3%;top:20%}.map-node.n2{left:15%;bottom:8%}.map-node.n3{right:8%;top:10%}.map-node.n4{right:2%;bottom:17%}.map-node.n5{left:43%;top:0}.map-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(85,213,255,.8),transparent);transform-origin:left;opacity:.6}.l1{width:260px;left:18%;top:32%;rotate:17deg}.l2{width:240px;left:24%;bottom:30%;rotate:-24deg}.l3{width:240px;left:51%;top:36%;rotate:-17deg}.l4{width:250px;left:50%;bottom:31%;rotate:22deg}.l5{width:110px;left:49%;top:24%;rotate:90deg}.auth-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin-top:auto}.auth-proof-grid div{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px}.auth-proof-grid strong{display:block;font-size:18px}.auth-proof-grid span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.auth-panel-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:34px;background:linear-gradient(180deg,rgba(9,23,43,.8),rgba(7,17,34,.96))}.auth-panel{width:min(100%,470px);padding:34px;border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(160deg,rgba(18,35,62,.86),rgba(10,22,43,.94));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(18px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:rgba(4,12,25,.5);margin-bottom:28px}.auth-tab{height:40px;border-radius:9px;background:transparent;color:var(--muted);font-weight:750;font-size:12px}.auth-tab.active{background:linear-gradient(135deg,rgba(84,216,255,.16),rgba(94,124,255,.18));color:var(--text);box-shadow:inset 0 0 0 1px rgba(115,219,255,.2)}.auth-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.auth-heading h2{margin:0;font-size:25px;letter-spacing:-.035em}.auth-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.auth-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:var(--cyan);background:rgba(84,216,255,.1);border:1px solid rgba(84,216,255,.2)}.auth-form{display:grid;gap:15px}.auth-form label,.settings-panel label,.modal-form label{display:grid;gap:8px;color:#b8cae0;font-size:11px;font-weight:700}.auth-form input,.settings-panel input,.settings-panel select,.modal-form input,.modal-form select,.modal-form textarea,.search-box input,.table-toolbar select{width:100%;height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;color:var(--text);outline:0;background:rgba(4,12,25,.54);transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.settings-panel input:focus,.modal-form input:focus,.modal-form textarea:focus,.search-box:focus-within{border-color:rgba(84,216,255,.55);box-shadow:0 0 0 3px rgba(84,216,255,.08)}.auth-form input::placeholder,input::placeholder,textarea::placeholder{color:#61758e}.auth-divider{display:flex;align-items:center;gap:12px;color:#68809d;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-panel .btn-ghost{justify-content:flex-start;padding:0 16px}.auth-panel .btn-ghost em{font-style:normal;color:var(--muted);font-size:10px;margin-left:auto}.auth-note{text-align:center;color:#6f85a1;font-size:10px;line-height:1.6;margin:17px 10px 0}.auth-footer{color:#647a95;font-size:10px;margin-top:22px}.auth-footer strong{color:#9bb6d6}
/* Shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,rgba(9,23,43,.98),rgba(7,17,34,.99));border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;z-index:100}.sidebar-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 8px}.sidebar-close{display:none}.workspace-switcher{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;padding:10px;margin:18px 0 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.workspace-switcher:hover{background:rgba(93,166,255,.08);border-color:rgba(100,188,255,.23)}.workspace-switcher>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.workspace-switcher b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-switcher small{color:var(--muted);font-size:9px;margin-top:3px}.workspace-switcher>svg{width:15px;height:15px;color:#7890ad}.workspace-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(84,216,255,.2),rgba(99,107,255,.24));color:#aeeeff;font-size:10px;font-weight:850;border:1px solid rgba(109,207,255,.24)}.side-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding:2px 0}.nav-label{padding:14px 12px 7px;color:#506a88;text-transform:uppercase;letter-spacing:.15em;font-size:8px;font-weight:850}.nav-item{height:42px;border-radius:11px;border:1px solid transparent;background:transparent;color:#8fa5bf;display:grid;grid-template-columns:20px 1fr auto;align-items:center;text-align:left;gap:10px;padding:0 12px;font-size:12px;font-weight:700}.nav-item svg{width:17px;height:17px}.nav-item:hover{color:#dbeaff;background:rgba(255,255,255,.035)}.nav-item.active{color:#eff9ff;background:linear-gradient(90deg,rgba(84,216,255,.13),rgba(94,124,255,.08));border-color:rgba(95,203,255,.17);box-shadow:inset 3px 0 var(--cyan)}.nav-item b{font-size:9px;min-width:20px;text-align:center;padding:3px 5px;border-radius:99px;background:rgba(255,255,255,.06);color:#9ab0ca}.nav-item b.alert-count:not(:empty){background:rgba(255,111,131,.13);color:#ff9bab}.sidebar-card{margin-top:auto;padding:13px;border-radius:15px;background:linear-gradient(145deg,rgba(42,99,149,.28),rgba(62,64,145,.2));border:1px solid rgba(91,190,255,.18);display:grid;grid-template-columns:34px 1fr;gap:9px}.sidebar-card-icon{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--cyan);background:rgba(84,216,255,.09)}.sidebar-card-icon svg{width:17px}.sidebar-card b{font-size:10px}.sidebar-card p{font-size:9px;line-height:1.45;color:#8ca4bf;margin:3px 0 9px}.sidebar-card button{grid-column:2;border:0;background:transparent;color:#7ddfff;font-size:9px;font-weight:800;text-align:left;padding:0;cursor:pointer}.sidebar-footer{display:flex;align-items:center;gap:7px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.user-chip{flex:1;min-width:0;display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;padding:4px}.user-chip>span:first-child{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#182d4c;color:#85dcff;font-size:11px;font-weight:850}.user-chip>span:last-child{display:flex;flex-direction:column;min-width:0}.user-chip b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{font-size:8px;color:var(--muted);margin-top:2px}.sidebar-footer .icon-btn{width:34px;height:34px;border:0}.sidebar-footer svg{width:16px}.main-area{min-height:100vh;margin-left:var(--sidebar);position:relative}.topbar{height:var(--topbar);position:sticky;top:0;z-index:70;background:rgba(7,17,34,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.2vw,48px)}.topbar-left{display:flex;align-items:center;gap:13px}.topbar-left h1{margin:4px 0 0;font-size:18px;letter-spacing:-.03em}.breadcrumb{font-size:9px;color:#66819f;text-transform:uppercase;letter-spacing:.08em}.breadcrumb b{color:#91a9c5}.menu-btn{display:none}.topbar-actions{display:flex;align-items:center;gap:9px}.search-trigger{width:210px;height:40px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.027);display:flex;align-items:center;gap:9px;color:#7289a4;padding:0 10px;font-size:10px}.search-trigger svg{width:16px}.search-trigger span{flex:1;text-align:left}.search-trigger kbd{border:1px solid var(--line);border-radius:5px;padding:3px 5px;color:#68809b;background:#0b182d;font-family:inherit;font-size:8px}.notification-btn{position:relative}.notification-btn i{position:absolute;right:8px;top:7px;width:6px;height:6px;background:var(--red);border:2px solid #081426;border-radius:50%}.demo-banner{margin:16px clamp(22px,3.2vw,48px) 0;padding:11px 15px;border-radius:13px;border:1px solid rgba(84,216,255,.18);background:linear-gradient(90deg,rgba(84,216,255,.08),rgba(94,124,255,.06));display:flex;align-items:center;justify-content:space-between;color:#a9c9e8;font-size:10px}.demo-banner div{display:flex;align-items:center;gap:9px}.demo-banner svg{width:16px;color:var(--cyan)}.demo-banner b{color:#dff7ff}.demo-banner button{border:0;background:transparent;color:#78dbff;font-weight:800;font-size:9px;cursor:pointer}.content-wrap{padding:clamp(24px,3.5vw,48px);max-width:1720px;margin:0 auto}.page{display:none;animation:pageIn .24s var(--ease)}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.app-footer{display:flex;justify-content:space-between;gap:20px;color:#586f89;font-size:9px;border-top:1px solid var(--line);padding:20px clamp(24px,3.5vw,48px);margin-top:30px}.app-footer strong{color:#8199b6}.mobile-nav{display:none}.sidebar-overlay{display:none}
/* Dashboard */
.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.welcome-row h2,.page-toolbar h2{font-size:clamp(27px,3vw,38px);margin:8px 0 8px;letter-spacing:-.045em}.welcome-row p,.page-toolbar p{color:var(--muted);font-size:12px;margin:0;line-height:1.55}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(77,228,162,.08),0 0 12px rgba(77,228,162,.55)}.date-card{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);min-width:230px}.date-card svg{color:#73dfff}.date-card span{display:flex;flex-direction:column}.date-card b{font-size:10px}.date-card small{font-size:8px;color:var(--muted);margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.metric-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(155deg,rgba(18,35,62,.8),rgba(11,25,46,.8));overflow:hidden}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-32px;top:-33px;background:radial-gradient(circle,var(--metric-glow,rgba(84,216,255,.13)),transparent 68%)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--metric-color,var(--cyan));background:color-mix(in srgb,var(--metric-color,var(--cyan)) 12%,transparent);border:1px solid color-mix(in srgb,var(--metric-color,var(--cyan)) 24%,transparent)}.metric-icon svg{width:17px}.metric-delta{font-size:9px;font-weight:800;color:var(--green);padding:4px 7px;border-radius:99px;background:rgba(77,228,162,.08)}.metric-card strong{display:block;font-size:27px;letter-spacing:-.04em;margin:15px 0 5px}.metric-card>span{color:var(--muted);font-size:10px}.metric-foot{display:flex;align-items:center;justify-content:space-between;color:#6e86a1;font-size:8px;margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}.metric-foot b{color:#8fa8c4}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(16,32,57,.82),rgba(9,22,42,.85));box-shadow:0 12px 36px rgba(0,0,0,.08)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-header h3{margin:6px 0 0;font-size:14px;letter-spacing:-.02em}.chart-panel{min-height:360px}.chart-legend{display:flex;gap:13px;color:#7f96b1;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:2px}.legend-run{background:#4b69d9}.legend-success{background:var(--cyan)}.chart-summary{padding:18px 20px 2px;display:flex;align-items:baseline;gap:8px}.chart-summary strong{font-size:26px}.chart-summary span{color:var(--muted);font-size:9px}.chart-summary em{font-style:normal;margin-left:auto;color:var(--green);font-size:9px;font-weight:750}.bar-chart{height:230px;padding:18px 20px 22px;display:flex;align-items:end;gap:clamp(10px,2vw,26px)}.bar-day{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar-stack{width:min(36px,80%);height:calc(var(--height)*1%);min-height:8px;position:relative;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(89,108,222,.75),rgba(70,80,165,.34));overflow:hidden}.bar-stack:after{content:"";position:absolute;inset:auto 0 0;height:calc(var(--success)*1%);background:linear-gradient(180deg,#68e3ff,#4d97ff);border-radius:8px 8px 3px 3px}.bar-stack:hover{filter:brightness(1.15)}.bar-stack:hover:before{content:attr(data-value);position:absolute;z-index:2;top:7px;left:50%;translate:-50%;font-size:8px;font-weight:800;color:#fff}.bar-day span{font-size:8px;color:#66809d}.health-panel{min-height:360px}.health-score{display:flex;align-items:center;gap:18px;padding:23px 20px 18px}.score-ring{width:102px;height:102px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--score)*1%),rgba(255,255,255,.06) 0);position:relative}.score-ring:after{content:"";position:absolute;inset:9px;background:#0c1a30;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.score-ring span{z-index:1}.score-ring strong{font-size:25px}.score-ring small{font-size:9px;color:var(--muted)}.health-score>div:last-child{flex:1}.health-score b{font-size:13px}.health-score p{font-size:9px;color:var(--muted);line-height:1.5}.health-list{padding:0 20px 18px}.health-list div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:9px;color:#8098b3}.health-list b{font-size:9px;color:#b8cae0}.workflow-panel,.activity-panel{min-height:350px}.link-btn{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#7edfff;font-size:9px;font-weight:800}.link-btn svg{width:13px}.priority-workflows{padding:4px 20px 15px}.priority-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.priority-row:last-child{border-bottom:0}.workflow-badge{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(84,216,255,.13),rgba(94,124,255,.12));color:#86ddff;border:1px solid rgba(99,187,255,.17)}.workflow-badge svg{width:18px}.priority-row>span{min-width:0}.priority-row b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-row small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.priority-actions{display:flex;align-items:center;gap:8px}.mini-success{font-size:8px;color:var(--green)}.run-button{width:31px;height:31px;border-radius:9px;border:1px solid rgba(84,216,255,.2);background:rgba(84,216,255,.08);color:var(--cyan);display:grid;place-items:center;cursor:pointer}.run-button svg{width:13px}.activity-feed{padding:6px 20px 16px}.activity-item{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-dot{width:7px;height:7px;border-radius:50%;margin-top:3px;background:var(--cyan)}.activity-dot.success{background:var(--green)}.activity-dot.error{background:var(--red)}.activity-dot.warning{background:var(--yellow)}.activity-item p{margin:0;font-size:9px;line-height:1.45;color:#a6bad1}.activity-item time{font-size:8px;color:#5f7894;white-space:nowrap}.insight-banner{margin-top:14px;border-radius:20px;padding:20px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:17px;background:linear-gradient(110deg,#122b54,#26376f 62%,#194866);border:1px solid rgba(119,213,255,.2);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.insight-banner:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:10%;top:-180px;background:radial-gradient(circle,rgba(96,227,255,.2),transparent 70%)}.insight-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#8aebff}.insight-banner>div{z-index:1}.insight-banner>div>span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#82cfff;font-weight:800}.insight-banner h3{font-size:14px;margin:5px 0 4px}.insight-banner p{font-size:9px;color:#abc6df;margin:0}.insight-banner .btn{z-index:1}
/* Pages */
.page-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.search-box{height:43px;min-width:280px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.search-box svg{width:16px;color:#6d85a2}.search-box input{height:auto;padding:0;border:0;background:transparent;box-shadow:none!important;font-size:10px}.filter-pills{display:flex;gap:5px;padding:4px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.filter-pills button,.template-categories button{height:32px;border:0;border-radius:8px;padding:0 11px;background:transparent;color:#748ba6;font-size:9px;font-weight:750;cursor:pointer}.filter-pills button.active,.template-categories button.active{background:rgba(90,194,255,.12);color:#a6e9ff;box-shadow:inset 0 0 0 1px rgba(100,201,255,.16)}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workflow-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(17,34,60,.86),rgba(9,22,42,.86));padding:18px;display:flex;flex-direction:column;min-height:276px;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.workflow-card:hover{transform:translateY(-3px);border-color:rgba(104,195,255,.26);box-shadow:0 18px 44px rgba(0,0,0,.16)}.workflow-card-top{display:flex;align-items:center;justify-content:space-between}.category-tag{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#82dfff;font-weight:800}.workflow-menu{position:relative}.workflow-menu>button{width:30px;height:30px;border-radius:8px;border:0;background:transparent;color:#758ba5;cursor:pointer}.workflow-card h3{font-size:15px;margin:17px 0 7px;letter-spacing:-.025em}.workflow-card>p{font-size:9px;line-height:1.6;color:#8fa5bf;margin:0;min-height:43px}.app-chips{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.app-chip{padding:5px 7px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:7px;color:#a5b9cf}.workflow-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.workflow-card-stats div{padding:9px;border-radius:10px;background:rgba(3,11,23,.34);border:1px solid rgba(143,184,225,.08)}.workflow-card-stats span{display:block;color:#607894;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.workflow-card-stats b{display:block;font-size:10px;margin-top:4px}.workflow-card-actions{display:flex;gap:7px;margin-top:13px}.workflow-card-actions .btn{flex:1;min-height:38px;font-size:9px;padding:0 10px}.workflow-card-actions .icon-btn{width:38px;height:38px}.execution-summary,.client-stats,.connection-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.summary-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.summary-card span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.summary-card b{display:block;font-size:20px;margin-top:7px}.summary-card small{font-size:8px;color:#67809c}.table-panel{overflow:hidden}.table-toolbar{padding:13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-toolbar .search-box{min-width:300px;height:38px}.table-toolbar select{width:150px;height:38px;font-size:9px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:9px}th{color:#637c99;text-transform:uppercase;letter-spacing:.09em;font-size:7px;background:rgba(4,13,26,.28)}td{color:#a9bdd3}.execution-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#7ddfff}.table-action{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#8fa7c2;border-radius:8px;padding:6px 8px;font-size:8px;cursor:pointer}.secure-badge{display:flex;align-items:center;gap:7px;color:#71e2b0;font-size:9px;padding:8px 11px;border:1px solid rgba(77,228,162,.19);border-radius:10px;background:rgba(77,228,162,.06)}.secure-badge svg{width:14px}.connector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.connector-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,rgba(17,34,60,.8),rgba(9,22,42,.82))}.connector-head{display:flex;align-items:flex-start;justify-content:space-between}.connector-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,rgba(84,216,255,.11),rgba(94,124,255,.1));font-weight:900;color:#83e2ff;border:1px solid rgba(92,195,255,.16)}.connector-card h3{font-size:12px;margin:14px 0 4px}.connector-card p{font-size:8px;color:var(--muted);margin:0;min-height:22px}.connector-meta{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid var(--line);font-size:8px;color:#607996}.connector-card .btn{width:100%;min-height:36px;margin-top:12px;font-size:9px}.template-categories{display:flex;gap:6px;overflow:auto;padding-bottom:12px;margin-bottom:5px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.template-card{padding:19px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(18,36,63,.8),rgba(10,24,46,.86));position:relative;overflow:hidden}.template-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-55px;background:radial-gradient(circle,var(--template-glow,rgba(84,216,255,.13)),transparent 68%)}.template-card>span{font-size:8px;color:#7edfff;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.template-card h3{font-size:14px;margin:13px 0 7px}.template-card p{font-size:9px;color:var(--muted);line-height:1.55;min-height:43px}.template-flow{display:flex;align-items:center;gap:5px;margin:15px 0}.template-flow i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:8px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.template-flow b{height:1px;flex:1;background:linear-gradient(90deg,rgba(84,216,255,.4),rgba(94,124,255,.2))}.template-card .btn{width:100%;min-height:38px;font-size:9px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.client-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(17,34,60,.82),rgba(9,22,42,.84))}.client-head{display:flex;align-items:center;justify-content:space-between}.client-info{display:flex;align-items:center;gap:10px}.client-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(84,216,255,.15),rgba(116,91,255,.17));color:#9fe8ff;font-weight:900}.client-info b{display:block;font-size:11px}.client-info small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.health-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin:15px 0 5px}.health-bar i{display:block;height:100%;width:calc(var(--health)*1%);background:linear-gradient(90deg,var(--blue),var(--green))}.client-health-label{display:flex;justify-content:space-between;font-size:8px;color:#68809b}.client-data{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.client-data div{padding:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.client-data span{display:block;color:#607995;font-size:7px}.client-data b{display:block;font-size:10px;margin-top:4px}.client-actions{display:flex;gap:7px;margin-top:13px}.client-actions .btn{flex:1;min-height:36px;font-size:9px}.alert-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.alert-list{display:grid;gap:9px}.alert-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,rgba(16,33,58,.8),rgba(9,22,42,.82))}.alert-card.unread{border-color:rgba(92,196,255,.24);box-shadow:inset 3px 0 var(--cyan)}.alert-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.alert-icon.success{color:var(--green);background:rgba(77,228,162,.08)}.alert-icon.warning{color:var(--yellow);background:rgba(255,214,107,.08)}.alert-icon.error{color:var(--red);background:rgba(255,111,131,.08)}.alert-card h3{margin:1px 0 5px;font-size:11px}.alert-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.alert-card time{font-size:8px;color:#607895}.alert-card button{border:0;background:transparent;color:#74dfff;font-size:8px;font-weight:800;cursor:pointer;margin-top:8px}.notification-settings{padding:20px;height:max-content}.notification-settings h3,.settings-panel h3{font-size:15px;margin:7px 0}.notification-settings>p,.settings-panel>p{color:var(--muted);font-size:9px;line-height:1.55}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.toggle-row span{display:flex;flex-direction:column}.toggle-row b{font-size:9px}.toggle-row small{font-size:7px;color:var(--muted);margin-top:3px}.switch{width:36px;height:21px;border-radius:99px;border:0;padding:2px;background:#253956;cursor:pointer}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:#8ba0b9;transition:transform .2s,background .2s}.switch.on{background:rgba(77,228,162,.26)}.switch.on i{transform:translateX(15px);background:var(--green)}.developer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.endpoint-panel pre{margin:0 20px 20px;padding:16px;border-radius:12px;background:#06101f;border:1px solid rgba(117,183,255,.12);color:#9cdcff;font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.code-block{margin:18px 20px 10px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(3,10,20,.45)}.code-block code{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#92dfff;overflow:hidden;text-overflow:ellipsis}.code-block button{margin-left:auto;border:0;background:transparent;color:#74dfff;font-size:8px;font-weight:800;cursor:pointer}.method-badge{font:8px ui-monospace,SFMono-Regular,monospace;padding:5px 8px;border-radius:7px;color:#70e4ae;background:rgba(77,228,162,.08);border:1px solid rgba(77,228,162,.2)}.endpoint-note{font-size:8px;color:#66809c;padding:0 20px 18px}.api-key-list{padding:7px 20px 17px}.api-key-row{padding:12px 0;border-bottom:1px solid var(--line)}.api-key-row:last-child{border:0}.api-key-row>div{display:flex;align-items:center;justify-content:space-between}.api-key-row b{font-size:10px}.api-key-row code{font-size:8px;color:#7edfff}.api-key-row small{display:block;color:var(--muted);font-size:7px;margin-top:6px}.api-key-row button{border:0;background:transparent;color:#ff91a0;font-size:8px;cursor:pointer}.webhook-panel{margin-top:14px}.webhook-event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}.webhook-event-grid div{padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.webhook-event-grid code{display:block;color:#86dfff;font-size:9px}.webhook-event-grid span{display:block;color:var(--muted);font-size:8px;margin-top:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-panel{padding:20px}.settings-panel label{margin-top:14px}.settings-panel select:disabled{opacity:.65}.settings-panel .btn{margin-top:16px}.profile-summary{display:flex;align-items:center;gap:12px;padding:16px;margin:15px 0;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.profile-summary>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(84,216,255,.16),rgba(94,124,255,.18));font-weight:900;color:#8fe6ff}.profile-summary b{font-size:11px}.profile-summary small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.account-facts div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:8px}.account-facts span{color:var(--muted)}.account-facts b{font-size:8px}.danger-panel{border-color:rgba(255,111,131,.17)}
/* Modal, search, toast */
.modal-root{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,8,17,.72);backdrop-filter:blur(9px)}.modal-root.open{display:flex}.modal-card{width:min(100%,620px);max-height:min(90vh,760px);overflow:auto;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(160deg,#12243e,#09172c);box-shadow:0 28px 100px rgba(0,0,0,.48);animation:modalIn .22s var(--ease)}@keyframes modalIn{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}.modal-card.small{max-width:440px}.modal-card.wide{max-width:760px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:4px 0 0;font-size:18px}.modal-body{padding:20px}.modal-form{display:grid;gap:14px}.modal-form textarea{height:96px;padding:12px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.step-builder{display:grid;gap:8px}.step-row{display:grid;grid-template-columns:30px 1fr 32px;gap:8px;align-items:center}.step-row>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(84,216,255,.08);color:#7bdfff;font-size:9px;font-weight:850}.step-row input{height:40px!important}.step-row button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#7990aa;cursor:pointer}.add-step{justify-self:start;border:0;background:transparent;color:#75ddff;font-size:9px;font-weight:800;cursor:pointer;padding:6px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--line)}.ai-result{display:grid;gap:12px}.ai-score{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center}.ai-score-ring{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) 82%,rgba(255,255,255,.06) 0);position:relative}.ai-score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0d1d34}.ai-score-ring b{z-index:1;font-size:22px}.recommendation-list{display:grid;gap:8px}.recommendation{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.recommendation b{font-size:10px}.recommendation p{font-size:8px;color:var(--muted);line-height:1.5;margin:5px 0 0}.search-modal .modal-body{padding-top:12px}.command-search{width:100%;height:52px;border:1px solid rgba(91,202,255,.3);background:rgba(3,11,23,.5);border-radius:13px;color:var(--text);padding:0 16px;outline:0}.command-results{display:grid;gap:5px;margin-top:12px}.command-item{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:11px;border:1px solid transparent;background:transparent;color:#a9bfd6;text-align:left;cursor:pointer}.command-item:hover{border-color:var(--line);background:rgba(255,255,255,.035)}.command-item>span:first-child{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:rgba(84,216,255,.08);color:var(--cyan)}.command-item b{font-size:10px;display:block}.command-item small{font-size:8px;color:var(--muted)}.command-item kbd{font-size:8px;color:#607995}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mobile-more-grid button{min-height:78px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a9bed5;cursor:pointer}.mobile-more-grid svg{color:#7edfff}.mobile-more-grid span{font-size:9px;font-weight:750}.secret-box{padding:14px;border-radius:12px;background:#06101f;border:1px solid rgba(84,216,255,.17);font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8fe5ff;word-break:break-all;margin:12px 0}.toast-root{position:fixed;right:20px;bottom:20px;z-index:900;display:grid;gap:8px}.toast{min-width:270px;max-width:360px;padding:13px 15px;border:1px solid var(--line-strong);border-radius:13px;background:rgba(12,28,51,.96);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;animation:toastIn .25s var(--ease);font-size:10px;color:#bed0e4}.toast i{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.toast.success i{background:var(--green)}.toast.error i{background:var(--red)}@keyframes toastIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.empty-state{grid-column:1/-1;padding:50px 20px;border:1px dashed var(--line-strong);border-radius:16px;text-align:center;color:var(--muted)}.empty-state svg{width:32px;height:32px;color:#6edcff}.empty-state h3{color:#bfd0e2;font-size:13px}.empty-state p{font-size:9px}.loading-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.07),rgba(255,255,255,.02));background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid,.template-grid,.client-grid{grid-template-columns:repeat(2,1fr)}.connector-grid{grid-template-columns:repeat(3,1fr)}.auth-screen{grid-template-columns:1fr 460px}.auth-copy h1{font-size:52px}.automation-map{height:230px}}
@media(max-width:1020px){:root{--sidebar:250px}.dashboard-grid{grid-template-columns:1fr}.workflow-panel,.activity-panel{min-height:auto}.connector-grid{grid-template-columns:repeat(2,1fr)}.developer-grid{grid-template-columns:1fr}.alert-layout{grid-template-columns:1fr}.notification-settings{order:-1}.webhook-event-grid{grid-template-columns:repeat(2,1fr)}.auth-screen{grid-template-columns:1fr}.auth-visual{min-height:auto;padding:28px 32px 34px}.auth-copy{margin-top:50px}.auth-copy h1{font-size:46px;max-width:720px}.automation-map{display:none}.auth-proof-grid{margin-top:28px}.auth-panel-wrap{min-height:auto;padding:42px 24px 30px}.auth-panel{max-width:600px}}
@media(max-width:820px){body{padding-bottom:76px}.sidebar{transform:translateX(-104%);transition:transform .28s var(--ease);box-shadow:30px 0 80px rgba(0,0,0,.35)}.sidebar.open{transform:none}.sidebar-close{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(1,7,15,.62);z-index:90;backdrop-filter:blur(4px)}.sidebar-overlay.open{display:block}.main-area{margin-left:0}.topbar{height:70px;padding:0 18px}.menu-btn{display:grid}.topbar-left h1{font-size:15px}.breadcrumb{display:none}.search-trigger{width:42px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.topbar-actions .btn-primary span{display:none}.topbar-actions .btn-primary{width:42px;padding:0}.content-wrap{padding:22px 18px 28px}.demo-banner{margin:12px 18px 0}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));height:64px;padding:7px 5px;border:1px solid rgba(135,198,255,.2);border-radius:20px;background:rgba(8,20,39,.94);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.4);z-index:85}.mobile-nav button{height:50px;border:0;background:transparent;color:#617b98;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:750;cursor:pointer}.mobile-nav button svg{width:18px;height:18px}.mobile-nav button.active{color:#83e4ff}.mobile-nav .mobile-create{position:relative;top:-13px}.mobile-nav .mobile-create svg{width:42px;height:42px;padding:11px;border-radius:15px;color:#071122;background:linear-gradient(135deg,var(--cyan),#7888ff);box-shadow:0 9px 24px rgba(72,177,255,.34)}.mobile-nav .mobile-create span{color:#8aa0ba}.welcome-row,.page-toolbar{align-items:flex-start;flex-direction:column}.date-card{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{align-items:stretch;flex-direction:column}.search-box{min-width:0;width:100%}.filter-pills{overflow:auto}.workflow-grid,.template-grid,.client-grid{grid-template-columns:1fr 1fr}.execution-summary,.client-stats,.connection-overview{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.connector-grid{grid-template-columns:repeat(2,1fr)}.app-footer{padding-bottom:86px}.modal-root{align-items:flex-end;padding:0}.modal-card,.modal-card.small,.modal-card.wide{width:100%;max-width:none;border-radius:24px 24px 0 0;max-height:92vh}.toast-root{left:14px;right:14px;bottom:90px}.toast{min-width:0;max-width:none;width:100%}}
@media(max-width:600px){.auth-screen{display:block}.auth-visual{padding:24px 20px 30px}.auth-copy{margin-top:42px}.auth-copy h1{font-size:38px;line-height:1.02}.auth-copy p{font-size:14px}.auth-proof-grid{grid-template-columns:1fr}.auth-proof-grid div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.auth-proof-grid span{margin:0}.auth-panel-wrap{padding:24px 14px 22px}.auth-panel{padding:22px 18px;border-radius:20px}.auth-heading h2{font-size:21px}.content-wrap{padding:18px 13px 26px}.topbar{padding:0 12px}.topbar-left{gap:8px}.topbar-left h1{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:5px}.topbar-actions .icon-btn,.menu-btn{width:39px;height:39px}.demo-banner{margin:10px 13px 0;align-items:flex-start;gap:10px}.demo-banner div{align-items:flex-start}.demo-banner button{white-space:nowrap}.welcome-row h2,.page-toolbar h2{font-size:28px}.metric-grid{gap:9px}.metric-card{padding:14px;border-radius:15px}.metric-card strong{font-size:23px}.metric-foot{display:none}.dashboard-grid{gap:10px}.panel{border-radius:16px}.panel-header{padding:15px}.chart-panel{min-height:330px}.bar-chart{height:210px;padding:15px 12px}.health-score{padding:18px 15px}.health-list{padding:0 15px 15px}.score-ring{width:90px;height:90px}.priority-workflows,.activity-feed{padding-left:15px;padding-right:15px}.insight-banner{grid-template-columns:42px 1fr;padding:17px}.insight-banner .btn{grid-column:1/-1;width:100%}.workflow-grid,.template-grid,.client-grid,.connector-grid{grid-template-columns:1fr}.workflow-card{min-height:auto}.execution-summary,.client-stats,.connection-overview{gap:8px}.summary-card{padding:12px}.summary-card b{font-size:17px}.table-toolbar{align-items:stretch;flex-direction:column;gap:8px}.table-toolbar .search-box,.table-toolbar select{width:100%;min-width:0}.page-toolbar{margin-bottom:17px}.page-toolbar .btn,.page-toolbar .secure-badge{width:100%}.alert-card{grid-template-columns:35px 1fr}.alert-icon{width:35px;height:35px}.alert-card>div:last-child{grid-column:2}.webhook-event-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.app-footer{flex-direction:column}.chart-summary em{display:none}.chart-legend{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* FlowPilot Enterprise 4.0 — consolidated responsive UI layer */
:root{
  color-scheme:light;
  --bg:#edf7ff;
  --bg-2:#f7fbff;
  --surface:rgba(255,255,255,.72);
  --surface-2:rgba(248,252,255,.88);
  --surface-3:#ffffff;
  --line:rgba(70,119,176,.14);
  --line-strong:rgba(66,119,182,.23);
  --text:#10233f;
  --muted:#647a96;
  --cyan:#14b8e6;
  --cyan-2:#63dcfa;
  --blue:#5275f6;
  --violet:#7867ec;
  --green:#14b879;
  --yellow:#d99016;
  --red:#e4556d;
  --shadow:0 22px 65px rgba(44,91,145,.13);
  --shadow-soft:0 12px 35px rgba(46,91,142,.10);
  --radius:24px;
  --radius-sm:15px;
  --sidebar:286px;
  --topbar:84px;
}
html[data-theme="aurora"]{color-scheme:light}
html,body{background:#edf7ff}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 10% 2%,rgba(98,217,249,.25),transparent 27rem),
    radial-gradient(circle at 94% 4%,rgba(119,111,244,.16),transparent 31rem),
    linear-gradient(180deg,#f8fcff 0,#eef8ff 48%,#f5fbff 100%);
  background-attachment:fixed;
}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(2px)}
body:before{width:34rem;height:34rem;left:-19rem;top:42%;background:radial-gradient(circle,rgba(58,190,239,.12),transparent 68%)}
body:after{width:30rem;height:30rem;right:-17rem;bottom:-10rem;background:radial-gradient(circle,rgba(110,92,236,.11),transparent 70%)}
::selection{background:rgba(44,184,230,.22);color:#0e2747}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(74,117,169,.22);border:3px solid transparent;background-clip:padding-box;border-radius:99px}::-webkit-scrollbar-track{background:transparent}

/* Global glass system */
.boot-screen{background:linear-gradient(145deg,#f7fcff,#eaf7ff);color:var(--muted)}
.brand strong{color:#10233f}.brand small{color:#6e829c}
.brand-mark{
  border-color:rgba(40,158,218,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(207,241,255,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 25px rgba(40,126,190,.15);
}
.brand-mark i{background:linear-gradient(180deg,#32c9ed,#5f72f4)}
.eyebrow,.panel-kicker{color:#2787c7}.live-dot{box-shadow:0 0 0 5px rgba(20,184,121,.09),0 0 12px rgba(20,184,121,.28)}

.btn,.icon-btn,.search-trigger,.workspace-switcher,.user-chip,.nav-item,.auth-tab,.link-btn{transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s,border-color .18s,color .18s}
.btn{min-height:46px;border-radius:14px;font-weight:780;letter-spacing:-.01em}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#18bfe8 0%,#4e8cf5 52%,#7168eb 100%);
  box-shadow:0 12px 28px rgba(52,129,220,.24),inset 0 1px rgba(255,255,255,.35);
  position:relative;overflow:hidden;
}
.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.3) 48%,transparent 71%);transform:translateX(-130%);transition:transform .55s var(--ease)}
.btn-primary:hover:before{transform:translateX(130%)}
.btn-primary:hover{box-shadow:0 16px 35px rgba(52,129,220,.31);transform:translateY(-1px)}
.btn-secondary,.btn-ghost{
  color:#294968;
  background:rgba(255,255,255,.68);
  border-color:rgba(65,122,183,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 20px rgba(54,102,156,.07);
}
.btn-secondary:hover,.btn-ghost:hover{background:#fff;border-color:rgba(31,151,213,.32);color:#176c9f;box-shadow:0 12px 28px rgba(51,107,164,.12)}
.btn-light{background:#fff;color:#184165;border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(55,91,133,.13)}
.btn-danger{color:#c73d57;background:rgba(255,244,247,.88);border-color:rgba(228,85,109,.22)}
.icon-btn{
  color:#446381;
  background:rgba(255,255,255,.66);
  border-color:rgba(61,112,170,.16);
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 20px rgba(48,93,145,.08);
}
.icon-btn:hover{color:#188ac4;background:#fff;border-color:rgba(20,172,224,.28);box-shadow:0 12px 25px rgba(45,111,170,.12)}
.status-pill.success{color:#08784f;border-color:rgba(20,184,121,.23);background:rgba(224,252,241,.82)}
.status-pill.warning{color:#98620a;border-color:rgba(217,144,22,.25);background:rgba(255,247,224,.82)}
.status-pill.error{color:#bd3750;border-color:rgba(228,85,109,.23);background:rgba(255,237,242,.82)}
.status-pill.neutral{color:#5e7188;border-color:var(--line);background:rgba(244,249,253,.82)}

/* Authentication */
.auth-screen{background:linear-gradient(140deg,rgba(249,253,255,.95),rgba(228,246,255,.94));isolation:isolate}
.auth-screen:before{
  background-image:linear-gradient(rgba(47,142,203,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,142,203,.055) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 90%);
}
.auth-visual{border-color:rgba(76,124,179,.13)}
.auth-visual:after{background:radial-gradient(circle,rgba(67,199,235,.22),rgba(106,111,240,.09) 44%,transparent 70%)}
.auth-copy h1{color:#102a4b;text-shadow:0 1px #fff}
.auth-copy p{color:#667f9d}
.map-core{
  color:#173c60;
  background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.98),rgba(212,243,255,.86) 48%,rgba(220,230,255,.83));
  border-color:rgba(42,166,217,.28);
  box-shadow:0 0 0 14px rgba(255,255,255,.36),0 28px 80px rgba(45,132,197,.17),inset 0 1px #fff;
}
.map-node{color:#2b4a69;background:rgba(255,255,255,.76);border-color:rgba(49,135,194,.18);box-shadow:0 13px 30px rgba(58,105,156,.12);backdrop-filter:blur(14px)}
.map-line{background:linear-gradient(90deg,transparent,rgba(34,165,220,.72),transparent)}
.auth-proof-grid div{background:rgba(255,255,255,.58);border-color:rgba(64,125,184,.14);box-shadow:inset 0 1px #fff,0 13px 32px rgba(46,95,149,.08);backdrop-filter:blur(13px)}
.auth-proof-grid strong{color:#163c61}.auth-proof-grid span{color:#6f849c}
.auth-panel-wrap{background:linear-gradient(180deg,rgba(240,250,255,.7),rgba(224,244,255,.87))}
.auth-panel{
  background:linear-gradient(150deg,rgba(255,255,255,.86),rgba(245,251,255,.72));
  border-color:rgba(83,137,193,.18);
  box-shadow:0 30px 90px rgba(58,101,154,.17),inset 0 1px rgba(255,255,255,.98);
  backdrop-filter:blur(28px) saturate(1.25);
}
.auth-tabs{background:rgba(220,238,250,.62);box-shadow:inset 0 1px rgba(255,255,255,.8)}
.auth-tab{color:#6f8299}.auth-tab.active{color:#174e75;background:rgba(255,255,255,.86);box-shadow:0 8px 20px rgba(53,103,155,.09),inset 0 0 0 1px rgba(43,155,211,.16)}
.auth-heading h2{color:#153553}.auth-heading p{color:#6a819b}
.auth-icon{color:#128bbd;background:linear-gradient(145deg,rgba(211,246,255,.9),rgba(231,238,255,.8));border-color:rgba(33,158,211,.18);box-shadow:inset 0 1px #fff,0 10px 24px rgba(41,127,182,.12)}
.auth-form label,.settings-panel label,.modal-form label{color:#4c6680}
.auth-form input,.settings-panel input,.settings-panel select,.modal-form input,.modal-form select,.modal-form textarea,.search-box input,.table-toolbar select{
  color:#153452;background:rgba(255,255,255,.72);border-color:rgba(69,121,179,.17);box-shadow:inset 0 1px rgba(255,255,255,.9)
}
.auth-form input:focus,.settings-panel input:focus,.modal-form input:focus,.modal-form textarea:focus,.search-box:focus-within{border-color:rgba(22,167,220,.48);box-shadow:0 0 0 4px rgba(23,174,224,.09),inset 0 1px #fff}
.auth-form input::placeholder,input::placeholder,textarea::placeholder{color:#96a8ba}.auth-divider{color:#8497aa}.auth-note,.auth-footer{color:#71859b}

/* App shell */
.sidebar{
  background:linear-gradient(180deg,rgba(251,254,255,.88),rgba(238,248,255,.83));
  border-right-color:rgba(68,119,177,.14);
  box-shadow:18px 0 55px rgba(63,107,157,.08);
  backdrop-filter:blur(28px) saturate(1.25);
}
.workspace-switcher{background:rgba(255,255,255,.6);border-color:rgba(64,119,177,.15);box-shadow:inset 0 1px #fff,0 10px 25px rgba(52,99,151,.07)}
.workspace-switcher:hover{background:#fff;border-color:rgba(33,158,213,.27)}
.workspace-switcher b,.user-chip b{color:#183956}.workspace-switcher small,.user-chip small{color:#72879f}.workspace-switcher>svg{color:#7b90a7}
.workspace-avatar,.user-chip>span:first-child{color:#167cae;background:linear-gradient(145deg,rgba(206,245,255,.92),rgba(225,231,255,.88));border:1px solid rgba(38,156,211,.18)}
.nav-label{color:#8a9caf}
.nav-item{color:#60758d}
.nav-item:hover{color:#1b5279;background:rgba(255,255,255,.66)}
.nav-item.active{
  color:#125f8d;
  background:linear-gradient(90deg,rgba(202,243,255,.86),rgba(230,235,255,.63));
  border-color:rgba(35,160,215,.17);
  box-shadow:inset 3px 0 #1bb7e1,0 9px 22px rgba(52,110,164,.08);
}
.nav-item b{background:rgba(91,127,165,.09);color:#667c94}.nav-item b.alert-count:not(:empty){background:rgba(228,85,109,.1);color:#c43e56}
.sidebar-card{background:linear-gradient(145deg,rgba(218,247,255,.86),rgba(234,232,255,.72));border-color:rgba(46,157,209,.16);box-shadow:inset 0 1px #fff,0 14px 32px rgba(52,106,158,.09)}
.sidebar-card b{color:#1d486b}.sidebar-card p{color:#6b839e}.sidebar-card button{color:#1587bd}.sidebar-card-icon{color:#148ebf;background:rgba(255,255,255,.58)}
.sidebar-footer{border-color:rgba(75,120,171,.13)}
.main-area{background:transparent}
.topbar{
  background:rgba(248,253,255,.72);
  border-bottom-color:rgba(68,119,177,.13);
  box-shadow:0 10px 35px rgba(54,100,150,.055);
  backdrop-filter:blur(26px) saturate(1.3);
}
.topbar-left h1{color:#173753}.breadcrumb{color:#8498ad}.breadcrumb b{color:#59809f}
.search-trigger{color:#71869c;background:rgba(255,255,255,.66);border-color:rgba(66,116,174,.16);box-shadow:inset 0 1px #fff,0 8px 18px rgba(50,95,145,.06)}
.search-trigger:hover{background:#fff;border-color:rgba(25,158,215,.26)}.search-trigger kbd{color:#6a8098;background:#edf6fc;border-color:rgba(61,115,176,.13)}
.notification-btn i{border-color:#f5fbff}
.demo-banner{color:#426682;background:linear-gradient(90deg,rgba(210,247,255,.76),rgba(231,234,255,.72));border-color:rgba(31,163,215,.18);box-shadow:inset 0 1px #fff,0 10px 24px rgba(49,103,157,.07);backdrop-filter:blur(14px)}
.demo-banner b{color:#14577f}.demo-banner button{color:#137fab}
.content-wrap{max-width:1760px}
.page{animation:pageIn .2s var(--ease)}
.app-footer{color:#768ba1;border-color:rgba(66,116,174,.13)}.app-footer strong{color:#35617f}

/* Dashboard and common panels */
.welcome-row h2,.page-toolbar h2{color:#102d4b}.welcome-row p,.page-toolbar p{color:#677d95}
.date-card,.secure-badge{
  color:#355875;background:rgba(255,255,255,.62);border-color:rgba(65,118,176,.15);
  box-shadow:inset 0 1px #fff,0 10px 26px rgba(48,95,146,.07);backdrop-filter:blur(12px)
}
.date-card b{color:#234461}.date-card small{color:#788ca2}
.metric-card,.panel,.workflow-card,.template-card,.client-card,.connector-card,.alert-card,.summary-card{
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,251,255,.66));
  border-color:rgba(68,121,180,.14);
  box-shadow:inset 0 1px rgba(255,255,255,.98),0 16px 45px rgba(47,94,147,.085);
  backdrop-filter:blur(18px) saturate(1.18);
}
.metric-card{border-radius:21px;padding:20px}
.metric-card:after{opacity:.78}.metric-card:hover,.workflow-card:hover,.template-card:hover,.client-card:hover,.connector-card:hover{transform:translateY(-2px);border-color:rgba(34,155,211,.23);box-shadow:inset 0 1px #fff,0 22px 52px rgba(47,102,158,.13)}
.metric-card strong{color:#122f4d}.metric-card>span{color:#6e839a}.metric-foot{color:#8799ab;border-color:rgba(74,120,173,.12)}.metric-foot b{color:#5e7891}
.metric-icon{box-shadow:inset 0 1px rgba(255,255,255,.8)}.metric-delta{color:#0d8658;background:rgba(218,251,238,.82)}
.panel{box-shadow:inset 0 1px #fff,0 16px 45px rgba(47,94,147,.08)}
.panel-header{border-color:rgba(69,117,170,.12)}.panel-header h3{color:#193a56}
.chart-legend{color:#72869b}.legend-run{background:#6678eb}.legend-success{background:#20bee8}
.chart-summary strong{color:#173755}.chart-summary span{color:#71869c}.chart-summary em{color:#07865a}
.bar-stack{background:linear-gradient(180deg,rgba(111,104,235,.78),rgba(97,123,226,.42));box-shadow:0 8px 20px rgba(76,114,211,.12)}
.bar-stack:after{background:linear-gradient(180deg,#37d4ed,#4b8df4)}.bar-day span{color:#8093a7}
.score-ring{background:conic-gradient(#21d39a calc(var(--score)*1%),rgba(92,136,180,.12) 0);box-shadow:0 12px 35px rgba(25,176,124,.13)}
.score-ring:before{background:rgba(252,254,255,.92);box-shadow:inset 0 0 0 1px rgba(59,119,174,.08)}.score-ring strong{color:#163a58}.score-ring small{color:#70869b}
.health-score h4,.priority-row h4{color:#1d3e5b}.health-score p,.priority-row p,.activity-item p{color:#71859b}
.health-list,.priority-row,.activity-item,.toggle-row,.api-key-row,.account-facts div{border-color:rgba(73,119,169,.11)}
.health-list div{color:#71849a}.health-list b{color:#385875}
.link-btn,.table-action{color:#1685b5}.priority-row:hover,.activity-item:hover{background:rgba(255,255,255,.45)}
.insight-banner{
  background:linear-gradient(120deg,#1eb5df 0%,#5a83ee 52%,#796ce8 100%);
  border:1px solid rgba(255,255,255,.3);box-shadow:0 22px 55px rgba(67,113,206,.23),inset 0 1px rgba(255,255,255,.35)
}
.insight-banner,.insight-banner h3,.insight-banner p,.insight-banner>div>span{color:#fff}.insight-icon{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22)}

/* Lists, workflows, templates, clients */
.filter-bar{background:rgba(255,255,255,.45);border:1px solid rgba(65,116,174,.11);border-radius:18px;padding:10px;box-shadow:inset 0 1px #fff}
.search-box{background:rgba(255,255,255,.72);border-color:rgba(65,116,174,.15);box-shadow:inset 0 1px #fff}.search-box svg{color:#7890a8}
.filter-pills button{color:#71869d;background:transparent}.filter-pills button:hover{background:rgba(255,255,255,.62);color:#2d5b7d}.filter-pills button.active{color:#fff;background:linear-gradient(135deg,#25b9df,#587ff0);box-shadow:0 8px 20px rgba(48,126,204,.18)}
.workflow-card h3,.template-card h3,.client-info b,.connector-head b{color:#173955}.workflow-card p,.template-card p,.connector-card p{color:#6c8198}
.workflow-badge,.category-tag{color:#2b607f;background:rgba(230,245,253,.88);border-color:rgba(53,136,188,.15)}
.app-chip{color:#436580;background:rgba(255,255,255,.65);border-color:rgba(68,118,174,.12)}
.workflow-card-stats div,.client-data div,.connector-meta div,.webhook-event-grid div{background:rgba(255,255,255,.48);border-color:rgba(67,117,174,.12)}
.workflow-card-stats span,.client-data span,.connector-meta span{color:#8193a7}.workflow-card-stats b,.client-data b,.connector-meta b{color:#31516e}
.run-button{color:#fff;background:linear-gradient(135deg,#20bde3,#557bf1);box-shadow:0 9px 20px rgba(49,129,209,.19)}
.template-card:before{opacity:.68}.template-flow i{color:#187ca9;background:linear-gradient(145deg,#e2f8ff,#e7e8ff);border-color:rgba(42,146,202,.16)}.template-flow b{background:rgba(60,129,183,.28)}
.client-avatar,.connector-icon{color:#177ca9;background:linear-gradient(145deg,rgba(207,246,255,.92),rgba(231,232,255,.88));border-color:rgba(33,153,207,.17);box-shadow:inset 0 1px #fff}
.client-info small{color:#768ba1}.health-bar{background:rgba(73,122,173,.12)}.client-health-label{color:#71869d}
.alert-card.unread{border-color:rgba(30,164,218,.23);box-shadow:inset 3px 0 #1db8df,inset 0 1px #fff,0 16px 40px rgba(47,99,153,.09)}
.alert-card h3{color:#1a3c59}.alert-card p,.alert-card time{color:#74889e}.alert-card button{color:#1684b3}
.alert-icon.success{background:rgba(220,250,238,.88)}.alert-icon.warning{background:rgba(255,246,219,.9)}.alert-icon.error{background:rgba(255,234,239,.9)}
.notification-settings>p,.settings-panel>p{color:#71859b}.toggle-row b{color:#35546f}.toggle-row small{color:#8093a8}.switch{background:#cedbe7}.switch i{background:#fff;box-shadow:0 3px 8px rgba(47,86,126,.18)}.switch.on{background:linear-gradient(135deg,#20c58c,#39dca2)}.switch.on i{background:#fff}

/* Data tables and developer */
.table-panel{overflow:hidden}.table-toolbar{background:rgba(248,252,255,.54);border-color:rgba(65,116,174,.12)}
table{color:#375773}thead{background:rgba(228,243,252,.62)}th{color:#71879e;border-color:rgba(65,116,174,.12)}td{border-color:rgba(65,116,174,.10)}tbody tr:hover{background:rgba(226,245,255,.43)}
.execution-id{color:#245574}.mini-success{color:#087e53;background:rgba(220,250,238,.82)}
.endpoint-panel pre{background:#102b49;color:#bdefff;border-color:rgba(40,136,195,.13);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.code-block{background:rgba(236,248,255,.78);border-color:rgba(65,116,174,.14)}.code-block code,.webhook-event-grid code,.api-key-row code{color:#0f7ca9}.code-block button{color:#1683b2}
.method-badge{color:#087c52;background:rgba(220,250,238,.82);border-color:rgba(20,184,121,.18)}.endpoint-note,.api-key-row small,.webhook-event-grid span{color:#778ba1}.api-key-row b{color:#2b4c68}
.profile-summary{background:rgba(255,255,255,.51);border-color:rgba(65,116,174,.12)}.profile-summary>span{color:#1681af;background:linear-gradient(145deg,#d9f7ff,#e9e9ff)}.profile-summary b,.account-facts b{color:#294965}.profile-summary small,.account-facts span{color:#75899e}
.danger-panel{border-color:rgba(228,85,109,.18)}

/* Modal, command palette, toast */
.modal-root{background:rgba(39,65,97,.24);backdrop-filter:blur(10px)}
.modal-card{
  color:#173753;background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(240,249,255,.9));
  border-color:rgba(62,118,179,.18);box-shadow:0 35px 100px rgba(36,75,119,.25),inset 0 1px #fff;backdrop-filter:blur(28px)
}
.modal-head{border-color:rgba(64,115,172,.12)}.modal-head h2{color:#163653}.modal-head p,.modal-body p{color:#6f839a}
.modal-actions{border-color:rgba(64,115,172,.12);background:rgba(242,249,253,.6)}
.command-search{background:rgba(255,255,255,.94);border-color:rgba(62,118,179,.16)}.command-search input{color:#173753}.command-results{background:rgba(248,252,255,.96)}.command-item{color:#365773}.command-item:hover,.command-item.active{background:rgba(216,244,255,.75);color:#116e9b}
.toast{color:#294965;background:rgba(255,255,255,.94);border-color:rgba(65,116,174,.16);box-shadow:0 20px 55px rgba(45,88,136,.18);backdrop-filter:blur(20px)}
.secret-box{color:#164b6a;background:rgba(220,246,255,.76);border-color:rgba(37,153,208,.18)}
.empty-state{color:#72879e}.empty-state h3{color:#234560}

/* Mobile futuristic treatment */
@media(max-width:820px){
  body{padding-bottom:92px;background-attachment:scroll}
  .sidebar{background:rgba(249,253,255,.94);box-shadow:25px 0 70px rgba(39,77,119,.19)}
  .sidebar-overlay{background:rgba(53,75,103,.25);backdrop-filter:blur(8px)}
  .topbar{height:72px;padding:0 15px;background:rgba(249,253,255,.82)}
  .content-wrap{padding:23px 16px 34px}
  .demo-banner{margin:12px 16px 0;border-radius:16px}
  .mobile-nav{
    left:11px;right:11px;bottom:max(10px,env(safe-area-inset-bottom));height:72px;padding:8px 7px 7px;
    border-color:rgba(70,123,181,.18);border-radius:23px;
    background:rgba(250,253,255,.88);backdrop-filter:blur(25px) saturate(1.35);
    box-shadow:0 19px 52px rgba(44,82,125,.19),inset 0 1px #fff;
  }
  .mobile-nav button{height:54px;color:#768ba1;font-size:8px;border-radius:15px}
  .mobile-nav button.active{color:#147ead;background:rgba(214,244,255,.62)}
  .mobile-nav .mobile-create{top:-16px;background:transparent!important}
  .mobile-nav .mobile-create svg{width:48px;height:48px;padding:13px;color:#fff;background:linear-gradient(135deg,#20bee5,#5384f1 55%,#776cea);box-shadow:0 13px 31px rgba(53,125,214,.31),inset 0 1px rgba(255,255,255,.35)}
  .mobile-nav .mobile-create span{color:#647e98;font-weight:800}
  .modal-card,.modal-card.small,.modal-card.wide{border-radius:28px 28px 0 0;background:rgba(251,254,255,.96)}
  .toast-root{bottom:96px}
}
@media(max-width:600px){
  .auth-screen{display:flex;flex-direction:column}
  .auth-panel-wrap{order:-1;padding:16px 13px 22px;min-height:auto;background:transparent}
  .auth-panel{padding:24px 19px;border-radius:25px}
  .auth-visual{padding:25px 19px 31px;min-height:auto}
  .auth-copy{margin-top:36px}.auth-copy h1{font-size:36px}.auth-copy p{font-size:14px;line-height:1.65}
  .auth-proof-grid{gap:9px}.auth-proof-grid div{border-radius:15px}
  .topbar-left h1{font-size:15px}.topbar-actions .icon-btn,.menu-btn{width:42px;height:42px}
  .content-wrap{padding:19px 13px 31px}
  .demo-banner{margin:10px 13px 0;padding:12px 13px}
  .welcome-row h2,.page-toolbar h2{font-size:29px;line-height:1.08}
  .metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:16px;border-radius:19px}.metric-card strong{font-size:25px}.metric-card>span{font-size:10px}
  .panel,.workflow-card,.template-card,.client-card,.connector-card,.alert-card{border-radius:20px}
  .panel-header{padding:17px}.chart-panel{min-height:340px}.bar-chart{gap:8px}.bar-stack{width:min(32px,82%)}
  .insight-banner{border-radius:21px}.insight-banner .btn{min-height:48px}
  .filter-bar{padding:8px;border-radius:17px}.filter-pills button{min-height:38px;white-space:nowrap}
  .page-toolbar .btn{min-height:50px}.workflow-card-actions .btn,.client-actions .btn{min-height:42px}
  .execution-summary,.client-stats,.connection-overview{grid-template-columns:1fr 1fr}.summary-card{min-height:86px;border-radius:18px}
  .table-scroll{margin:0 -1px}.table-panel{border-radius:20px}
  .app-footer{padding-bottom:96px}
}
@media(max-width:390px){
  .metric-grid{grid-template-columns:1fr}.metric-card{display:grid;grid-template-columns:auto 1fr auto;column-gap:13px;align-items:center}.metric-top{display:contents}.metric-icon{grid-row:1/3}.metric-delta{grid-column:3;grid-row:1}.metric-card strong{grid-column:2;grid-row:1;margin:0}.metric-card>span{grid-column:2/4;grid-row:2}.metric-foot{display:none}
  .topbar-actions{gap:4px}.topbar-left h1{max-width:128px}.demo-banner button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.btn-primary:before{display:none}.metric-card:hover,.workflow-card:hover,.template-card:hover,.client-card:hover,.connector-card:hover{transform:none}}

/* FlowPilot Enterprise 4.0
   Single-system multinational SaaS interface
   Created and coded by Siddharth */

:root{
  color-scheme:light;
  --bg:#f4f7fb;
  --bg-2:#eef3f8;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#f1f5f9;
  --line:#dde5ee;
  --line-strong:#cbd6e3;
  --text:#172033;
  --muted:#66758a;
  --cyan:#0ea5e9;
  --cyan-2:#38bdf8;
  --blue:#2563eb;
  --violet:#4f46e5;
  --green:#168a55;
  --yellow:#b96b08;
  --red:#cf3f55;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.055);
  --shadow-soft:0 1px 2px rgba(15,23,42,.035),0 4px 14px rgba(15,23,42,.045);
  --radius:14px;
  --radius-sm:10px;
  --sidebar:264px;
  --topbar:72px;
  --ease:cubic-bezier(.2,.7,.2,1)
}

html[data-theme="enterprise"]{color-scheme:light}
html{scroll-behavior:auto;background:var(--bg)}
body{
  color:var(--text);
  background:var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:-.005em;
}
body:before,body:after{display:none!important}
*{scrollbar-width:thin;scrollbar-color:#b9c6d5 transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-thumb{background:#bcc9d8;border:2px solid transparent;background-clip:padding-box;border-radius:99px}
*::-webkit-scrollbar-track{background:transparent}

.boot-screen{background:#f4f7fb;color:#607086}
.boot-logo span{background:#2563eb;animation-duration:.9s}

/* Core controls */
.btn,.icon-btn,.nav-item,.search-trigger,.workspace-switcher,.user-chip,.link-btn,.auth-tab{
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .1s ease;
}
.btn{min-height:42px;border-radius:9px;padding:0 15px;font-size:12px;font-weight:700;letter-spacing:0}
.btn-primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 1px 2px rgba(37,99,235,.2)}
.btn-primary:before{display:none!important}
.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px rgba(37,99,235,.18);filter:none}
.btn-secondary,.btn-ghost{color:#334155;background:#fff;border-color:#d5dee9;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.btn-secondary:hover,.btn-ghost:hover{background:#f8fafc;border-color:#b9c7d6;color:#172033}
.btn-light{color:#1d4ed8;background:#fff;border-color:#dbe7f5;box-shadow:none}
.btn-danger{color:#b4233a;background:#fff5f6;border-color:#f2c8cf}
.icon-btn{width:40px;height:40px;border-radius:9px;color:#526176;background:#fff;border-color:#d8e1eb;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.icon-btn:hover{color:#1e3a5f;background:#f8fafc;border-color:#bdc9d7}
.eyebrow,.panel-kicker{color:#315d92;font-size:9px;letter-spacing:.12em;font-weight:800}
.status-pill{border-radius:99px;font-size:10px;padding:5px 8px}
.status-pill.success{color:#087246;border-color:#b8e2cf;background:#edf9f3}
.status-pill.success i{background:#15945c;box-shadow:none}
.status-pill.warning{color:#8a5307;border-color:#ecd7af;background:#fff9eb}
.status-pill.error{color:#a72f43;border-color:#efc1c9;background:#fff3f5}
.status-pill.neutral{color:#58677b;border-color:#d8e1eb;background:#f8fafc}

/* Authentication */
.auth-screen{grid-template-columns:minmax(0,1.08fr) minmax(410px,.72fr);background:#f4f7fb}
.auth-screen:before{background-image:linear-gradient(rgba(71,98,132,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(71,98,132,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.7) 55%,transparent 88%)}
.auth-visual{border-right:1px solid #dde5ee;padding:42px clamp(36px,5vw,78px);background:linear-gradient(180deg,#f8fafc,#eef3f8)}
.auth-visual:after{display:none}
.brand-mark{border-radius:9px;background:#eff6ff;border-color:#bfdbfe;box-shadow:none}
.brand-mark i{background:#2563eb}
.brand strong,.auth-copy h1,.auth-heading h2{color:#172033}
.brand small,.auth-copy p,.auth-heading p{color:#66758a}
.auth-copy{max-width:760px;margin-top:clamp(58px,9vh,112px)}
.auth-copy h1{font-size:clamp(42px,5.2vw,70px);line-height:1.02;letter-spacing:-.05em;max-width:760px;margin:17px 0 24px}
.auth-copy p{font-size:16px;line-height:1.72;max-width:660px}
.automation-map{height:250px;max-width:680px;margin:38px 0 28px}
.map-core{width:138px;height:138px;background:#fff;border:1px solid #cbd8e6;box-shadow:0 10px 30px rgba(31,59,89,.08)}
.map-core svg{color:#2563eb}.map-core b{color:#172033}.map-core span{color:#728095}
.map-node{color:#34465c;background:#fff;border-color:#d4dee9;border-radius:8px;box-shadow:0 5px 16px rgba(15,23,42,.06)}
.map-line{background:linear-gradient(90deg,transparent,#8aa8c8,transparent);opacity:.55}
.auth-proof-grid div{background:#fff;border-color:#d9e2ec;border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.auth-proof-grid strong{color:#1e3a5f}.auth-proof-grid span{color:#718096}
.auth-panel-wrap{background:#fff;padding:34px}
.auth-panel{border-radius:16px;background:#fff;border-color:#d9e2ec;box-shadow:0 18px 55px rgba(15,23,42,.08);backdrop-filter:none;padding:32px}
.auth-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9px}
.auth-tab{border-radius:7px;color:#66758a}.auth-tab.active{color:#172033;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.auth-icon{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;border-radius:10px}
.auth-form label,.settings-panel label,.modal-form label{color:#44546a}
.auth-form input,.settings-panel input,.settings-panel select,.modal-form input,.modal-form select,.modal-form textarea,.search-box input,.table-toolbar select{
  color:#172033;background:#fff;border-color:#ced8e5;border-radius:9px;box-shadow:inset 0 1px 2px rgba(15,23,42,.02)
}
.auth-form input:focus,.settings-panel input:focus,.modal-form input:focus,.modal-form textarea:focus,.search-box:focus-within{border-color:#73a3e8;box-shadow:0 0 0 3px rgba(37,99,235,.09)}
.auth-form input::placeholder,input::placeholder,textarea::placeholder{color:#9aa7b7}
.auth-divider{color:#8290a2}.auth-divider:before,.auth-divider:after{background:#e1e7ef}
.auth-note,.auth-footer{color:#7b899a}

/* Shell and navigation */
.sidebar{width:var(--sidebar);background:#fff;border-right:1px solid #dce4ed;box-shadow:none;backdrop-filter:none}
.sidebar-top{height:72px;border-bottom:1px solid #e5eaf0}
.workspace-switcher{background:#f8fafc;border-color:#dce4ed;border-radius:10px;color:#334155}
.workspace-switcher:hover{background:#f1f5f9;border-color:#c7d2df}
.workspace-avatar{background:#e8f0ff;color:#1d4ed8;border:1px solid #cbdcf8}
.workspace-switcher small,.user-chip small{color:#7b899a}
.nav-label{color:#91a0b2;font-size:9px;letter-spacing:.13em;margin-top:17px}
.nav-item{min-height:42px;color:#526176;border-radius:8px;padding:0 11px;margin:2px 0;border:1px solid transparent}
.nav-item:hover{color:#21364f;background:#f6f8fb}
.nav-item.active{color:#1d4ed8;background:#eef4ff;border-color:#dbe7fb;box-shadow:none}
.nav-item.active:before{content:"";position:absolute;left:-1px;width:3px;height:20px;border-radius:0 3px 3px 0;background:#2563eb}
.nav-item b{background:#edf1f5;color:#607086}
.nav-item.active b{background:#dbeafe;color:#1d4ed8}
.sidebar-card{background:#f7f9fc;border:1px solid #dce4ed;border-radius:11px;box-shadow:none}
.sidebar-card-icon{color:#315d92;background:#eaf1f8;border-color:#d1dce8}
.sidebar-card b{color:#263a52}.sidebar-card p{color:#6f7e91}.sidebar-card button{color:#1d4ed8}
.sidebar-footer{border-top-color:#e3e9f0}
.user-chip{background:transparent;border-radius:8px}.user-chip:hover{background:#f7f9fc}
.user-chip>span:first-child{color:#1d4ed8;background:#eaf1ff;border:1px solid #d2e0f7}

.main-area{margin-left:var(--sidebar)}
.topbar{height:var(--topbar);background:rgba(255,255,255,.96);border-bottom:1px solid #dfe6ee;box-shadow:0 1px 2px rgba(15,23,42,.025);backdrop-filter:none}
.topbar-left h1{color:#172033;font-size:18px}.breadcrumb{color:#8997a7}.breadcrumb b{color:#526176}
.search-trigger{height:40px;color:#6b7a8c;background:#f8fafc;border-color:#d9e2ec;border-radius:9px}
.search-trigger:hover{background:#f1f5f9;border-color:#c7d2df}
.search-trigger kbd{color:#7b899a;background:#fff;border-color:#d9e2ec}
.notification-btn i{border-color:#fff;background:#cf3f55}
.demo-banner{background:#f0f6ff;border-color:#cfdef5;color:#315478;border-radius:9px;box-shadow:none}
.demo-banner svg{color:#2563eb}.demo-banner button{color:#1d4ed8}
.content-wrap{max-width:1480px;padding:28px 32px 42px}
.page{animation:none!important}

/* Dashboard */
.welcome-row{align-items:flex-end;margin-bottom:20px}
.welcome-row h2{color:#172033;font-size:30px;letter-spacing:-.035em;margin:8px 0 7px}
.welcome-row p{color:#6c7a8d;max-width:670px}
.live-dot{background:#15945c;box-shadow:none}
.date-card{background:#fff;border-color:#dce4ed;border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.025);backdrop-filter:none}
.date-card svg{color:#315d92}.date-card b{color:#263a52}.date-card small{color:#78869a}
.metric-grid{gap:14px;margin-bottom:16px}
.metric-card{background:#fff;border:1px solid #dce4ed;border-radius:12px;box-shadow:var(--shadow-soft);padding:20px}
.metric-card:hover{transform:none;box-shadow:var(--shadow-soft);border-color:#cbd6e3}
.metric-icon{background:#f1f5f9;border:1px solid #e0e7ef;border-radius:9px;color:var(--metric-color)}
.metric-delta{color:#315d92;background:#eff5fb;border:1px solid #dce8f4}
.metric-card strong{color:#172033;font-size:30px}.metric-card>span{color:#5c6c80}.metric-foot{border-top-color:#e8edf3}.metric-foot span{color:#8794a5}.metric-foot b{color:#50627a}
.dashboard-grid{gap:16px}
.panel,.workflow-card,.template-card,.client-card,.connector-card,.alert-card,.filter-bar,.mobile-nav,.modal-card{
  background:#fff;border-color:#dce4ed;border-radius:12px;box-shadow:var(--shadow-soft);backdrop-filter:none
}
.panel-header{border-bottom-color:#e5eaf0;background:#fff;padding:18px 20px}
.panel-header h3{color:#213047;font-size:15px}.panel-header p{color:#718096}
.chart-legend{color:#718096}.legend-run{background:#4f46e5}.legend-success{background:#0ea5e9}
.chart-summary strong{color:#172033}.chart-summary span{color:#738196}.chart-summary em{color:#087246;background:#edf9f3;border:1px solid #cdebdc}
.bar-chart{border-bottom-color:#e5eaf0}.bar-chart:before,.bar-chart:after{border-top-color:#eef2f6}
.bar-stack{background:#c7d2fe;box-shadow:none;border-radius:5px 5px 2px 2px}.bar-stack:after{background:#2563eb}
.bar-day span{color:#8693a4}
.score-ring{background:conic-gradient(#168a55 calc(var(--score)*1%),#e8eef4 0);box-shadow:none}
.score-ring:before{background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0}
.score-ring strong{color:#172033}.score-ring small{color:#7b899a}
.health-score b{color:#263a52}.health-score p{color:#718096}
.health-list,.priority-row,.activity-item,.toggle-row,.api-key-row,.account-facts div{border-color:#e8edf3}
.health-list div{color:#68778a}.health-list b{color:#334155}
.priority-row:hover,.activity-item:hover{background:#fafbfd}
.workflow-badge{color:#1d4ed8;background:#eef4ff;border-color:#d7e4fb}
.mini-success{color:#087246;background:#edf9f3;border:1px solid #cdebdc}
.run-button{color:#fff;background:#2563eb;box-shadow:none}
.link-btn,.table-action{color:#1d4ed8}
.insight-banner{color:#24415f;background:#f0f6ff;border:1px solid #cfdff3;border-radius:12px;box-shadow:none}
.insight-banner,.insight-banner h3,.insight-banner p,.insight-banner>div>span{color:#24415f}
.insight-banner>div>span{color:#315d92}.insight-icon{color:#2563eb;background:#fff;border-color:#d7e4f4}

/* Page toolbars and data surfaces */
.page-toolbar{margin-bottom:18px;align-items:flex-end}
.page-toolbar h2{color:#172033;font-size:28px;letter-spacing:-.035em}.page-toolbar p{color:#6c7a8d}
.toolbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.filter-bar{background:#fff;padding:9px;border-radius:11px}
.search-box{background:#f8fafc;border-color:#dce4ed;border-radius:8px;box-shadow:none}
.search-box svg{color:#8290a2}.filter-pills button{color:#68778a;border-radius:7px}
.filter-pills button:hover{background:#f1f5f9;color:#334155}.filter-pills button.active{color:#fff;background:#2563eb;box-shadow:none}
.workflow-card,.template-card,.client-card,.connector-card{box-shadow:var(--shadow-soft)}
.workflow-card:hover,.template-card:hover,.client-card:hover,.connector-card:hover{transform:none;border-color:#c5d1df;box-shadow:var(--shadow-soft)}
.workflow-card h3,.template-card h3,.client-info b,.connector-head b{color:#213047}
.workflow-card p,.template-card p,.connector-card p{color:#6b7a8d}
.category-tag,.app-chip{color:#526176;background:#f5f7fa;border-color:#e0e7ef}
.workflow-card-stats div,.client-data div,.connector-meta div,.webhook-event-grid div{background:#f8fafc;border-color:#e5eaf0}
.workflow-card-stats span,.client-data span,.connector-meta span{color:#8290a2}.workflow-card-stats b,.client-data b,.connector-meta b{color:#334155}
.template-card:before{opacity:.55}.template-flow i{color:#1d4ed8;background:#eff4fb;border-color:#d9e4f1}.template-flow b{background:#bdcadd}
.client-avatar,.connector-icon{color:#1d4ed8;background:#edf3ff;border-color:#d7e3f7;box-shadow:none}
.client-info small{color:#78869a}.health-bar{background:#e7edf3}.client-health-label{color:#718096}
.secure-badge{color:#315d92;background:#f4f7fb;border-color:#d7e1ec}
.connection-overview,.client-stats,.execution-summary{gap:12px}
.summary-card{background:#fff;border-color:#dce4ed;border-radius:11px;box-shadow:var(--shadow-soft)}
.summary-card span,.summary-card small{color:#7a8899}.summary-card b{color:#213047}
.alert-card.unread{border-color:#b9d0ef;box-shadow:inset 3px 0 #2563eb,var(--shadow-soft)}
.alert-card h3{color:#213047}.alert-card p,.alert-card time{color:#718096}.alert-card button{color:#1d4ed8}
.alert-icon.success{background:#edf9f3}.alert-icon.warning{background:#fff8e9}.alert-icon.error{background:#fff1f3}

/* Tables, settings and developer */
.table-panel{overflow:hidden}.table-toolbar{background:#f8fafc;border-color:#e3e9f0}
table{color:#42536a}thead{background:#f4f7fa}th{color:#718096;border-color:#e2e8f0}td{border-color:#e8edf3}tbody tr:hover{background:#fafbfd}
.execution-id{color:#315d92}
.endpoint-panel pre{background:#172033;color:#d8e7f8;border-color:#172033;box-shadow:none;border-radius:9px}
.code-block{background:#f4f7fb;border-color:#dce4ed}.code-block code,.webhook-event-grid code,.api-key-row code{color:#1d4ed8}.code-block button{color:#1d4ed8}
.method-badge{color:#087246;background:#edf9f3;border-color:#cdebdc}.endpoint-note,.api-key-row small,.webhook-event-grid span{color:#718096}.api-key-row b{color:#334155}
.settings-grid.enterprise-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.settings-panel{padding:22px}.settings-panel h3{color:#213047}.settings-panel>p{color:#718096}
.documentation-panel{grid-column:span 2}.documentation-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.profile-summary{background:#f8fafc;border-color:#e3e9f0}.profile-summary>span{color:#1d4ed8;background:#eaf1ff}.profile-summary b,.account-facts b{color:#334155}.profile-summary small,.account-facts span{color:#78869a}
.toggle-row b{color:#334155}.toggle-row small{color:#7b899a}.switch{background:#cbd5e1}.switch i{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.18)}.switch.on{background:#2563eb}
.danger-panel{border-color:#edcbd1;background:#fffbfb}

/* Guide */
.guide-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:25px;background:#fff;overflow:hidden;position:relative}
.guide-hero:after{content:"";position:absolute;right:-75px;top:-95px;width:220px;height:220px;border-radius:50%;border:36px solid #f1f5f9}
.guide-hero h3{margin:7px 0 8px;font-size:24px;letter-spacing:-.035em;color:#172033}.guide-hero p{margin:0;color:#6c7a8d;line-height:1.65}
.guide-progress{position:relative;z-index:1;min-width:210px;padding:15px 17px;border:1px solid #dce4ed;border-radius:10px;background:#f8fafc}
.guide-progress strong{display:block;font-size:18px;color:#1d4ed8}.guide-progress span{display:block;color:#78869a;font-size:11px;margin-top:4px}
.guide-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:15px 0}
.guide-step{min-height:145px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;border:1px solid #dce4ed;border-radius:11px;background:#fff;color:#213047;cursor:pointer;box-shadow:var(--shadow-soft)}
.guide-step:hover{background:#fafbfd;border-color:#c6d2df;transform:none}.guide-step>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#315d92;margin-bottom:18px}.guide-step b{font-size:12px}.guide-step p{font-size:11px;line-height:1.55;color:#718096;margin:7px 0 0}.guide-step>svg{position:absolute;right:11px;top:11px;width:19px;height:19px;padding:4px;border-radius:50%;border:1px solid #dce4ed;color:transparent}
.guide-step.done{background:#f2faf6;border-color:#bce2cf}.guide-step.done>svg{color:#fff;background:#168a55;border-color:#168a55}.guide-step.done>span{color:#087246}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.guide-card{padding:23px}.guide-card-icon{float:right;width:43px;height:43px;border:1px solid #dce4ed;border-radius:10px;display:grid;place-items:center;color:#315d92;background:#f4f7fb}.guide-card h3{font-size:18px;letter-spacing:-.025em;margin:9px 0;color:#213047}.guide-card p{font-size:12px;line-height:1.65;color:#718096;max-width:90%}.guide-card ul,.guide-card ol{margin:15px 0 0;padding-left:19px;color:#59697d;font-size:11px;line-height:1.85}.guide-card li::marker{color:#315d92}
.guide-callout{margin-top:15px;padding:23px 25px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:#1e3a5f;box-shadow:var(--shadow)}
.guide-callout .panel-kicker{color:#bcd6f5}.guide-callout h3{font-size:19px;margin:7px 0}.guide-callout p{margin:0;color:#cbd8e6;font-size:12px}

/* Modal and feedback */
.modal-root{background:rgba(15,23,42,.3);backdrop-filter:none}
.modal-card{color:#172033;background:#fff;border-color:#d5dee8;box-shadow:0 24px 70px rgba(15,23,42,.2);border-radius:14px}
.modal-head{border-color:#e3e9f0}.modal-head h2{color:#172033}.modal-head p,.modal-body p{color:#6c7a8d}.modal-actions{border-color:#e3e9f0;background:#f8fafc}
.command-search{background:#fff;border-color:#dce4ed}.command-search input{color:#172033}.command-results{background:#fff}.command-item{color:#405168}.command-item:hover,.command-item.active{background:#eef4ff;color:#1d4ed8}
.toast{color:#334155;background:#fff;border-color:#dce4ed;box-shadow:0 12px 35px rgba(15,23,42,.14);backdrop-filter:none}.secret-box{color:#1e3a5f;background:#f0f6ff;border-color:#cfdef5}.empty-state{color:#718096}.empty-state h3{color:#334155}
.app-footer{color:#7a8899;border-top-color:#e3e9f0}

/* Mobile and tablet */
.mobile-nav{display:none}
@media(max-width:1180px){
  .content-wrap{padding:26px 24px 38px}
  .guide-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .sidebar{transform:translateX(-105%);box-shadow:20px 0 50px rgba(15,23,42,.15)}
  .sidebar.open{transform:translateX(0)}
  .main-area{margin-left:0}
  .menu-btn{display:grid}
  .topbar{padding:0 18px}
  .search-trigger span,.search-trigger kbd{display:none}
  .search-trigger{width:40px;padding:0;justify-content:center}
  .dashboard-grid{grid-template-columns:1fr}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-grid.enterprise-settings{grid-template-columns:1fr}.documentation-panel{grid-column:auto}
}
@media(max-width:820px){
  body{padding-bottom:82px;background:#f4f7fb}
  .sidebar-overlay{background:rgba(15,23,42,.25);backdrop-filter:none}
  .topbar{height:66px;padding:0 14px;background:#fff}
  .content-wrap{padding:21px 15px 32px}
  .demo-banner{margin:10px 15px 0}
  .mobile-nav{display:grid;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:66px;padding:6px;border-radius:14px;background:#fff;border:1px solid #d7e0ea;box-shadow:0 12px 34px rgba(15,23,42,.14);backdrop-filter:none}
  .mobile-nav button{height:52px;border-radius:9px;color:#718096;font-size:8px}
  .mobile-nav button.active{color:#1d4ed8;background:#eef4ff}
  .mobile-nav .mobile-create{top:-12px;background:transparent!important}
  .mobile-nav .mobile-create svg{width:44px;height:44px;padding:12px;color:#fff;background:#2563eb;border-radius:12px;box-shadow:0 8px 18px rgba(37,99,235,.24)}
  .mobile-nav .mobile-create span{color:#607086;font-weight:800}
  .modal-card,.modal-card.small,.modal-card.wide{border-radius:16px 16px 0 0;background:#fff}
  .toast-root{bottom:88px}
  .guide-hero,.guide-callout{align-items:flex-start;flex-direction:column}.guide-progress{min-width:0;width:100%}.guide-steps{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.guide-callout .btn{width:100%}
}
@media(max-width:650px){
  .auth-screen{display:flex;flex-direction:column}.auth-panel-wrap{order:-1;padding:14px 12px 20px;min-height:auto;background:#f4f7fb}.auth-panel{padding:23px 18px;border-radius:14px}.auth-visual{padding:28px 18px 32px;min-height:auto;border-right:0}.auth-copy{margin-top:34px}.auth-copy h1{font-size:35px}.auth-copy p{font-size:14px}.automation-map{display:none}.auth-proof-grid{grid-template-columns:1fr;gap:8px;margin-top:28px}.auth-proof-grid div{padding:14px;display:flex;align-items:center;justify-content:space-between}.auth-proof-grid span{margin:0}
  .topbar-left h1{font-size:15px}.breadcrumb{display:none}.topbar-actions{gap:5px}.topbar-actions .btn span{display:none}.topbar-actions .btn{width:40px;padding:0}
  .content-wrap{padding:18px 12px 28px}.demo-banner{margin:9px 12px 0;padding:11px 12px}
  .welcome-row,.page-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.welcome-row h2,.page-toolbar h2{font-size:27px}.date-card{width:100%}
  .toolbar-actions{width:100%;justify-content:flex-start}.toolbar-actions .btn{flex:1}
  .metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:16px}.metric-card strong{font-size:25px}.metric-card>span{font-size:10px}
  .panel,.workflow-card,.template-card,.client-card,.connector-card,.alert-card{border-radius:11px}.panel-header{padding:16px}.chart-panel{min-height:330px}.bar-chart{gap:8px}
  .filter-bar{padding:8px}.filter-pills{overflow-x:auto;flex-wrap:nowrap}.filter-pills button{white-space:nowrap}
  .page-toolbar>.btn,.page-toolbar>.toolbar-actions{width:100%}.page-toolbar>.btn{min-height:46px}
  .execution-summary,.client-stats,.connection-overview{grid-template-columns:1fr 1fr}.summary-card{min-height:82px}
  .settings-panel{padding:18px}.documentation-actions{display:grid;grid-template-columns:1fr}.documentation-actions .btn{width:100%}
  .app-footer{padding-bottom:86px}
}
@media(max-width:390px){
  .metric-grid{grid-template-columns:1fr}.metric-card{display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center}.metric-top{display:contents}.metric-icon{grid-row:1/3}.metric-delta{grid-column:3;grid-row:1}.metric-card strong{grid-column:2;grid-row:1;margin:0}.metric-card>span{grid-column:2/4;grid-row:2}.metric-foot{display:none}
  .execution-summary,.client-stats,.connection-overview{grid-template-columns:1fr}.guide-steps{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}