:root{--navy:#091322;--ink:#17253b;--muted:#7d899c;--line:#e1e7ef;--blue:#2d70dc;--sidebar:244px;--top:70px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:#f4f7fb;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;width:var(--sidebar);display:flex;flex-direction:column;padding:27px 18px 19px;color:#d5dfeb;background:radial-gradient(circle at 20% 0,rgba(48,123,214,.2),transparent 30%),linear-gradient(180deg,#0d182a,#07101d 70%);box-shadow:12px 0 45px rgba(30,45,68,.06);overflow:hidden}.sidebar:after{content:"";position:absolute;width:220px;height:220px;left:-140px;bottom:8%;border:1px solid rgba(72,198,225,.08);border-radius:50%;box-shadow:0 0 0 35px rgba(72,198,225,.025),0 0 0 70px rgba(72,198,225,.015)}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px;padding:0 9px;color:#fff;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font:800 19px/1 "Manrope";letter-spacing:.08em}.brand small{margin-top:5px;color:#7588a0;font:600 7px/1 "Manrope";letter-spacing:.17em}.brand-mark{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:linear-gradient(140deg,#4ed7e9,#3079e7 58%,#6759df);box-shadow:0 8px 20px rgba(44,117,226,.27);overflow:hidden}.brand-mark i{position:absolute;bottom:8px;width:5px;border-radius:4px;background:#fff;transform:rotate(28deg)}.brand-mark i:nth-child(1){left:8px;height:12px}.brand-mark i:nth-child(2){left:15px;bottom:7px;height:20px}.brand-mark i:nth-child(3){left:22px;bottom:9px;height:15px}.sidebar nav{margin-top:44px}.nav-link{position:relative;z-index:1;width:100%;min-height:44px;display:flex;align-items:center;gap:13px;margin:4px 0;padding:0 13px;border:0;border-radius:10px;color:#7f90a6;background:transparent;font-size:13px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;transition:.2s}.nav-link:hover{color:#e5edf7;background:rgba(255,255,255,.04)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(43,111,226,.23),rgba(43,111,226,.04))}.nav-link.active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:0 4px 4px 0;background:#43cae8;box-shadow:0 0 12px rgba(67,202,232,.45)}.nav-link>span{position:relative;width:18px;height:18px;flex:0 0 18px}.grid-icon{background:linear-gradient(90deg,currentColor 6px,transparent 6px 10px,currentColor 10px) top/100% 6px no-repeat,linear-gradient(90deg,currentColor 6px,transparent 6px 10px,currentColor 10px) bottom/100% 6px no-repeat}.pulse-icon{border:1.5px solid currentColor;border-radius:50%}.pulse-icon:after{content:"";position:absolute;width:5px;height:5px;inset:5px;border:1px solid currentColor;border-radius:50%}.chart-icon{border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.chart-icon:after{content:"";position:absolute;left:3px;bottom:2px;width:3px;height:7px;border-radius:2px 2px 0 0;background:currentColor;box-shadow:5px -4px currentColor,10px -8px currentColor}.team-icon:after{content:"";position:absolute;inset:2px;border:1.5px solid currentColor;border-radius:8px 8px 4px 4px}.settings-icon{border:2px dotted currentColor;border-radius:50%}.settings-icon:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;border-radius:50%}.nav-label{position:relative;z-index:1;margin:30px 0 9px 13px;color:#596c84;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.side-bottom{position:relative;z-index:1;margin-top:auto}.demo-state{display:flex;align-items:center;gap:10px;margin:0 3px 18px;padding:12px 11px;border:1px solid rgba(130,158,190,.12);border-radius:11px;background:rgba(255,255,255,.025)}.demo-state div,.profile div{display:flex;flex-direction:column}.demo-state b{font-size:10px}.demo-state small{margin-top:3px;color:#64778e;font-size:8px}.orbit{position:relative;width:25px;height:25px;border:1px solid rgba(71,209,229,.35);border-radius:50%}.orbit:before{content:"";position:absolute;width:19px;height:9px;left:2px;top:7px;border:1px solid rgba(71,209,229,.25);border-radius:50%;transform:rotate(-35deg)}.orbit i{position:absolute;width:5px;height:5px;left:9px;top:9px;border-radius:50%;background:#4bd3e9;box-shadow:0 0 8px #4bd3e9}.profile{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:9px;padding:15px 7px 2px;border-top:1px solid rgba(143,163,188,.1)}.profile>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:white;background:linear-gradient(135deg,#4d8fee,#7868df);font-size:10px;font-weight:700}.profile b{font-size:10px}.profile small{margin-top:3px;color:#64758b;font-size:8px}.profile button{border:0;color:#64758b;background:none;cursor:pointer}main{min-height:100vh;margin-left:var(--sidebar)}.topbar{position:sticky;top:0;z-index:4;height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid rgba(218,226,237,.9);background:rgba(250,252,255,.84);backdrop-filter:blur(18px)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px}.breadcrumb span{color:#98a4b5}.breadcrumb i{color:#c1cad7;font-style:normal}.breadcrumb b{color:#435168}.mobile-logo{display:none}.top-actions{display:flex;gap:8px}.icon-btn,.help,.workspace-actions button{border:1px solid #dde5ee;background:rgba(255,255,255,.8);cursor:pointer;transition:.2s}.icon-btn:hover,.help:hover,.workspace-actions button:hover{border-color:#c7d3e2;background:#fff;transform:translateY(-1px)}.icon-btn{width:35px;height:35px;border-radius:10px}.bell:before{content:"";position:absolute;width:12px;height:12px;margin:-7px 0 0 -7px;border:1.5px solid #6c798c;border-bottom:0;border-radius:8px 8px 2px 2px}.bell:after{content:"";position:absolute;width:5px;height:5px;margin:-7px 0 0 2px;border:1px solid white;border-radius:50%;background:#467de8}.help{height:35px;display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:10px;color:#5d6b7f;font-size:11px;font-weight:600}.help span{display:grid;place-items:center;width:15px;height:15px;border:1px solid #94a0b1;border-radius:50%;font-size:9px}.library-view{min-height:calc(100vh - var(--top));padding:40px 36px 62px;background:linear-gradient(180deg,#f9fbfd,#f3f6fa)}.hero,.toolbar,.section-title,.agent-grid,.empty{max-width:1440px;margin-right:auto;margin-left:auto}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 11px!important;color:#5683c4!important;font:700 8px "Manrope"!important;letter-spacing:.17em}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#42cbe5;box-shadow:0 0 0 4px rgba(66,203,229,.12)}.hero h1{margin:0;color:#16243a;font:700 clamp(28px,3vw,37px)/1.2 "Manrope";letter-spacing:-.04em}.hero p{margin:8px 0 0;color:#758297;font-size:13px}.count{min-width:148px;padding:15px 18px;border:1px solid #dbe3ed;border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(42,61,92,.04)}.count>span{display:block;color:#8793a4;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.09em}.count b{display:block;margin-top:4px;font:700 23px "Manrope"}.count i{font-style:normal}.count small{color:#7e8a9c;font-size:9px}.toolbar{display:flex;align-items:center;gap:11px;margin-top:32px}.search{width:min(365px,36vw);height:41px;display:flex;align-items:center;border:1px solid #dfe6ee;border-radius:11px;background:white;box-shadow:0 4px 14px rgba(40,60,88,.025)}.search:focus-within{border-color:#8eb4ed;box-shadow:0 0 0 3px rgba(49,111,224,.08)}.search>span{position:relative;width:14px;height:14px;flex:0 0 14px;margin-left:14px;border:1.5px solid #7e8ca1;border-radius:50%}.search>span:after{content:"";position:absolute;width:5px;height:1.5px;right:-4px;bottom:-2px;background:#7e8ca1;transform:rotate(45deg)}.search input{width:100%;height:100%;padding:0 11px;border:0;outline:0;color:#28364b;background:transparent;font-size:11px}.search input::placeholder{color:#a4afbe}.search kbd{margin-right:10px;padding:3px 6px;border:1px solid #e2e7ee;border-radius:5px;color:#9ba6b5;background:#f7f9fb;font-size:8px}.filters{display:flex;gap:5px}.filter{height:33px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#718096;background:transparent;font-size:10px;font-weight:600;cursor:pointer}.filter:hover{color:#345a92;background:#edf3fb}.filter.active{border-color:#ccdaec;color:#2d63b1;background:#eaf2fd}.sort{height:37px;display:flex;align-items:center;gap:4px;margin-left:auto;padding:0 8px 0 11px;border:1px solid #dfe6ef;border-radius:9px;color:#8a96a8;background:white;font-size:9px}.sort select{border:0;outline:0;color:#526177;background:transparent;font-size:9px;font-weight:600}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:28px;margin-bottom:15px}.section-title h2{margin:0;font:700 14px "Manrope"}.section-title p{margin:4px 0 0;color:#9aa5b4;font-size:9px}.view-grid{width:33px;height:31px;display:grid;grid-template-columns:repeat(2,4px);place-content:center;gap:3px;border:1px solid #dce4ee;border-radius:8px;background:white}.view-grid i{width:4px;height:4px;border-radius:1px;background:#4c72aa}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.agent-card{position:relative;min-height:197px;display:flex;flex-direction:column;padding:18px;border:1px solid #e0e7f0;border-radius:14px;color:inherit;background:rgba(255,255,255,.92);box-shadow:0 6px 22px rgba(36,55,82,.035);text-decoration:none;overflow:hidden;opacity:0;transform:translateY(12px);animation:card-in .45s cubic-bezier(.2,.7,.2,1) forwards;transition:.25s}.agent-card:before{content:"";position:absolute;width:110px;height:110px;top:-76px;right:-54px;border-radius:50%;background:var(--soft);opacity:.55;transition:.3s}.agent-card:hover{border-color:color-mix(in srgb,var(--color) 28%,#dfe7f1);box-shadow:0 15px 35px rgba(32,55,91,.09);transform:translateY(-4px)}.agent-card:hover:before{transform:scale(1.35)}@keyframes card-in{to{opacity:1;transform:translateY(0)}}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.agent-icon{position:relative;width:41px;height:41px;display:grid;place-items:center;border-radius:12px;color:var(--color);background:var(--soft);overflow:hidden}.agent-icon:after{content:attr(data-glyph);font:800 12px "Manrope"}.agent-icon:before{content:"";position:absolute;width:30px;height:30px;top:-17px;right:-13px;border:6px solid currentColor;border-radius:50%;opacity:.08}.category{padding:4px 7px;border:1px solid #e5eaf1;border-radius:99px;color:#8793a5;background:#fafbfd;font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.agent-card h3{margin:15px 0 5px;color:#24344c;font:700 14px/1.25 "Manrope";letter-spacing:-.018em}.agent-card p{min-height:32px;margin:0;color:#8290a4;font-size:9.5px;line-height:1.55}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px}.owner{display:flex;align-items:center;gap:6px;color:#a0aaba;font-size:8px}.owner i{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;color:var(--color);background:var(--soft);font-size:6px;font-style:normal;font-weight:800}.open{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#8995a6;background:#f6f8fb;font-size:14px;transition:.2s}.agent-card:hover .open{color:var(--color);background:var(--soft);transform:translateX(2px)}.empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d7e0ec;border-radius:16px;color:#8390a4;background:rgba(255,255,255,.45)}.empty[hidden]{display:none}.empty>span{width:34px;height:34px;border:2px solid #a5b2c3;border-radius:50%}.empty h3{margin:18px 0 4px;color:#526178;font-size:14px}.empty p{margin:0;font-size:10px}.empty button{margin-top:16px;padding:7px 12px;border:1px solid #d8e1ec;border-radius:8px;color:#4772ae;background:#fff;font-size:9px;cursor:pointer}.workspace-view{min-height:calc(100vh - var(--top));display:flex;flex-direction:column;background:#fafbfd}.workspace-view[hidden]{display:none}.workspace-head{min-height:102px;display:flex;align-items:center;justify-content:space-between;padding:17px 36px;border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,.86)}.workspace-title{display:flex;align-items:center;min-width:0}.back{width:34px;height:34px;display:grid;place-items:center;margin-right:16px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;cursor:pointer}.back:hover{transform:translateX(-2px)}.back span{width:8px;height:8px;border-left:1.5px solid #526278;border-bottom:1.5px solid #526278;transform:rotate(45deg)}.workspace-title>.agent-icon{width:46px;height:46px;flex:0 0 46px;margin-right:13px;border-radius:13px}.title-line{display:flex;align-items:center;gap:9px}.title-line h1{margin:0;overflow:hidden;font:700 18px "Manrope";text-overflow:ellipsis;white-space:nowrap}.title-line>span{padding:4px 7px;border:1px solid #d9e2ee;border-radius:5px;color:#7f8da0;background:#f7f9fc;font-size:6px;font-weight:700;letter-spacing:.1em}.workspace-title p{margin:4px 0 0;color:#8a97aa;font-size:9px}.workspace-actions{display:flex;gap:7px}.workspace-actions button{height:35px;padding:0 11px;border-radius:9px;color:#627086;font-size:9px;font-weight:600}.tabs{height:48px;display:flex;align-items:flex-end;gap:24px;padding:0 36px;border-bottom:1px solid #e1e7ef;background:rgba(255,255,255,.74)}.tabs button{position:relative;height:48px;padding:0;border:0;color:#929daf;background:transparent;font-size:9px;font-weight:600;cursor:pointer}.tabs button.active{color:#315f9f}.tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#3a77d5}.blank-canvas{flex:1;min-height:calc(100vh - var(--top) - 150px);background:#fafbfd}.toast{position:fixed;z-index:20;right:25px;bottom:23px;display:flex;align-items:center;gap:9px;max-width:320px;padding:10px 13px;border:1px solid #dbe3ec;border-radius:10px;color:#536277;background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(30,46,72,.15);font-size:9px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#3f73bb;background:#e8f1fc;font-weight:700}.toast p{margin:0}@media(max-width:1200px){.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters .filter:nth-child(n+5){display:none}}@media(max-width:900px){:root{--sidebar:74px}.sidebar{width:74px;padding:24px 12px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-link:not(.active){font-size:0}.nav-link{justify-content:center;padding:0;font-size:0}.nav-label,.demo-state div,.profile div,.profile button{display:none}.demo-state{justify-content:center;padding:10px 0}.profile{display:flex;justify-content:center;padding:15px 0 0}.toolbar{flex-wrap:wrap}.search{width:100%}.sort{margin-left:0}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){:root{--sidebar:0px;--top:61px}.sidebar{display:none}main{margin-left:0}.topbar{padding:0 17px}.mobile-logo{display:flex;align-items:center;gap:7px}.mobile-logo .brand-mark{transform:scale(.78)}.mobile-logo b{font:800 12px "Manrope";letter-spacing:.08em}.breadcrumb,.help{display:none}.library-view{padding:27px 17px 48px}.count{display:none}.toolbar{margin-top:25px}.filters{width:100%;overflow:auto}.filters .filter:nth-child(n){display:block;white-space:nowrap}.sort{display:none}.agent-grid{grid-template-columns:1fr}.workspace-head{padding:15px 17px}.workspace-actions,.title-line>span{display:none}.tabs{padding:0 17px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}