:root{--blue:#155eef;--nav:#101828;--bg:#f4f7fb}body{background:var(--bg);color:#101828}.ec-nav{background:linear-gradient(100deg,#0b1220,#163b8c)}.navbar-brand span,.brand span{color:#ef3340}.auth-bg{min-height:100vh;background:radial-gradient(circle at top right,#dce8ff,transparent 38%),linear-gradient(135deg,#f7f9fc,#eaf0fb)}.auth-card{max-width:680px;border:0;border-radius:24px}.brand{font-weight:800;color:#155eef}.card-soft,.metric-card{border:0;border-radius:18px;box-shadow:0 8px 30px rgba(16,24,40,.07);background:#fff}.metric-card{padding:26px;display:flex;flex-direction:column}.metric-card span{color:#667085}.metric-card strong{font-size:2.4rem;color:#155eef}.avatar-sm{width:48px;height:48px;border-radius:15px;background:#e7efff;color:#155eef;display:grid;place-items:center;font-size:1.4rem;font-weight:800}.empty-state{text-align:center;background:white;border:2px dashed #d0d5dd;border-radius:20px;padding:70px}.empty-state i{font-size:3rem;color:#98a2b3}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr)360px;gap:36px}.preview-wrap{position:sticky;top:24px;height:max-content}.phone{width:320px;min-height:590px;margin:auto;background:white;border:10px solid #101828;border-radius:38px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.18)}.preview-cover{height:130px;background:#101828}.preview-body{text-align:center;padding:0 24px 30px}.preview-avatar{width:92px;height:92px;margin:-46px auto 12px;border-radius:50%;background:#e7efff;border:5px solid white;display:grid;place-items:center;font-size:2rem;font-weight:800;color:#155eef}.preview-actions{display:flex;justify-content:center;gap:18px;margin:24px 0}.preview-actions span{background:#edf3ff;color:#155eef;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.sticky-save{position:sticky;bottom:0;background:rgba(244,247,251,.94);padding:15px 0;text-align:right}.qr-image{width:min(100%,300px)}@media(max-width:900px){.editor-grid{grid-template-columns:1fr}.preview-wrap{position:relative}.phone{width:min(320px,100%)}}