:root{--navy:#101b31;--blue:#3761d8;--ink:#1a2740;--muted:#7a879a;--line:#e5eaf3;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:var(--blue);color:white;padding:11px 17px;border-radius:9px;font-weight:600}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}aside{width:285px;flex:none;background:var(--navy);color:#e5ecff;padding:26px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:47px;padding:0 8px}.brand strong{font-size:21px;letter-spacing:-.6px}.brand em{font-style:normal;color:#83a5ff}.brand small,.aside-bottom small{display:block;color:#8f9bb4;font-size:12px}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#5d8afa,#835bff);color:white;font-weight:800}.aside-title{font-size:11px;letter-spacing:1.4px;color:#8e9bb5;font-weight:800;padding:0 14px 15px;display:flex;justify-content:space-between}.aside-title span{color:white}nav{display:grid;gap:5px;max-height:65vh;overflow:auto}.navitem{display:flex;gap:12px;align-items:center;padding:12px;border-radius:9px;color:#c6d0e3;font-size:14px}.navitem span{font-size:19px}.navitem.active,.navitem:hover{background:#273a64;color:white}.new{background:#26395f;margin-top:19px;width:100%;border:1px dashed #6379a6}.aside-bottom{margin-top:auto;border-top:1px solid #2c3953;padding:23px 7px 0;display:flex;align-items:center;gap:10px}.aside-bottom a{margin-left:auto;font-size:23px}.avatar{background:#dbe4ff;color:#243b78;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-weight:800}main{flex:1;min-width:0;padding:38px clamp(20px,4vw,62px) 70px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}header h1{font-size:30px;letter-spacing:-.7px;margin:8px 0 2px}header p{color:var(--muted);margin:0}.eyebrow{font-size:11px;color:#7184a9;letter-spacing:1.3px;font-weight:800}.chip{white-space:nowrap;background:#e7f8ef;color:#228457;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:21px}.toolbar button{background:white;border:1px solid var(--line);color:#314c78;box-shadow:0 2px 7px #10234408}.toolbar button:first-child{background:var(--blue);color:white}.toolbar .ghost{margin-left:auto}.previewwrap,.panel{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 35px #1e335009;overflow:hidden}.previewtop{padding:14px 23px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);font-size:14px}.previewtop span{font-size:12px;color:var(--muted)}iframe{display:block;width:100%;height:680px;border:0;background:white}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.panel{padding:22px}.panel h2{font-size:16px;margin:0 0 19px;display:flex;justify-content:space-between}.panel h2 span{font-size:12px;color:#8190a6;background:#f1f4f9;padding:2px 8px;border-radius:12px}.muted{color:var(--muted);font-size:13px}.item{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.item>span:first-child{font-size:20px;color:#5672a3}.item div{flex:1;min-width:0}.item b{display:block;overflow-wrap:anywhere}.item small{display:block;color:var(--muted)}.item a{color:var(--blue);font-weight:600}.status{color:#4765a4;background:#eef3ff;padding:4px 8px;border-radius:8px}.subtle{background:#edf2ff;color:#3156b4;margin-top:14px}dialog{border:0;border-radius:16px;padding:28px;width:min(580px,94vw);box-shadow:0 20px 80px #0a1c3c55}dialog::backdrop{background:#101c34aa}dialog h2{margin-top:0}label{display:block;font-weight:600;font-size:13px;margin:12px 0}input,select,textarea{display:block;width:100%;border:1px solid #dce4ef;border-radius:9px;padding:10px;margin-top:5px;background:white}textarea{font-family:Consolas,monospace;font-size:13px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.actions button:first-child{background:#e9edf5;color:#324561}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 0,#244b91,#111c34 65%)}.loginbox{width:min(410px,92vw);background:white;padding:36px;border-radius:18px;box-shadow:0 25px 70px #0004}.loginbox .logo{margin:auto}.loginbox h1{text-align:center;margin-bottom:0}.loginbox h1 span{color:#4167d9}.loginbox>p{text-align:center;color:var(--muted)}.loginbox button{width:100%;margin-top:15px}.error{color:#b92d3d!important}@media(max-width:900px){aside{width:230px}main{padding:25px}.twocol{grid-template-columns:1fr}}@media(max-width:650px){.shell{display:block}aside{width:100%;padding:14px}.brand{margin:0 0 12px}nav{display:flex;overflow:auto}.navitem{min-width:180px}.aside-bottom{display:none}header{display:block}.chip{display:inline-block;margin-top:12px}iframe{height:500px}}