:root{--demo-banner-height:48px}#demo-banner{z-index:9999;-webkit-backdrop-filter:blur(12px);color:#475569;box-sizing:border-box;background:#fffc;border-bottom:1px solid #ffffff1a;width:100%;font-family:Inter,sans-serif;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000026}.demo-banner-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:8px 30px;display:flex}.demo-banner-left{align-items:center;gap:12px;display:flex}.demo-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#ff6b9e,#ff85b2);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:800;box-shadow:0 2px 8px #ff6b9e4d}.demo-title{color:#475569;font-size:.9rem;font-weight:800}.demo-banner-center{flex:1;justify-content:center;display:flex}.demo-points-pill{color:#458995;background:#ffffff1a;border:1px solid #fff3;border-radius:99px;align-items:center;gap:8px;padding:4px 16px;font-size:.9rem;font-weight:600;display:flex}.demo-points-pill strong{color:#458995;font-size:.9rem;font-weight:600}.demo-banner-right{align-items:center;display:flex}.demo-note{color:#94a3b8;align-items:center;gap:6px;font-size:.85rem;display:flex}body.demo-has-banner,body.demo-dashboard-mode{padding-top:var(--demo-banner-height,48px)}body.demo-dashboard-mode .dashboard-layout{margin-top:0}body.demo-dashboard-mode .sidebar{top:var(--demo-banner-height,48px);height:calc(100vh - var(--demo-banner-height,48px))}body.demo-dashboard-mode .main-content{padding-top:0}body.demo-dashboard-mode #btn-view-public{z-index:2;position:relative}.demo-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293b99;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.demo-modal-card{-webkit-backdrop-filter:blur(24px);color:#1e293b;text-align:center;background:#fffffff2;border:2px solid #fff;border-radius:32px;width:min(520px,100%);padding:40px;box-shadow:0 30px 60px #0000000d}.demo-modal-card h3{color:#ff6b9e;margin:0 0 15px;font-size:1.5rem;font-weight:900}.demo-modal-card p{color:#475569;margin:0 0 20px;line-height:1.6}.demo-modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.demo-btn{cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;padding:10px 24px;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.demo-btn-primary{color:#fff;background:#ff6b9e;box-shadow:0 4px 10px #ff6b9e33}.demo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff6b9e59}.demo-btn-secondary{color:#475569;background:#f1f5f9}.demo-btn-secondary:hover{color:#1e293b;background:#e2e8f0}.demo-email-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;width:100%;margin-bottom:20px;padding:15px 20px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}.demo-email-input:focus{background:#fff;border-color:#ff85b2;outline:none;box-shadow:0 0 0 4px #ffe4ee}.demo-guide-overlay{z-index:9997;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff6;position:fixed;inset:0}.demo-guide-tip{z-index:9998;box-sizing:border-box;-webkit-backdrop-filter:blur(24px);color:#1e293b;background:#fffffff5;border:2px solid #ff85b24d;border-radius:24px;width:min(340px,100vw - 24px);padding:24px;position:fixed;box-shadow:0 20px 60px #ff6b9e1f,0 4px 20px #00000014,inset 0 0 0 1px #fff9}.demo-guide-tip p{color:#475569;margin:0 0 16px;font-size:.95rem;font-weight:600;line-height:1.6}.demo-guide-actions{justify-content:flex-end;gap:10px;display:flex}.demo-guide-actions .demo-btn{padding:8px 18px;font-size:.85rem}.demo-highlight{isolation:isolate;outline-offset:5px;border-radius:inherit;outline:3px solid #ff85b2;animation:1.6s ease-in-out infinite demoPulse;position:relative;z-index:9999!important}@keyframes demoPulse{0%,to{outline-color:#ff85b2;box-shadow:0 0 0 5px #ff85b226}50%{outline-color:#70ddf1;box-shadow:0 0 0 10px #70ddf12e}}@media (width<=768px){#demo-banner{-webkit-backdrop-filter:blur(12px);color:#475569;background:#ffffffd9}.demo-banner-inner{flex-wrap:nowrap;gap:8px;padding:7px 12px}.demo-banner-left{flex-shrink:0;gap:8px}.demo-badge{white-space:nowrap;padding:3px 8px;font-size:.7rem}.demo-title{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:.82rem;font-weight:700;overflow:hidden}.demo-banner-center{flex:1;justify-content:center;min-width:0}.demo-points-pill{color:#458995;white-space:nowrap;gap:5px;padding:3px 10px;font-size:.78rem}.demo-points-pill strong{color:#458995;font-size:.9rem;font-weight:800}.demo-banner-right{flex-shrink:0}.demo-note{display:none}:root{--demo-banner-height:44px}body.demo-dashboard-mode{padding-top:44px}body.demo-dashboard-mode .dashboard-layout{margin-top:0}body.demo-dashboard-mode .sidebar{height:calc(100vh - 44px);top:44px}.demo-modal-overlay{align-items:center;padding:20px 16px}.demo-modal-card{border-radius:24px;max-height:85vh;padding:24px 20px;overflow-y:auto}.demo-guide-tip{border-radius:16px;width:calc(100vw - 32px);padding:16px 18px}.demo-guide-tip p{margin:0 0 12px;font-size:.88rem;line-height:1.65}.demo-guide-actions .demo-btn{padding:8px 16px;font-size:.82rem}}#btn-fan-profile.demo-highlight{transition:transform .2s;position:relative;transform:scale(1.06);z-index:10000!important}