@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{--bg:#f5f5f0;--ink:#193a36;--muted:#81918a;--line:#e1e7e0;--accent:#bcea91;--green:#266747;--dark:#173b35;--white:#fff;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{border:0}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #77b955;outline-offset:3px}.app{max-width:1660px;margin:auto;padding:0 42px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:23px;letter-spacing:-1px;text-decoration:none}.brand b{font-weight:500}.brand-icon{font-size:37px;line-height:1;margin-right:5px}.demo-tag{font:10px var(--mono);letter-spacing:1px;background:#e3eadf;padding:4px 6px;border-radius:4px;margin-left:8px}.header-note{font:10px var(--mono);letter-spacing:2.1px}.header-end{display:flex;gap:9px;align-items:center;font-size:12px}.local-dot,.tiny-dot,.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5b9467}.icon-button{background:transparent;margin-left:15px;font-size:23px;color:var(--ink)}.intro{display:flex;align-items:center;justify-content:space-between;padding:34px 0 27px}.eyebrow{font:9px var(--mono);letter-spacing:1.6px;color:#7d8d7f}h1{font-family:Manrope,sans-serif;font-size:38px;font-weight:600;letter-spacing:-1.8px;margin:9px 0 8px;line-height:1.2}h1 span{color:#729454}.intro p{margin:0;color:#869287;font-size:13px}.intro-badge{display:flex;align-items:center;gap:11px;padding:13px 18px;border:1px solid #d9e1d5;border-radius:10px}.intro-badge b{font-size:12px;font-weight:500;display:block}.intro-badge small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.pulse-dot{width:8px;height:8px;box-shadow:0 0 0 5px #e6eddc}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px}.metric{padding:18px 24px;position:relative;min-height:95px}.metric+.metric{border-left:1px solid var(--line)}.metric>span{font:9px var(--mono);letter-spacing:1.3px;color:#839386}.metric i{font-style:normal;cursor:help}.metric>div:not(.sparkline){display:flex;align-items:baseline;gap:5px;margin-top:8px}.metric strong{font:500 31px Manrope,sans-serif;letter-spacing:-1.2px}.metric small{font:10px var(--mono);color:var(--muted)}.metric em{margin-left:auto;font-style:normal;font-size:9px;color:#87958a}.metric-link{background:transparent;color:var(--green);font-size:10px;margin-left:auto;padding:0}.sparkline{position:absolute;right:22px;bottom:18px;display:flex;gap:3px;height:20px;align-items:end;opacity:.5}.sparkline span{width:4px;background:#8fbd6a;border-radius:2px}.workspace{display:grid;grid-template-columns:minmax(360px, .92fr) minmax(520px,1.08fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.panel-heading{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading>div{display:flex;align-items:center;gap:12px}.section-number{font:10px var(--mono);color:#879987;background:#f2f5ef;border-radius:4px;padding:5px}h2{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0}.subtle-label{font:11px var(--mono);color:#9ca69a}.live-label{display:flex;gap:6px;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#7b9677}.voice-stage{background:var(--dark);color:#f0f9ea;text-align:center;height:285px;position:relative;overflow:hidden;padding-top:20px}.voice-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#315f47aa,transparent 60%);pointer-events:none}.orb-wrap{position:relative;width:130px;height:130px;margin:0 auto 3px;display:flex;align-items:center;justify-content:center}.orb{position:relative;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#e8ffd9 0%,#b8e48d 24%,#8bbe64 44%,#3f865b 70%,#235944 85%);box-shadow:inset -12px -10px 18px #123c35aa,inset 5px 6px 18px #f1ffd888,0 0 30px #bbe79140;z-index:2;animation:float 5s ease-in-out infinite;transition:transform .1s}.orb-core{position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 45deg,transparent,#ddffb96b,transparent,#71b67466,transparent);filter:blur(8px)}.orb-halo{position:absolute;inset:10px;border:1px solid #a6d7851c;border-radius:50%;box-shadow:0 0 30px #b4ed7f10}.orb-ring{position:absolute;inset:0;border:1px solid #a6d78511;border-radius:50%}.voice-title{position:relative;font:500 17px Manrope,sans-serif;letter-spacing:-.3px}.voice-subtitle{position:relative;font-size:10px;color:#9fbaaa;margin-top:7px}.voice-controls{position:relative;display:flex;justify-content:center;gap:8px;margin-top:18px;align-items:center}.start-button{display:flex;align-items:center;gap:9px;background:var(--accent);border-radius:7px;padding:11px 16px;color:#24422e;font-size:11px;font-weight:600;min-width:196px;justify-content:center}.round-button{width:35px;height:35px;border-radius:7px;border:1px solid #78958155;background:#ffffff08;color:#d6e6d4;font-size:17px}.round-button.muted{background:#8d473a}.voice-controls select{background:#21433c;color:#acc4b3;border:1px solid #78958155;border-radius:7px;height:35px;font-size:10px;padding:0 7px;max-width:76px}.mic-hint{position:relative;color:#779482;font-size:8px;margin-top:10px}.transcript-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 8px;font:9px var(--mono);letter-spacing:1px;color:#7b8f80}.transcript-heading>span{display:flex;gap:7px;align-items:center}.transcript-heading>div{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:0}.transcript-heading button{background:transparent;color:#98a699;padding:0;font-size:9px}.transcript{height:259px;overflow-y:auto;padding:10px 24px 18px;scroll-behavior:smooth}.empty-chat{text-align:center;color:#a1ada0;padding:22px 0}.empty-chat>span{font:45px Georgia,serif;color:#c6d5ba;line-height:1}.empty-chat h3{font-size:12px;font-weight:500;color:#778a76;margin:4px 0 8px}.empty-chat p{font-size:11px;line-height:1.8;margin:0}.message{display:flex;gap:9px;margin:12px 0 19px;animation:fadein .25s}.message-avatar{width:27px;height:27px;border-radius:8px;background:#ecf2e5;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:#537247}.message.user .message-avatar{background:#edf1ee;color:#799283}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:center;gap:8px;font-size:10px;margin:0 0 5px;font-weight:600}.message-meta time{font:8px var(--mono);color:#a9b2a5;font-weight:400}.message-source{font:7px var(--mono);padding:2px 4px;background:#f3f5ef;border-radius:3px;color:#8a9c82}.message-text{font-size:12px;line-height:1.7;color:#53685e;white-space:pre-wrap;overflow-wrap:anywhere}.message.error .message-text{color:#b1614d}.suggestions{padding:0 24px 12px;display:flex;flex-wrap:wrap;gap:6px}.suggestions button{border:1px solid #e2e8dc;background:#f8faf5;border-radius:5px;font-size:8px;color:#63765c;padding:6px 8px}.suggestions span{color:#8aa479;margin-left:5px}.composer{margin:0 20px;display:flex;align-items:center;gap:8px;background:#f6f8f3;border:1px solid #e2e7db;border-radius:8px;padding:8px 8px 8px 12px}.composer textarea{resize:none;border:0;outline:none;background:transparent;flex:1;font-size:11px;color:var(--ink);max-height:100px;line-height:1.5;padding:2px 0;min-width:0}.composer textarea::placeholder{color:#99a697}.composer button{background:#244d3c;color:#d7f5bc;border-radius:6px;width:29px;height:29px;font-size:18px}.composer-foot{display:flex;justify-content:space-between;padding:9px 24px 16px;color:#a2ac9c;font:7px var(--mono)}.tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid var(--line);height:47px;align-items:stretch}.tabs button{background:transparent;padding:0;color:#8c9c8c;font-size:10px;position:relative}.tabs button.active{color:#35563a;font-weight:600}.tabs button.active:after{content:'';height:2px;background:#739d52;position:absolute;bottom:-1px;left:0;right:0}.tabs button span{margin-left:5px;font:8px var(--mono);background:#eff3e9;padding:2px 4px;border-radius:3px}.tab-content{display:none;padding:22px 24px 20px;min-height:581px}.tab-content.active{display:block}.database-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;font-weight:600;margin:6px 0 0}.small-button{border:1px solid #e0e7d9;background:#fbfcf8;color:#79916b;font-size:9px;border-radius:5px;padding:7px 10px}.customer-card{padding:16px;background:#f4f7ee;border:1px solid #e3ead9;border-radius:9px;display:flex;align-items:center;gap:12px;transition:background .3s}.customer-avatar{height:42px;width:42px;display:flex;align-items:center;justify-content:center;font:500 18px Manrope;background:#e1eccf;border:1px solid #d5e4bd;border-radius:50%;color:#76914d}.customer-info{flex:1;min-width:0}.customer-name{font-size:13px;font-weight:600}.customer-email{font-size:10px;color:#8a997d;margin-top:4px;overflow-wrap:anywhere}.customer-meta{display:flex;gap:8px;align-items:center;font:8px var(--mono);color:#91a07e;margin-top:6px}.customer-tier{font:8px var(--mono);background:#e9edd3;color:#8a9151;padding:4px 7px;border-radius:4px}.purchases-heading{display:flex;justify-content:space-between;margin:18px 0 10px;font:8px var(--mono);letter-spacing:.7px;color:#8f9e89}.purchases-heading>span+span{font-size:7px;letter-spacing:0}.subtle-separator{color:#cad3c0;margin:0 4px}.product-list{display:flex;flex-direction:column;gap:8px}.product-card{display:flex;gap:11px;align-items:center;border:1px solid #e7ebe1;border-radius:8px;padding:12px;transition:background .4s,border-color .4s}.product-icon{width:39px;height:42px;border-radius:7px;background:#f5f6f1;display:flex;align-items:center;justify-content:center;color:#8a9a7d;flex-shrink:0}.product-icon svg{height:30px;width:30px}.product-info{flex:1;min-width:0}.product-name{font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px}.product-id{font:7px var(--mono);color:#a5ae9c}.product-details{font-size:8px;color:#9aa58f;margin-top:5px;display:flex;gap:9px}.product-right{text-align:right}.product-price{font:500 13px Manrope,sans-serif}.product-status{font-size:7px;color:#79996a;margin-top:5px;display:flex;align-items:center;justify-content:end;gap:4px}.product-status:before{content:'';width:4px;height:4px;border-radius:50%;background:#8db573}.product-status.transit{color:#b89a54}.product-status.transit:before{background:#c6ae67}.product-warranty{display:none;font-size:8px;color:#79936d;margin-top:5px}.product-card:hover .product-warranty{display:block}.changed{animation:highlight 3s ease-out}.routing-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:21px -24px 0;padding:20px 24px 0}.route-status{font:7px var(--mono);color:#91a184;border:1px solid #e4eadd;padding:5px 7px;border-radius:4px;max-width:140px;text-align:right}.routing{display:flex;align-items:center;margin:16px 0 19px}.route-node{text-align:center;flex:1;min-width:0;position:relative}.node-icon{display:flex;justify-content:center;align-items:center;width:35px;height:35px;margin:auto;border:1px solid #dfe7d7;border-radius:9px;background:#f9fbf5;font-size:18px;color:#819772;transition:all .25s}.route-node b{display:block;font-size:9px;font-weight:500;margin-top:7px}.route-node small{display:block;font-size:7px;color:#a1ac99;margin-top:4px}.node-state{display:block;font:6px var(--mono);letter-spacing:.8px;color:#a4b099;margin-top:8px}.route-connector{height:1px;background:#e0e7d7;flex:.4;position:relative;top:-19px}.route-node.done .node-icon{color:#3c7344;background:#e9f4de;border-color:#c2dbaa}.route-node.done .node-state{color:#6e945d}.route-node.running .node-icon{background:#d8edbe;border-color:#94b976;box-shadow:0 0 0 4px #dfedcd66}.route-node.running .node-state{color:#618244}.route-node.failed .node-icon{background:#fcebe5;color:#b86d54}.route-connector.active{background:#a5c083}.route-connector.active span{position:absolute;height:4px;width:4px;background:#78a24d;border-radius:50%;top:-1px;animation:travel 1s infinite}.activity-heading{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#8a9e7d;border-top:1px solid var(--line);padding-top:16px}.activity-feed{height:98px;overflow:auto;padding-top:8px}.activity-empty{font-size:10px;color:#a3af9a;padding:13px 0}.activity-row{display:flex;align-items:start;gap:7px;font-size:9px;color:#809472;padding:6px 0;line-height:1.5;border-bottom:1px solid #f0f3eb}.activity-row time{font:7px var(--mono);color:#a6b29c;margin-left:auto;white-space:nowrap;padding-top:2px}.activity-symbol{background:#e7f0dd;border-radius:3px;width:16px;height:16px;text-align:center;line-height:16px;flex-shrink:0;color:#769258}.activity-row.error{color:#b5785f}.activity-row .change{color:#376b45}.inspector-intro h3{font-size:21px;margin:5px 0 10px}.inspector-intro p{font-size:11px;color:#8a9a82;line-height:1.8;margin:0 0 20px}.api-list{max-height:650px;overflow-y:auto}.api-row{border:1px solid #e0e7da;border-radius:7px;margin-bottom:9px;background:#f9fbf6}.api-row summary{display:flex;align-items:center;gap:8px;padding:11px;cursor:pointer;font:9px var(--mono);list-style:none;overflow-wrap:anywhere}.api-row summary:after{content:'+';margin-left:auto;color:#899e78}.api-row[open] summary:after{content:'−'}.api-method{color:#79a055;font-size:8px;background:#ecf3e4;padding:3px 4px;border-radius:3px}.api-row.error .api-method{color:#b57051;background:#fae8de}.api-row pre{font:9px/1.7 var(--mono);color:#688160;margin:0;padding:0 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow-y:auto}.form-label{display:block;font:8px var(--mono);letter-spacing:1px;color:#829576;margin-bottom:10px}.reference{border:1px solid #dfe7d6;border-radius:7px;width:100%;padding:12px;color:#42683b;background:#f7faf2;font-size:12px;line-height:1.6;resize:vertical;margin-bottom:12px}.filled{background:#244d3c;color:#d8edc4;border-color:#244d3c}.accuracy-result{background:#f5f8ef;padding:16px;border-radius:7px;font-size:11px;color:#829775;line-height:1.8;margin-top:20px}.accuracy-score{font:500 38px Manrope;color:#466f35;display:block;margin-bottom:7px}.lab-note{margin-top:26px;font-size:11px;color:#8b9b83;line-height:1.8;border-top:1px solid var(--line);padding-top:20px}.lab-note b{color:#55744c;font-weight:500}footer{display:flex;justify-content:space-between;font-size:9px;color:#94a18b;padding:22px 0}footer>span{display:flex;gap:6px;align-items:center}footer b{font-weight:500;color:#76876b}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#244d3c;color:#e4f4d3;font-size:12px;padding:13px 20px;border-radius:9px;box-shadow:0 10px 30px #193a3620;opacity:0;pointer-events:none;transition:all .2s;max-width:80vw;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.remote-audio{display:none;position:fixed;bottom:18px;right:18px;width:260px;z-index:10}.remote-audio.show{display:block}@keyframes float{50%{transform:translateY(-5px)}}@keyframes fadein{from{opacity:0;transform:translateY(5px)}}@keyframes highlight{0%,25%{background:#e5f4cc;border-color:#a2c66b}100%{background:inherit}}@keyframes travel{from{left:0}to{left:100%}}@media(min-width:1500px){.transcript{height:310px}.voice-stage{height:310px;padding-top:33px}.tab-content{min-height:657px}.product-card{padding:16px}.activity-feed{height:122px}}@media(max-width:1100px){.app{padding:0 22px}.workspace{gap:16px;grid-template-columns:minmax(330px,.95fr) minmax(410px,1.05fr)}.metric{padding:16px}.metric em{display:none}.intro-badge{padding:12px}.tab-content{padding:18px}.panel-heading{padding:0 18px}.routing-head{margin-left:-18px;margin-right:-18px;padding:18px 18px 0}.product-id{display:none}.header-note{display:none}h1{font-size:32px}.product-details{gap:5px;font-size:7px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.app{padding:0 16px}header{height:68px}.intro{padding:24px 0}.intro-badge{display:none}h1{font-size:29px}.intro p{font-size:11px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:16px}.metric{min-height:86px}.metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metric:nth-child(4){border-top:1px solid var(--line)}.metric strong{font-size:27px}.metric>span{font-size:7px}.metric-link{font-size:8px}.voice-stage{height:282px}.tab-content{min-height:0}.activity-feed{height:120px}footer>span+span{display:none}.panel-heading{height:57px}.header-end{font-size:10px}.brand{font-size:21px}.product-details{font-size:8px}.api-list{max-height:500px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}