@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{font-family:'DM Sans',Arial,sans-serif;color:#f3f4fa;background:#0c0e18;font-synthesis:none;text-rendering:optimizeLegibility;--muted:#979caf;--line:#262a39;--purple:#8b7cff;--panel:#141724}*{box-sizing:border-box}body{margin:0;min-height:100vh}.layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:29px 18px;background:#10121d;border-right:1px solid #242736;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:2px 13px 42px;font:800 19px Manrope,sans-serif;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#a495ff,#6555dd);font-size:18px}.brand-accent{color:#a99cff}.nav-caption,.eyebrow,.top-label{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#757b91}.nav-caption{padding:0 13px 12px}.nav-item{height:47px;border:0;border-radius:9px;background:transparent;color:#a7adbf;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font:600 13px 'DM Sans',sans-serif;cursor:pointer;margin-bottom:5px}.nav-item:hover{background:#191c2b;color:#fff}.nav-item.active{color:#fff;background:#24223c;box-shadow:inset 2px 0 #9a8cff}.nav-icon{width:17px;text-align:center;color:#a99cff;font-size:15px}.sidebar-note{margin-top:auto;padding:17px 13px;border-top:1px solid #252837;color:#71778b;font-size:11px;line-height:1.7}.main{grid-column:2;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:67px;border-bottom:1px solid #202331;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;}.status{font-size:11px;color:#9ba1b4;display:flex;align-items:center;gap:8px}.status i{width:6px;height:6px;background:#60d7a2;border-radius:50%;box-shadow:0 0 9px #60d7a277}.content{width:min(820px,88%);margin:0 auto;padding:76px 0 45px;flex:1}.page{display:none}.page.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.eyebrow{color:#a99cff;margin-bottom:14px}h1{font:700 clamp(30px,4vw,39px) Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 11px}.lead{font-size:14px;color:#9ca2b5;line-height:1.7;margin:0 0 34px}.card{border:1px solid #292d3d;background:#141724;border-radius:13px;padding:27px 26px 23px;box-shadow:0 16px 50px #0000001a}.card label{display:block;font-size:12px;font-weight:600;margin-bottom:10px;color:#e6e8f1}.input-row{display:flex;gap:10px}input,select{min-width:0;flex:1;height:46px;border:1px solid #323648;border-radius:8px;background:#0e111c;padding:0 13px;color:#f0f1f7;font:13px 'DM Sans',sans-serif;outline:none}input::placeholder{color:#686e81}input:focus,select:focus{border-color:#8172f1;box-shadow:0 0 0 3px #8172f11c}select:disabled{color:#72788b}.button{min-height:44px;padding:0 17px;border:0;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;white-space:nowrap;font:600 12px 'DM Sans',sans-serif;cursor:pointer;transition:.15s}.button:disabled{opacity:.48;cursor:not-allowed}.primary{background:#8273f2;color:white}.primary:hover:not(:disabled){background:#9588ff;transform:translateY(-1px)}.secondary{background:#24283a;color:#e8e9f2;border:1px solid #383d51}.secondary:hover:not(:disabled){background:#30354a}.field-hint{font-size:10px;color:#777d90;margin-top:8px}.format-label{margin-top:26px}.video-title{margin-top:16px;padding:10px 12px;border-radius:7px;background:#1b1e2c;color:#b9bbca;font-size:12px}.message{min-height:18px;margin-top:14px;font-size:11px;color:#9298aa;line-height:1.5}.message.error{color:#ff8c9a}.message.success{color:#69d6a4}.notice{margin:17px 2px 0;color:#73798c;font-size:10px;line-height:1.7}.qr-result{margin-top:20px;padding-top:19px;border-top:1px solid #292d3d;display:flex;align-items:center;gap:20px}.qr-result[hidden]{display:none}.qr-result img{width:180px;height:180px;background:#fff;border-radius:8px;padding:8px}.qr-result a{align-self:flex-end;margin-bottom:4px}footer{border-top:1px solid #202331;padding:19px 5.5%;font-size:10px;color:#777d90}footer span{padding:0 5px;color:#4f5569}@media(max-width:700px){.layout{grid-template-columns:1fr}.sidebar{position:relative;inset:auto;width:auto;height:auto;padding:15px 16px 10px;border-right:0;border-bottom:1px solid #242736;display:block}.brand{padding:0 4px 14px}.nav-caption,.sidebar-note{display:none}.nav-item{display:inline-flex;width:calc(50% - 4px);height:40px;margin:0 3px 0 0}.main{grid-column:1;min-height:calc(100vh - 110px)}.topbar{height:50px;padding:0 6%}.content{padding:48px 0 35px;width:88%}.card{padding:21px 17px}.input-row{flex-direction:column}.input-row .button{width:100%}.qr-result{align-items:flex-start;flex-direction:column}.qr-result a{align-self:flex-start}.qr-result img{width:160px;height:160px}}