@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#182230;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.loading{height:100vh;display:grid;place-content:center;gap:15px;text-align:center;font:700 26px 'Space Grotesk';letter-spacing:.1em;color:#3458d4}.loading span{font:400 14px 'DM Sans';letter-spacing:0;color:#667085}.shell{min-height:100vh}.topbar{height:76px;background:#111827;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px)}.brand{font:700 21px 'Space Grotesk';letter-spacing:.04em}.brand span{color:#8ba5ff}.topbar small{color:#aab2c0;margin-right:18px}.button{border:0;border-radius:9px;padding:11px 16px;background:#3659d9;color:white;font-weight:700;cursor:pointer}.button.secondary{background:#e9edfa;color:#263d91}.button.danger{background:#fff0ef;color:#b42318}.button:disabled{opacity:.5;cursor:default}.content{max-width:1320px;margin:40px auto;padding:0 24px}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.heading h1{font:600 31px 'Space Grotesk';margin:0 0 7px}.muted{color:#667085}.tabs{display:flex;gap:8px;border-bottom:1px solid #dce1eb;margin-bottom:24px}.tab{background:transparent;border:0;padding:13px 18px;color:#667085;cursor:pointer;font:600 14px 'DM Sans';border-bottom:2px solid transparent}.tab.active{color:#3156d5;border-bottom-color:#3156d5}.panel,.card{background:white;border:1px solid #e3e7ef;border-radius:14px;box-shadow:0 8px 24px #15274708}.panel{padding:24px}.grid{display:grid;grid-template-columns:340px 1fr;gap:20px}.list{display:grid;align-content:start;gap:8px}.item{padding:14px;border:1px solid #e5e8ee;border-radius:10px;cursor:pointer}.item.selected{border-color:#7590ec;background:#f4f6ff}.item strong{display:block}.item small{color:#667085}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;font-weight:600;font-size:13px}.form input,.form textarea,.form select{width:100%;border:1px solid #cfd5df;border-radius:8px;padding:11px 12px;background:white;color:#182230;font:400 14px 'DM Sans'}.form textarea{min-height:110px;resize:vertical;font-family:Consolas,monospace;font-size:12px;line-height:1.5}.form textarea.prompt{min-height:220px;font:13px/1.6 'DM Sans'}.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f4;padding:14px 0}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;background:#eef2ff;color:#3b53b4;font-size:11px;font-weight:700}.badge.off{background:#f2f4f7;color:#667085}.notice{padding:14px 16px;border-radius:9px;background:#fff7e8;color:#8a4b08;margin:14px 0}.error{background:#fff0ef;color:#b42318}.success{background:#ecfdf3;color:#027a48}.login{max-width:460px;margin:11vh auto;padding:36px}.login h1{font:600 28px 'Space Grotesk';margin:0 0 6px}.login .form{margin-top:26px}.section-title{font:600 18px 'Space Grotesk';margin:0 0 14px}.history{margin-top:20px;padding-top:18px;border-top:1px solid #e6e9ef}.footer-note{font-size:12px;color:#667085;margin-top:16px}@media(max-width:850px){.grid{grid-template-columns:1fr}.content{margin-top:25px}.heading{align-items:flex-start;gap:15px;flex-direction:column}.topbar{padding:0 18px}.topbar small{display:none}}