.external-page{min-height:100vh;background:#fff}.external-header{background:#16151f;border-bottom:1px solid rgba(124,58,237,.25);padding:20px 24px}.external-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.external-brand{display:flex;align-items:flex-start;gap:12px;min-width:0}.external-logo{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#2563eb);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:.9;color:#fff;margin-top:2px}.external-brand-copy strong{display:block;color:#f1f5f9;font-size:24px;line-height:1.15}.external-brand-copy strong span{color:#f59e0b;font-size:18px;font-weight:600}.external-brand-copy small{display:block;margin-top:4px;color:#fca5a5;font-size:13px;line-height:1.45}.external-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.external-language{display:flex;gap:4px;padding:4px;border-radius:8px;background:hsla(0,0%,100%,.05)}.external-language button{border:0;border-radius:6px;padding:6px 12px;background:transparent;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:600}.external-language button.active{background:rgba(124,58,237,.5);color:#fff}.external-account,.external-login,.external-logout{border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.external-account{background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.4);color:#a78bfa}.external-logout{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#fca5a5}.external-login{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.external-iframe{display:block;width:100%;height:calc(100vh - 118px);min-height:420px;border:0;background:#fff}.external-iframe.with-fallback{height:calc(100vh - 164px)}.external-fallback{min-height:46px;padding:11px 24px;background:#252336;color:#e2e8f0;font-size:13px;text-align:center}.external-fallback a{color:#c4b5fd;font-weight:700;text-decoration:underline}@media (max-width:700px){.external-header{padding:14px 16px}.external-header-inner{align-items:flex-start;flex-direction:column}.external-brand-copy strong{font-size:21px}.external-brand-copy strong span{font-size:15px}.external-brand-copy small{font-size:12px}.external-actions{gap:8px}.external-iframe{height:calc(100vh - 158px)}.external-iframe.with-fallback{height:calc(100vh - 204px)}}