.icp-dashboard {
  background: linear-gradient(180deg,#11002b 0%,#1c0044 100%);
  color:#e0ffe6;
  font-family:'Poppins',sans-serif;
  padding:40px 30px;
  border-radius:20px;
  max-width:640px;
  margin:120px auto;
  text-align:center;
  box-shadow:0 0 25px rgba(0,255,128,.25);
}
.icp-dashboard h2{color:#00ff80;margin-bottom:20px}
.icp-dashboard input,
.icp-dashboard textarea{width:100%;margin:10px 0;padding:12px;border-radius:10px;
border:1px solid rgba(0,255,128,.3);background:rgba(255,255,255,.05);color:#fff;}
.icp-dashboard textarea::placeholder{color:#aaa;}
.icp-dashboard button{background:#00ff80;color:#000;padding:10px 25px;
border:none;border-radius:25px;cursor:pointer;margin-top:15px;font-weight:600;}
.icp-dashboard button:hover{background:#00cc66;}
.icp-avatar-preview,.icp-banner-preview{width:100%;max-width:200px;border-radius:10px;margin:10px auto;display:block;}

/* ======= Creator Public Page ======= */
.icp-public {
  background: radial-gradient(circle at top left,#000,#1b003d);
  color:#fff;
  font-family:'Poppins',sans-serif;
  text-align:center;
  padding-bottom:60px;
}
.icp-banner {
  height:200px;
  background-size:cover;
  background-position:center;
  border-bottom:3px solid #00ff80;
}
.icp-avatar {
  width:120px;
  height:120px;
  border-radius:100%;
  margin-top:-60px;
  border:3px solid #00ff80;
  object-fit:cover;
}
.icp-name {color:#00ff80;margin-top:10px;}
.icp-bio {color:#e0ffe6;margin:10px auto 25px;max-width:500px;}
.icp-socials a {
  display:inline-block;
  margin:0 6px;
  color:#000;
  background:#00ff80;
  padding:6px 14px;
  border-radius:20px;
  font-weight:600;
  text-decoration:none;
}
.icp-socials a:hover {background:#00cc66;}
.icp-video {
  max-width:600px;
  margin:30px auto;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 0 20px rgba(0,255,128,0.2);
}
.icp-links {margin-top:25px;}
.icp-btn {
  display:block;
  max-width:300px;
  margin:10px auto;
  padding:10px 25px;
  background:linear-gradient(90deg,#00ff80,#00c76a);
  color:#000;
  border-radius:25px;
  text-decoration:none;
  font-weight:600;
}
.icp-share {
  margin-top:25px;
  background:none;
  border:1px solid #00ff80;
  color:#00ff80;
  padding:10px 25px;
  border-radius:25px;
  cursor:pointer;
  transition:.3s;
}
.icp-share:hover{background:#00ff80;color:#000;}

.icp-view-page {
  display: inline-block;
  margin-top: 15px;
  background: linear-gradient(90deg, #00ff80, #00c76a);
  color: #000;
  padding: 10px 25px;
  border-radius: 25px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.icp-view-page:hover {
  background: #00ff80;
  transform: scale(1.05);
}

.icp-share {
  margin-top: 25px;
  background: linear-gradient(90deg,#00ff80,#00c76a);
  color: #000;
  padding: 12px 30px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 10px rgba(0,255,128,0.3);
}
.icp-share:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,255,128,0.5);
}

/* Align QR button with social icons */
.icp-socials {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

/* QR Button Matching Icon Style */
.lsscp-qr-btn {
    background: #1c0044; /* Dark gradient background */
    border: 1px solid #ffd700; /* Gold outline */
    color: #ffd700; /* Text color */
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease-in-out;
}

.lsscp-qr-btn:hover {
    background: #ffd700;
    color: #1c0044;
    transform: scale(1.05);
}

/* QR Popup Center */
.lsscp-qr-popup {
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 15px;
    max-width: 260px;
    margin: auto;
    text-align: center;
    box-shadow: 0 0 25px rgba(0, 255, 128, 0.25);
}
.creator-analytics-box {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #ffd700;
    padding: 15px;
    border-radius: 12px;
    max-width: 380px;
    margin: 20px auto;
    text-align: left;
    color: #ffd700;
}

.creator-analytics-box h3 {
    text-align: center;
    margin-bottom: 10px;
    color: #00ff80;
}