@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b1117;--panel:#111a23;--panel2:#0e1720;--line:#23313d;--muted:#93a1ad;--text:#edf3f7;--cyan:#58c8e8;--green:#48d79a;--amber:#ffbd5b;--purple:#b49aff;--blue:#5aa8ff;--radius:14px;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% -16%,#14283a 0,transparent 48%),var(--bg);color:var(--text);font-size:14px;min-height:100vh}.demo-banner{height:32px;display:flex;justify-content:center;align-items:center;gap:9px;background:#12251f;border-bottom:1px solid #214235;color:#b8e8d5;font-size:10px;letter-spacing:.035em}.demo-dot,.live-pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px #48d79a22}.topbar{height:72px;border-bottom:1px solid #1c2832;background:#0b1117eF;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:block;width:175px}.brand img{width:100%;display:block}.topbar-right{display:flex;align-items:center;gap:24px}.store-link{color:#b7c5d0;text-decoration:none;font-size:12px}.store-link span:first-child{color:var(--cyan);margin-right:7px}.language-button{background:transparent;border:0;color:#e6edf2;font:600 11px inherit;cursor:pointer}.language-button span{color:#71818e;padding:0 5px}.user-chip{display:flex;align-items:center;gap:9px;color:#d4dee5;font-size:11px}.user-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#19384b;color:#91e4ff;font-weight:800}.chevron{color:#8292a0}.dashboard{max-width:1440px;margin:0 auto;padding:36px 34px 26px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.overline{margin:0 0 9px;color:#8fa1ae;font-size:9px;font-weight:700;letter-spacing:.15em}.welcome-row .overline{display:flex;align-items:center;gap:9px}.welcome-row h1{font:800 clamp(28px,3vw,36px)/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:0}.welcome-copy{margin:9px 0 0;color:#91a0ac;font-size:12px}.primary-button,.secondary-button{border:0;border-radius:7px;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 11px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,filter .15s}.primary-button{background:linear-gradient(135deg,#56c9e9,#3daedb);color:#06202b;box-shadow:0 5px 18px #36b8de25}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary-button span:first-child{font-size:17px;line-height:1}.secondary-button{background:#1c2934;border:1px solid #30404d;color:#dce5eb}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.metric-card{min-height:112px;background:linear-gradient(145deg,#121c26,#101821);border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px 14px;box-shadow:0 9px 25px #00000012}.metric-label{display:flex;justify-content:space-between;align-items:center;color:#9aa9b5;font-size:10px}.metric-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:13px}.metric-icon.cyan{color:var(--cyan);background:#58c8e817}.metric-icon.violet{color:var(--purple);background:#b49aff18}.metric-icon.amber{color:var(--amber);background:#ffbd5b18}.metric-icon.blue{color:var(--blue);background:#5aa8ff18}.metric-value{font:800 27px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin-top:4px}.metric-value small{font:500 10px 'DM Sans',sans-serif;color:#8796a3;letter-spacing:0}.catalog-metric .metric-value{font-size:18px;margin-top:9px}.metric-foot{display:flex;align-items:center;gap:7px;color:#83929e;font-size:9px;margin-top:7px}.status-dot,.mini-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.trend{color:var(--green);font-weight:700}.review-pill{color:#efbf70;background:#ffbd5b15;border:1px solid #ffbd5b24;border-radius:20px;padding:3px 7px;font-size:8px}.workspace-card,.tasks-card,.catalog-card{background:linear-gradient(150deg,#121b25,#101820);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px #00000016}.workspace-card{padding:21px;margin-bottom:15px}.card-heading,.tasks-heading{display:flex;justify-content:space-between;align-items:flex-end}.card-heading h2,.tasks-heading h2,.catalog-card h2{font:700 17px/1.2 Manrope,sans-serif;letter-spacing:-.025em;margin:0}.card-heading .overline,.tasks-heading .overline,.catalog-card .overline{margin-bottom:6px}.map-legend{display:flex;gap:14px;color:#8c9ba7;font-size:9px;margin-bottom:3px}.map-legend>span{display:flex;gap:6px;align-items:center}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.legend-dot.review{background:var(--amber)}.office-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.85fr);gap:21px;margin-top:17px}.office-map{height:365px;position:relative;overflow:hidden;border:1px solid #263846;border-radius:11px;background:radial-gradient(ellipse at 50% 55%,#1c2c38,#101922 72%);isolation:isolate}.map-grid{position:absolute;inset:0;background-image:linear-gradient(30deg,#49607012 1px,transparent 1px),linear-gradient(150deg,#49607012 1px,transparent 1px);background-size:36px 21px;opacity:.7}.office-floor{position:absolute;width:69%;height:68%;left:15%;top:12%;transform:rotateX(57deg) rotateZ(-35deg);transform-style:preserve-3d;background:linear-gradient(145deg,#1d2b35,#16232d);border:2px solid #3c5261;box-shadow:18px 20px 0 #0a1016,0 0 0 10px #17232d70;clip-path:polygon(25% 0,100% 0,100% 76%,75% 100%,0 100%,0 24%)}.office-floor:before{content:"";position:absolute;inset:12px;background:linear-gradient(90deg,transparent 49.6%,#56708238 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,#56708238 50%,transparent 50.4%);background-size:50% 50%;pointer-events:none}.room{position:absolute;display:flex;align-items:center;justify-content:center}.room-social{left:13%;top:12%;width:29%;height:34%;background:#1a2932;border:1px solid #425a68;border-radius:8px}.room-support{right:11%;top:12%;width:34%;height:35%;background:#1a2932;border:1px solid #425a68;border-radius:8px}.room-amazon{left:32%;bottom:11%;width:37%;height:34%;background:#1a2932;border:1px solid #425a68;border-radius:8px}.room-catalog{left:39%;top:43%;width:23%;height:18%;background:#162934;border:1px solid #4b7282;border-radius:5px}.room-caption{position:absolute;bottom:8%;left:0;right:0;text-align:center;color:#9babb4;font-size:clamp(7px,.8vw,10px);font-weight:600;white-space:nowrap}.desk{position:absolute;top:17%;width:42%;height:42%;background:linear-gradient(145deg,#d0dbe0,#90a3ac);border-radius:4px;box-shadow:5px 5px 0 #627681}.desk-top{position:absolute;inset:0;background:linear-gradient(135deg,#dbe4e7,#8da1aa);border-radius:3px}.desk-leg{position:absolute;width:5px;height:21px;bottom:-17px;right:9px;background:#71858f;transform:skewY(-25deg)}.monitor{position:absolute;z-index:1;top:-16px;left:30%;width:35%;height:22px;background:#0a1219;border:2px solid #546b76;border-radius:3px;box-shadow:0 0 10px #58c8e828}.avatar{position:absolute;z-index:2;top:25%;left:12%;width:34px;height:34px;border-radius:50%;border:2px solid #a3e9f8;background:linear-gradient(135deg,#4cbed5,#1e6478);color:#05202a;font:800 8px 'Manrope',sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 5px #58c8e81b,0 9px 15px #0008;transition:transform .2s}.avatar:hover{transform:translateY(-4px) scale(1.08)}.avatar-social{background:linear-gradient(135deg,#c7a9ff,#735ab5);border-color:#ddcbff;color:#24154a;box-shadow:0 0 0 5px #b49aff1b,0 9px 15px #0008}.avatar-amazon{background:linear-gradient(135deg,#ffc871,#bb7826);border-color:#ffe0a9;color:#40280d;box-shadow:0 0 0 5px #ffbd5b1b,0 9px 15px #0008}.presence{position:absolute;width:8px;height:8px;right:-1px;bottom:0;background:var(--green);border:2px solid #14232c;border-radius:50%}.review-presence{background:var(--amber)}.shelf{position:absolute;width:36%;height:18%;left:8%;border:1px solid #425a67;background:repeating-linear-gradient(90deg,#6c7c82 0 5px,#364b56 5px 11px);box-shadow:2px 2px 0 #52646b}.shelf-one{top:24%}.shelf-two{top:54%}.map-label{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;color:#cfdae0;font:700 8px 'DM Sans',sans-serif;letter-spacing:.1em;background:#101820d9;border:1px solid #293b48;border-radius:5px;padding:7px 9px;box-shadow:0 5px 12px #0004}.label-glyph{color:var(--cyan);font-size:12px}.label-social{top:28px;left:25px}.label-support{top:28px;right:25px}.label-amazon{bottom:37px;left:35%}.label-catalog{top:48%;left:46%;font-size:7px;padding:5px 7px}.label-catalog .label-glyph{font-size:10px}.plant{position:absolute;z-index:2;bottom:88px;width:26px;height:31px}.plant i,.plant i:before,.plant i:after{position:absolute;display:block;width:12px;height:17px;border-radius:100% 0 100% 0;background:#40ab7d;content:"";left:7px;top:0;transform:rotate(-25deg)}.plant i:before{left:-8px;top:5px;transform:rotate(-45deg);background:#347d65}.plant i:after{left:9px;top:2px;transform:rotate(58deg);background:#54c995}.plant b{position:absolute;bottom:0;left:11px;width:4px;height:11px;background:#98734e}.plant-one{left:13%}.plant-two{right:13%;bottom:90px}.map-path{position:absolute;left:44%;top:59%;width:19%;height:12%;border:2px dashed #58c8e866;border-radius:50%;transform:rotate(-12deg)}.map-footer{position:absolute;z-index:3;left:16px;right:16px;bottom:13px;display:flex;justify-content:space-between;align-items:center;color:#82929e;font-size:9px}.floor-status{display:flex;align-items:center;gap:7px}.floor-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #48d79a22}.agent-list{display:flex;flex-direction:column;gap:7px}.agent-list-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2px 3px}.agent-list-heading h3{margin:0;font:700 13px Manrope,sans-serif}.agent-total{font-size:9px;color:#8595a2;border:1px solid #32414d;border-radius:5px;padding:3px 6px}.agent-card{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #253540;border-radius:9px;background:#101922;padding:10px 11px;color:inherit;cursor:pointer;transition:border .15s,background .15s}.agent-card:hover,.agent-card.selected{border-color:#3a7184;background:#13232d}.agent-avatar{position:relative;flex:none;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font:800 9px Manrope,sans-serif;background:#1b4350;color:#82e4fa}.agent-avatar i{position:absolute;width:7px;height:7px;background:var(--green);border:1.5px solid #101922;border-radius:50%;right:-2px;bottom:-1px}.agent-avatar .review-dot{background:var(--amber)}.social-avatar{background:#30294a;color:#d2bdff}.amazon-avatar{background:#493722;color:#ffcf81}.agent-info{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.agent-info strong{font-size:10px;white-space:nowrap}.agent-info small{font-size:8px;color:#8797a3;white-space:nowrap}.agent-info em{display:flex;align-items:center;gap:5px;font-style:normal;color:#67d5a3;font-size:8px;margin-top:1px}.agent-info em.needs-review{color:#e8b960}.agent-info em.needs-review .mini-dot{background:var(--amber)}.agent-arrow{color:#728593;font-size:20px}.agent-detail{margin-top:3px;padding:12px 13px;background:linear-gradient(135deg,#162731,#132029);border:1px solid #294251;border-radius:9px}.detail-kicker{display:flex;align-items:center;gap:6px;color:#8ea4b0;font-size:8px;letter-spacing:.11em;font-weight:700}.detail-spark{color:var(--cyan);font-size:13px}.agent-detail>strong{display:block;margin-top:9px;font:700 11px Manrope,sans-serif}.agent-detail p{font-size:9px;color:#99a9b4;line-height:1.5;margin:5px 0 10px}.detail-meta{display:flex;align-items:center;gap:5px;color:#78bda0;font-size:8px}.catalog-link-dot{font-size:7px;color:var(--green)}.agent-note{margin:2px 3px 0;display:flex;align-items:flex-start;gap:6px;color:#8d9ba5;font-size:8px;line-height:1.45}.agent-note>span:first-child{color:#76bfd2}.lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:15px}.tasks-card,.catalog-card{padding:20px}.task-filters{display:flex;gap:4px;background:#0c141b;padding:3px;border:1px solid #24323d;border-radius:7px}.filter{border:0;background:transparent;color:#83939f;border-radius:5px;padding:6px 9px;font:600 8px 'DM Sans',sans-serif;cursor:pointer}.filter.active{color:#d9f7ff;background:#1d4050}.task-list{margin-top:14px}.task-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #202d37}.task-row:first-child{border-top:0}.task-kind{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#1d3440;color:var(--cyan);font-size:11px;font-weight:700}.task-kind.social{background:#2c2742;color:#c4aaff}.task-kind.amazon{background:#3a2e1c;color:#ffc878}.task-copy{min-width:0}.task-copy strong{display:block;color:#dbe4e9;font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-copy small{display:block;margin-top:4px;color:#788995;font-size:8px}.task-status{border-radius:20px;padding:4px 7px;background:#153328;color:#74d4a5;font-size:8px;white-space:nowrap}.task-status.review{background:#392f1e;color:#e7bb71}.task-due{color:#738491;font-size:8px;white-space:nowrap}.task-empty{text-align:center;padding:28px 10px;color:#82929e;font-size:10px}.catalog-card-head{display:flex;justify-content:space-between;align-items:flex-start}.catalog-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#1c3745;color:#75d5ec;font-size:18px}.catalog-card h2{font-size:16px}.catalog-intro{margin:9px 0 12px;color:#95a4af;font-size:9px;line-height:1.5}.catalog-flow{position:relative;padding-top:5px}.source-node{display:flex;align-items:center;gap:9px;padding:9px;background:#111f29;border:1px solid #2a4452;border-radius:8px}.source-node>span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#1e5264;color:#9be9fc;font:800 9px Manrope,sans-serif}.source-node strong,.source-node small{display:block}.source-node strong{font-size:9px}.source-node small{color:#7d8f9c;font-size:7px;margin-top:3px}.flow-branches{height:24px;display:flex;justify-content:space-around;margin:0 34px}.flow-branches i{height:24px;border-left:1px solid #395b68;position:relative}.flow-branches i:before{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:24px;transform:rotate(0deg);background:#395b68}.flow-recipients,.flow-captions{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.flow-recipients span{width:28px;height:28px;margin:auto;display:grid;place-items:center;border-radius:8px;background:#193b47;color:#9ce5f6;font:800 8px Manrope,sans-serif}.flow-recipients span:nth-child(2){background:#302748;color:#d2bfff}.flow-recipients span:nth-child(3){background:#3d301e;color:#ffd28d}.flow-captions{margin-top:5px;color:#84949f;font-size:7px}.markup-note{margin-top:14px;padding:9px 10px;display:flex;align-items:center;gap:8px;border:1px solid #2b493c;background:#14241e;border-radius:7px;color:#a8ccb9;font-size:8px;line-height:1.4}.markup-check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#1b4d38;color:#7fe0ae;font-weight:700;flex:none}.dashboard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:21px;padding:14px 2px 4px;border-top:1px solid #202c35;color:#72828e;font-size:9px}.dashboard-footer a{color:#7ecfe2;text-decoration:none}.task-dialog{width:min(470px,calc(100vw - 28px));border:1px solid #344652;border-radius:14px;padding:0;background:#111a23;color:var(--text);box-shadow:0 24px 80px #000b}.task-dialog::backdrop{background:#03080dc9;backdrop-filter:blur(4px)}.task-dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dialog-head h2{font:700 19px Manrope,sans-serif;letter-spacing:-.025em;margin:0}.dialog-close{width:29px;height:29px;border-radius:7px;border:1px solid #30414d;background:#17222c;color:#ccd7de;font-size:18px;cursor:pointer}.dialog-note{margin:11px 0 17px;color:#8fa0ab;font-size:10px;line-height:1.5}.dialog-field{display:block;margin:12px 0}.dialog-field>span{display:block;margin:0 0 6px;color:#bcc8d0;font-size:9px;font-weight:600}.dialog-field input,.dialog-field select{width:100%;height:39px;border:1px solid #30414d;border-radius:7px;background:#0b131b;color:#eaf0f3;padding:0 11px;font:11px 'DM Sans',sans-serif;outline:none}.dialog-field input:focus,.dialog-field select:focus{border-color:#58c8e8}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-actions button{min-height:37px}.dialog-actions .primary-button{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:980px){.dashboard{padding:30px 22px 20px}.office-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,.9fr)}.office-map{height:335px}.map-label{font-size:7px;padding:6px 7px}.lower-grid{grid-template-columns:1fr 320px}.task-row{grid-template-columns:28px minmax(0,1fr) auto}.task-due{display:none}}
@media(max-width:720px){.topbar{height:62px;padding:0 16px}.brand{width:145px}.topbar-right{gap:13px}.user-chip>span:not(.user-avatar):not(.chevron){display:none}.dashboard{padding:25px 15px 18px}.welcome-row{align-items:flex-start;gap:14px}.welcome-row h1{font-size:27px}.welcome-copy{max-width:410px;font-size:10px;line-height:1.45}.welcome-row>.primary-button{min-height:36px;padding:0 10px;font-size:9px;white-space:nowrap}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{min-height:101px;padding:13px}.metric-value{font-size:24px}.catalog-metric .metric-value{font-size:16px}.workspace-card{padding:15px}.card-heading h2,.tasks-heading h2{font-size:15px}.office-layout{grid-template-columns:1fr;gap:13px}.office-map{height:330px}.office-floor{width:71%;height:67%;left:14%;top:13%}.map-label{font-size:7px}.label-support{right:12px}.label-social{left:12px}.label-amazon{left:31%}.agent-list{display:grid;grid-template-columns:1fr;gap:6px}.agent-list-heading{margin-bottom:1px}.agent-card{padding:8px 10px}.agent-detail{padding:11px}.agent-note{font-size:8px}.lower-grid{grid-template-columns:1fr;gap:11px}.tasks-card,.catalog-card{padding:15px}.tasks-heading{align-items:flex-start;gap:9px;flex-direction:column}.task-filters{align-self:flex-start}.task-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.task-copy strong{font-size:8px}.task-status{font-size:7px;padding:4px 6px}.dashboard-footer{flex-wrap:wrap;font-size:8px}.dashboard-footer span:nth-child(2){order:3;width:100%}}
@media(max-width:390px){.demo-banner{font-size:8px}.store-link{font-size:10px}.language-button{font-size:9px}.user-avatar{width:27px;height:27px}.welcome-row h1{font-size:24px}.welcome-row>.primary-button{font-size:8px}.office-map{height:290px}.office-floor{width:76%;left:12%}.avatar{width:29px;height:29px;font-size:7px}.room-caption{font-size:6px}.map-label{font-size:6px;letter-spacing:.04em;padding:5px}.label-catalog{left:43%;top:47%}.task-row{grid-template-columns:25px minmax(0,1fr) auto}.task-kind{width:25px;height:25px}.task-status{max-width:74px;overflow:hidden;text-overflow:ellipsis}.task-dialog form{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.language-button{font:600 11px 'DM Sans',sans-serif}.avatar.avatar-selected{outline:2px solid #e2f9ff;outline-offset:4px}