:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eef0;background:#0c131d;font-synthesis:none;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a.button,summary{cursor:pointer}button,a.button{border:1px solid #2a3846;border-radius:9px;background:#18232f;color:#e5eced;padding:11px 15px;min-height:44px;transition:background .15s,border-color .15s;text-decoration:none}button:hover,a.button:hover{background:#213240;border-color:#50706b}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #68e6c7;outline-offset:3px}input,textarea,select{background:#101a25;color:#e9eef0;border:1px solid #30404e;border-radius:8px;padding:12px;width:100%;min-width:0}textarea{resize:vertical;line-height:1.65}input[type=checkbox]{width:auto;accent-color:#63dec1}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.22;margin-bottom:10px;font-weight:650}h2{font-size:20px;line-height:1.4}h3{font-size:17px;line-height:1.45}p{line-height:1.65}small{display:block;font-size:12px;color:#8e9eaf}pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;background:#0c141f;padding:15px;border-radius:9px;color:#b9c9d8;font-size:12px}details{min-width:0}summary{padding:12px 0;color:#b7c8d5}.primary{background:#74e4c5;border-color:#74e4c5;color:#0d2624;font-weight:650}.primary:hover{background:#a3f1db;border-color:#a3f1db}.wide{width:100%}.muted{color:#96a6b7}.accent{color:#73e5c6}.eyebrow{font-size:10px;letter-spacing:2px;color:#80b9b4;font-weight:700;margin-bottom:12px}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:650;letter-spacing:-1.2px}.brand img{width:43px;height:43px}.brand small{font-size:8px;letter-spacing:2.2px;color:#7e96a8;margin-top:2px}.layout{display:flex;min-height:100dvh}aside{width:238px;flex:none;border-right:1px solid #20303e;background:#101a24;padding:31px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #273543;padding:12px 9px;border-radius:10px;font-size:12px;margin:38px 0 26px}.workspace small{margin-top:4px;font-size:10px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#243d3c;color:#91e3c9;border-radius:7px}nav{display:flex;flex-direction:column;gap:7px}nav button{border-color:transparent;background:transparent;text-align:left;display:flex;align-items:center;gap:11px;color:#94a6b7;font-size:13px}nav button>span{font-size:20px;line-height:1}nav button.nav-active{background:#1b3838;color:#91efd4;border-color:#284846}nav b{margin-left:auto;font-size:11px;background:#456f65;padding:3px 7px;border-radius:20px}.sidebar-foot{margin-top:auto;font-size:11px;color:#a3b9b7}.sidebar-foot small{font-size:10px;line-height:1.6;margin:10px 0 0 12px;color:#687f91}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#748797;margin-right:6px;vertical-align:middle;flex-shrink:0}.dot.online{background:#69dfbd;box-shadow:0 0 9px #62daba28}.main{margin-left:238px;width:calc(100% - 238px);padding:0 42px 60px;max-width:1700px;min-width:0}.topbar{height:79px;border-bottom:1px solid #202c3a;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8194a6;letter-spacing:1px}.topbar i{font-style:normal;margin:0 14px;color:#46596a}.connection{letter-spacing:0;font-size:11px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:40px 0 29px}.heading p{margin-bottom:0;font-size:13px}.heading>button{white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #263443;background:linear-gradient(110deg,#15212d,#121d29);border-radius:13px;margin-bottom:32px}.stats>div{padding:22px 26px;border-right:1px solid #263443}.stats>div:last-child{border:0}.stats span{color:#a5b6c6;font-size:12px}.stats strong{display:block;font-size:32px;font-weight:550;margin:9px 0}.stats small{font-size:10px;color:#7e94a6}.toolbar{display:flex;gap:15px;align-items:center;margin-bottom:23px;flex-wrap:wrap}.tabs{display:flex;gap:3px}.tabs button{background:transparent;border-color:transparent;color:#8fa3b5;padding:8px 12px;min-height:38px;font-size:12px}.tabs button.selected{background:#24343f;color:#e1f2ef}.toolbar>input{width:220px;margin-left:auto;font-size:12px;padding:10px}.check{display:flex;align-items:center;gap:6px;color:#99abbc;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px}.agent-card{text-align:left;background:#131f2b;border-color:#263644;border-radius:12px;padding:20px;min-width:0;display:flex;flex-direction:column}.agent-card:hover{background:#192934;transform:translateY(-1px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.agent-icon{width:33px;height:33px;display:grid;place-items:center;background:#24353f;color:#a9c4ca;border:1px solid #334650;border-radius:9px;font-size:20px}.status{display:inline-flex;align-items:center;gap:3px;color:#93aabd;font-size:10px;padding:5px 9px;border-radius:20px;background:#20303c}.status.active{color:#84e8c9;background:#183a34}.status.systemError{color:#ffbcb6;background:#402c34}.agent-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;min-height:48px;font-weight:600;overflow-wrap:anywhere}.agent-card>p{font-size:12px;color:#8fa3b5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;overflow-wrap:anywhere}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 22px}.tags span{font-size:9px;color:#a0b5c7;border:1px solid #2c3d4b;border-radius:5px;padding:4px 6px}.agent-card footer{border-top:1px solid #273541;padding-top:13px;display:flex;gap:10px;justify-content:space-between;margin-top:auto;font-size:9px;color:#70889e}.path{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agent-card time{white-space:nowrap}.empty{text-align:center;padding:60px 20px;color:#8da2b3}.empty>span{font-size:40px;color:#69c4af;display:block;margin-bottom:20px}.empty h2{color:#c1d0dc}.load-more{display:block;margin:25px auto}.field{display:block;margin:18px 0}.field>label{display:block;font-size:12px;color:#b5c5d3;margin-bottom:8px}.panel{padding:25px;background:#131f2c;border:1px solid #293a48;border-radius:12px;margin-bottom:20px;min-width:0}.panel p{font-size:13px}.panel .field{max-width:700px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.error{color:#ffb5ae;background:#462c34;padding:13px 16px;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.banner button{background:none;border:0;padding:5px;min-height:32px}.notice{font-size:12px;background:#29313a;color:#d5c6a4;margin-top:16px;padding:10px 14px;border-radius:8px;line-height:1.6}.notice button{background:none;border:0;padding:2px 8px;min-height:32px;text-decoration:underline}.auth{min-height:100dvh;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(ellipse at 50% 10%,#17393770,transparent 60%)}.auth-card{width:100%;max-width:430px;padding:36px;background:#131e2a;border:1px solid #2b3f4d;border-radius:19px;box-shadow:0 24px 100px #0003}.auth-card .brand{margin-bottom:38px}.auth-card h1{font-size:27px}.auth-card .primary{margin-top:12px}.auth-note{margin:25px 0 0;font-size:10px;text-align:center;color:#7990a4}.qr{display:block;width:240px;max-width:100%;border-radius:10px;margin:20px auto}.secret{display:block;overflow-wrap:anywhere;margin:12px 0}.loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#8ca3b6}.back{margin-top:25px;background:none;border:none;color:#9db7c5;padding-left:0}.detail-heading{align-items:flex-start;margin-top:12px}.detail-heading h1{font-size:25px;overflow-wrap:anywhere;margin-top:14px}.detail-heading>div{min-width:0}.detail-heading .path{max-width:70vw}.actions{flex-shrink:0;position:relative}.actions summary{padding:10px}.actions>div{position:absolute;right:0;z-index:5;width:190px;display:flex;flex-direction:column;background:#1a2b37;padding:8px;border:1px solid #38505d;border-radius:10px;box-shadow:0 10px 40px #0006}.actions button{border:0;text-align:left;background:transparent}.related,.related-list button{background:none;border-color:#2c4747;color:#92d0c5;font-size:12px;margin-bottom:10px}.related-list{display:flex;gap:8px;flex-wrap:wrap}.transcript{padding:15px 0;max-width:1000px;margin:0 auto}.message{margin:20px 0 30px;padding:0 14px;overflow-wrap:anywhere}.message-label{font-size:9px;color:#70c6b5;letter-spacing:1.8px;font-weight:700;margin-bottom:12px}.message-text,.message p{white-space:pre-wrap;font-size:14px;line-height:1.85}.user-message{border:1px solid #2d414f;border-radius:12px;padding:18px;background:#172632}.user-message .message-label{color:#9db5ce}.user-message p:last-child{margin-bottom:0}.tool-item{border:1px solid #243544;border-radius:9px;padding:0 14px;margin:12px 0;color:#91a7ba}.tool-item summary{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.tool-item summary small{display:inline;margin-left:8px}.live-events{margin:10px 0 20px;font-size:12px}.live-events>div{padding:10px;border-bottom:1px solid #273848}.composer{background:#152430;border:1px solid #3a575f;border-radius:14px;padding:15px;position:sticky;bottom:15px;box-shadow:0 10px 40px #070d15;max-width:1000px;margin:0 auto}.composer textarea{border:0;background:transparent;padding:6px;min-height:85px}.composer-options{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.composer-options select{width:auto;max-width:100%;font-size:10px;padding:8px;border-color:#2c3d4a}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-bottom>div{display:flex;gap:7px}.file-button{color:#9bb5c5;cursor:pointer;font-size:12px;padding:10px 0}.file-button input{display:none}.danger{color:#ffb6b3;border-color:#69434b;background:#3c2931}.attachment{display:inline-flex;align-items:center;gap:6px;padding-left:9px;margin:4px;border:1px solid #3e5a60;border-radius:7px;font-size:11px;overflow-wrap:anywhere}.attachment button{border:0;background:none;min-height:32px;padding:5px 10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080bc9;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:100%;max-width:470px;background:#162330;border:1px solid #3b5360;border-radius:17px;padding:30px;position:relative;max-height:95dvh;overflow:auto}.close{position:absolute;right:15px;top:12px;background:none;border:none;font-size:23px}.session{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #293b49}.session>div{min-width:0;overflow-wrap:anywhere}.session strong{font-size:13px}.session small{margin-top:6px}.request h2{font-size:16px;overflow-wrap:anywhere}.request textarea{margin-bottom:10px}.code-input{font-family:ui-monospace,monospace;font-size:12px}.recovery{margin-top:20px;border-color:#78bbaa}.recovery pre{color:#a4eed5;font-size:16px;letter-spacing:1px}@media(min-width:1500px){.main{padding-left:60px;padding-right:60px}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){aside{width:205px;padding:28px 15px}.main{margin-left:205px;width:calc(100% - 205px);padding-left:25px;padding-right:25px}.toolbar>input{width:180px}.stats>div{padding:20px}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:760px){aside{position:fixed;inset:auto 0 0;width:100%;padding:0;background:#101c28f5;border:0;border-top:1px solid #2b414e;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}aside>.brand,.workspace,.sidebar-foot{display:none}nav{flex-direction:row;justify-content:space-around;gap:0;padding:6px}nav button{flex:1;flex-direction:column;gap:5px;font-size:9px;padding:7px 2px;border-radius:8px;position:relative;min-height:52px}nav button>span{font-size:21px}nav b{position:absolute;top:0;right:15%;font-size:9px;padding:2px 5px}.main{margin-left:0;width:100%;padding:0 18px calc(90px + env(safe-area-inset-bottom))}.topbar{height:59px;font-size:8px;letter-spacing:.7px}.topbar i{margin:0 8px}.connection{font-size:9px}.heading{margin:28px 0 23px;gap:14px;align-items:flex-start}.heading h1{font-size:29px}.heading p{font-size:12px}.heading>.primary{font-size:11px;padding:10px;min-height:42px;margin-top:16px}.eyebrow{font-size:8px;letter-spacing:1.7px}.stats{margin-bottom:22px;border-radius:11px}.stats>div{padding:16px 10px}.stats span{font-size:9px;line-height:1.4;display:block}.stats strong{font-size:26px;margin:10px 0 6px}.stats small{font-size:8px;line-height:1.45}.stats .dot{width:5px;height:5px;margin-right:3px}.toolbar{gap:11px;margin-bottom:17px}.tabs{order:0;width:100%;justify-content:space-between;gap:2px}.tabs button{padding:8px 11px;font-size:11px}.toolbar>input{margin:0;flex:1;width:auto}.cards{grid-template-columns:1fr;gap:13px}.agent-card{padding:19px}.agent-card h3{min-height:0;font-size:17px}.agent-card>p{min-height:0}.card-top{margin-bottom:14px}.agent-card footer{font-size:9px}.tags{margin-bottom:17px}.panel{padding:19px}.auth-card{padding:27px 23px}.auth-card .brand{margin-bottom:30px}.detail-heading{margin-top:6px;gap:8px}.detail-heading h1{font-size:22px}.actions summary{font-size:11px;white-space:nowrap;padding:5px}.message{padding:0 6px}.message-text,.message p{font-size:13px;line-height:1.8}.user-message{padding:16px}.composer{bottom:calc(77px + env(safe-area-inset-bottom));padding:11px;border-radius:12px}.composer-bottom button{padding:10px;font-size:11px}.composer-options select{font-size:9px;padding:7px}.composer-options{gap:5px}.modal{padding:24px 21px}.empty{padding:40px 15px}.session button{font-size:11px;padding:9px;flex-shrink:0}.button-row>button{width:100%}.back{font-size:12px;margin-top:16px}.request pre{max-height:260px}.recovery pre{font-size:13px}.notice{font-size:11px}.banner{font-size:12px}.file-button{font-size:11px}.panel h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
