@font-face{font-family:"DM Sans";src:url("../assets/dm-sans-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../assets/dm-sans-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../assets/dm-sans-bold.woff2") format("woff2");font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{background:#f5f5f2;scroll-behavior:smooth}
body{margin:0;background:#f5f5f2;color:#152426;font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.45}
button,textarea{font:inherit}
button{cursor:pointer}
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#0d1319;color:#fff;padding:32px 22px 24px;display:flex;flex-direction:column;z-index:5}
.logo{display:block;width:92px;margin:0 12px 48px}
.logo img{display:block;width:100%;height:auto}
.sidebar nav{display:flex;flex-direction:column;gap:5px}
.sidebar nav a{color:#bfc4c7;text-decoration:none;min-height:44px;border-radius:5px;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:14px;transition:background .18s,color .18s}
.sidebar nav a:hover,.sidebar nav a.active{background:#20282e;color:#fff}
.sidebar nav a span{width:18px;text-align:center;color:#8f999e}
.sidebar nav a.active span{color:#5e63ff}
.sidebar nav a b{margin-left:auto;background:#1212df;color:#fff;border-radius:20px;font-size:10px;padding:2px 7px}
.supportcard{margin-top:auto;border:1px solid #343c41;background:#171e23;padding:18px;border-radius:7px}
.supportcard span{color:#8f999e;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.supportcard strong{display:block;font-size:19px;margin:6px 0}
.supportcard p{color:#bfc4c7;font-size:12px;line-height:1.45;margin:0 0 16px}
.supportcard button{width:100%;border:1px solid #4b545a;background:transparent;color:#fff;padding:9px;border-radius:3px;font-size:12px}
.identity{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 8px 0;border-top:1px solid #2b3338}
.identity>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2424ec;font-size:11px;font-weight:700}
.identity p{margin:0;line-height:1.25}
.identity strong,.identity small{display:block}
.identity strong{font-size:12px}.identity small{color:#8f999e;font-size:10px;margin-top:3px}
main{margin-left:248px;min-height:100vh}
.topbar{height:78px;background:#fff;border-bottom:1px solid #e1e2df;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:4}
.topbar>div:first-child{display:flex;align-items:center;gap:14px}.topbar small{font-size:10px;letter-spacing:.14em;color:#697276}.topbar strong{font-size:15px}.topactions{display:flex;align-items:center;gap:18px}.health{color:#536063;font-size:12px}.health i{display:inline-block;width:7px;height:7px;background:#27a366;border-radius:50%;margin-right:8px}.topactions button{border:1px solid #cad0d1;background:#fff;padding:9px 14px;border-radius:3px;color:#152426;font-size:12px}
.workspace{width:min(1120px,calc(100% - 64px));margin:auto;padding:60px 0 88px}
.welcome{max-width:760px;margin-bottom:34px}.welcome>p:first-child{font-size:10px;letter-spacing:.14em;color:#656e71;margin:0 0 11px}.welcome h1{font-size:45px;font-weight:400;letter-spacing:-.035em;line-height:1.05;margin:0 0 13px}.welcome .lede{font-size:17px;color:#657073;max-width:690px;margin:0}
.command{background:#fff;border:1px solid #d8dcda;border-radius:8px;box-shadow:0 16px 38px rgba(20,30,32,.05);overflow:hidden;margin-bottom:18px}
.commandhead{display:flex;align-items:center;gap:12px;padding:18px 20px 12px}.spark{display:grid;place-items:center;width:34px;height:34px;border-radius:5px;background:#1111e5;color:#fff;font-size:16px}.commandhead div{line-height:1.25}.commandhead strong,.commandhead small{display:block}.commandhead strong{font-size:14px}.commandhead small{font-size:11px;color:#788083;margin-top:3px}.model{margin-left:auto;border:1px solid #e0e1e3;background:#f7f7f5;color:#667073;border-radius:20px;font-size:10px;padding:5px 9px}
.command textarea{display:block;width:calc(100% - 40px);margin:0 20px;border:0;resize:none;outline:none;background:#f6f6f3;color:#182628;border-radius:5px;padding:17px 18px;font-size:16px;line-height:1.5}
.commandfoot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px 18px}.quickactions{display:flex;gap:7px}.quickactions button{border:1px solid #dde0df;background:#fff;color:#4d5a5d;border-radius:3px;padding:7px 10px;font-size:10px}.prepare{border:0;background:#0e0ee7;color:#fff;padding:11px 15px 11px 18px;border-radius:3px;font-size:12px;font-weight:700}.prepare span{font-size:16px;margin-left:16px}
.result{display:none;background:#1017dd;color:#fff;border-radius:7px;margin:0 0 22px;padding:20px}.result.visible{display:block}.resulttitle{display:flex;align-items:center;gap:12px}.resulttitle>span{font-size:20px}.resulttitle div{line-height:1.25}.resulttitle strong,.resulttitle small{display:block}.resulttitle small{color:#c9cbff;font-size:11px;margin-top:3px}.resulttitle button{margin-left:auto;border:1px solid #aeb1ff;background:transparent;color:#fff;border-radius:3px;padding:8px 12px;font-size:11px}.result ol{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:18px 0 0;margin:18px 0 0;border-top:1px solid rgba(255,255,255,.25)}.result li{display:flex;gap:9px;min-width:0}.result li i{font-style:normal;display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#fff;color:#0e0ee7;font-size:10px}.result li strong,.result li small{display:block}.result li strong{font-size:11px}.result li small{font-size:9px;color:#c9cbff;line-height:1.35;margin-top:3px}
.dashboardgrid{display:grid;grid-template-columns:1.35fr .75fr;gap:18px}.panel{background:#fff;border:1px solid #dfe2df;border-radius:7px;padding:21px}.panelhead{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panelhead small{font-size:9px;letter-spacing:.12em;color:#7d8587}.panelhead h2{font-size:21px;font-weight:400;letter-spacing:-.02em;margin:3px 0 0}.panelhead button{border:0;background:none;color:#1111d8;padding:3px 0;font-size:11px}.period{font-size:10px;color:#788083}
.queue article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eceeec}.queue article:first-of-type{border-top:0}.thumb{display:grid;place-items:center;width:42px;height:42px;border-radius:4px;background:#1010dd;color:#fff;font-size:11px;font-weight:700}.thumb.image{background:linear-gradient(145deg,#dcd4c3,#6d8182)}.thumb.dark{background:#111a1c}.queue article strong,.queue article small{display:block}.queue article strong{font-size:12px}.queue article small{font-size:10px;color:#80888a;margin-top:3px}.status{background:#edf0ff;color:#3d46a5;border-radius:20px;padding:5px 8px;font-size:9px}.status.amber{background:#fff0d6;color:#8a5f10}.status.green{background:#e6f5eb;color:#167142}
.scoreline{display:flex;align-items:center;gap:14px;padding:8px 0 20px;border-bottom:1px solid #eceeec}.scoreline>strong{font-size:52px;font-weight:400;color:#1111df;line-height:1}.scoreline span b,.scoreline span small{display:block}.scoreline span b{font-size:12px}.scoreline span small{font-size:10px;color:#80888a;margin-top:4px}.checks{padding-top:8px}.checks p{display:flex;justify-content:space-between;margin:0;padding:7px 0;font-size:11px}.checks span{color:#667174}.checks b{font-weight:500}.checked{display:block;color:#909799;font-size:9px;margin-top:9px}
.visibility{grid-column:1}.opportunity{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;border-top:1px solid #eceeec;padding:14px 0}.opportunity>span{color:#9da3a4;font-size:10px}.opportunity strong,.opportunity small{display:block}.opportunity strong{font-size:12px}.opportunity small{font-size:10px;color:#80888a;margin-top:4px}.opportunity>b{font-size:9px;color:#1111d8;border:1px solid #cfd1ff;border-radius:20px;padding:5px 8px;font-weight:500}
.languages{grid-column:2}.language{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eceeec}.language>span{display:grid;place-items:center;width:30px;height:25px;background:#f0f1ef;border-radius:3px;font-size:9px;font-weight:700}.language strong,.language small{display:block}.language strong{font-size:11px}.language small{font-size:9px;color:#80888a;margin-top:2px}.language>b{font-size:9px;color:#556164;font-weight:500}.languagehint{color:#768083;font-size:10px;line-height:1.45;margin:13px 0 0}
.toast{position:fixed;right:28px;bottom:28px;background:#10171a;color:#fff;padding:12px 16px;border-radius:4px;box-shadow:0 12px 36px rgba(0,0,0,.22);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:10}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:980px){.sidebar{width:205px}.sidebar nav a{font-size:12px}main{margin-left:205px}.workspace{width:calc(100% - 40px)}.topbar{padding:0 24px}.dashboardgrid{grid-template-columns:1fr}.visibility,.languages{grid-column:1}.result ol{grid-template-columns:repeat(2,1fr)}.quickactions button:nth-child(2){display:none}}
@media(max-width:700px){.sidebar{position:static;width:100%;height:68px;padding:0 18px;display:flex;flex-direction:row;align-items:center}.logo{width:70px;margin:0}.sidebar nav{margin-left:auto;display:block}.sidebar nav a{display:none}.sidebar nav a.active{display:flex;background:transparent;padding:0}.sidebar nav a.active span{display:none}.supportcard,.identity{display:none}main{margin:0}.topbar{height:58px;padding:0 16px}.topbar small,.health{display:none}.workspace{width:calc(100% - 28px);padding:40px 0 60px}.welcome h1{font-size:36px}.welcome .lede{font-size:15px}.commandhead{padding:15px}.model{display:none}.command textarea{width:calc(100% - 30px);margin:0 15px;font-size:14px}.commandfoot{align-items:flex-end;padding:12px 15px 15px}.quickactions{display:block}.quickactions button{display:none}.quickactions button:first-child{display:block}.result ol{grid-template-columns:1fr}.dashboardgrid{display:block}.panel{margin-bottom:14px}.queue article{grid-template-columns:38px 1fr}.queue .status{grid-column:2;width:max-content}.topactions button{font-size:10px}.visibility{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}
