:root{
    --bg: #06080f;
    --bg-alt: #0a0d18;
    --surface: #0e1322;
    --surface-2: #141b2f;
    --surface-glass: rgba(14, 19, 34, 0.78);
    --border: rgba(255, 255, 255, 0.08);
    --border-soft: rgba(255, 255, 255, 0.04);
    --border-hover: rgba(56, 189, 248, 0.4);
    --text: #f8fafc;
    --text-dim: #94a3b8;
    --text-faint: #64748b;
    --accent: #10b981;
    --accent-cyan: #06b6d4;
    --accent-sky: #38bdf8;
    --accent-purple: #8b5cf6;
    --accent-gradient: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
    --primary-gradient: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);
    --accent-glow: rgba(6, 182, 212, 0.4);
    --success: #34d399;
    --success-bg: rgba(52, 211, 153, 0.12);
    --sold-bg: rgba(244, 63, 94, 0.12);
    --sold-text: #fb7185;
    --price: #fbbf24;
    --danger: #f87171;
    --radius: 16px;
    --radius-sm: 10px;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  /* Animated background */
  .bg-glow{
    position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  }
  .bg-blob{
    position:absolute;border-radius:50%;filter:blur(110px);opacity:.38;
    animation:blob-drift 18s ease-in-out infinite alternate;
  }
  .bg-blob-1{
    width:650px;height:650px;top:-160px;left:-100px;
    background:radial-gradient(circle, rgba(6,182,212,.45), rgba(16,185,129,.2) 40%, transparent 70%);
  }
  .bg-blob-2{
    width:580px;height:580px;bottom:-120px;right:-80px;
    background:radial-gradient(circle, rgba(139,92,246,.4), rgba(59,130,246,.2) 40%, transparent 70%);
    animation-delay:-6s;
  }
  .bg-blob-3{
    width:480px;height:480px;top:40%;left:50%;
    background:radial-gradient(circle, rgba(56,189,248,.25), transparent 70%);
    animation-delay:-12s;
  }
  @keyframes blob-drift{
    0%{transform:translate(0,0) scale(1);}
    100%{transform:translate(40px,-30px) scale(1.1);}
  }

  h1,h2,h3,.display{font-family:'Outfit','Space Grotesk',sans-serif;letter-spacing:-0.02em;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 32px 80px;position:relative;z-index:1;}

  header{
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 36px;border-bottom:1px solid rgba(255,255,255,0.07);
    position:sticky;top:0;background:rgba(6,8,15,0.82);backdrop-filter:blur(24px);z-index:1000;
    animation:fade-down .5s var(--ease-out) both;
  }
  .brand{
    font-family:'Outfit',sans-serif;font-weight:900;font-size:23px;letter-spacing:-0.03em;color:#fff;
    display:flex;align-items:center;gap:8px;
  }
  .brand-icon{color:#38bdf8;filter:drop-shadow(0 0 10px rgba(56,189,248,0.5));}
  .brand-asu{
    background:linear-gradient(135deg, #38bdf8, #818cf8);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }
  .header-nav{
    display:flex;align-items:center;gap:24px;
  }
  .nav-link{
    color:var(--text-dim);font-size:13.5px;font-weight:600;text-decoration:none;
    transition:all .2s var(--ease-out);padding:6px 2px;position:relative;
  }
  .nav-link:hover{color:#fff;transform:translateY(-1px);}
  .nav-link.active{
    color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,0.4);
  }
  .nav-link.active::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg, #38bdf8, #818cf8);border-radius:2px;
    box-shadow:0 0 8px rgba(56,189,248,0.6);
  }
  @media(max-width:960px){
    .header-nav{display:none;}
  }
  .nav-actions{display:flex;align-items:center;gap:18px;}

  .btn{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:13.5px;
    border-radius:12px;padding:10px 20px;border:1px solid var(--border);
    background:var(--surface);color:var(--text);cursor:pointer;
    transition:transform .2s var(--ease-out), border-color .2s, filter .2s, box-shadow .2s, background .2s;
  }
  .btn:hover{border-color:rgba(56,189,248,0.4);transform:translateY(-2px);box-shadow:0 8px 24px -4px rgba(6,182,212,0.3);}
  .btn:active{transform:translateY(0) scale(.98);}
  .btn-primary{
    background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
    border:none;color:#042f2c;font-weight:800;
    box-shadow:0 4px 20px -4px rgba(16,185,129,.55), 0 0 15px rgba(6,182,212,0.3);
  }
  .btn-primary:hover{
    filter:brightness(1.12);box-shadow:0 8px 30px -4px rgba(16,185,129,.75), 0 0 25px rgba(6,182,212,0.5);
  }
  .btn-glow{
    position:relative;overflow:hidden;
  }
  .btn-glow::after{
    content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
    background:linear-gradient(60deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);
    transform:rotate(30deg);transition:all .5s;pointer-events:none;
  }
  .btn-glow:hover::after{left:100%;top:100%;}
  .btn-sm{padding:8px 14px;font-size:13px;}
  .btn-danger-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);}
  .btn-danger-ghost:hover{border-color:#e05252;color:#f28787;}

  .hero{padding:60px 0 36px;animation:fade-up .6s var(--ease-out) .1s both;}
  .hero h1{
    font-size:46px;font-weight:900;margin:0 0 12px;letter-spacing:-0.03em;
    background:linear-gradient(135deg, #ffffff 30%, #94a3b8 70%, #38bdf8 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }
  .hero p{color:var(--text-dim);font-size:16px;margin:0;max-width:640px;line-height:1.65;}

  .notice{
    margin-top:22px;padding:14px 20px;border-radius:14px;
    background:rgba(14,19,34,0.7);border:1px solid rgba(255,255,255,0.07);
    backdrop-filter:blur(10px);font-size:13.5px;color:var(--text-dim);line-height:1.6;
    display:flex;gap:12px;align-items:flex-start;
  }
  .notice .dot{width:6px;height:6px;border-radius:50%;background:var(--success);margin-top:6px;flex-shrink:0;box-shadow:0 0 8px var(--success);}
  .notice b{color:var(--text);}

  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;animation:fade-up .6s var(--ease-out) .2s both;}
  .stat{
    background:linear-gradient(135deg, rgba(20,27,45,0.7) 0%, rgba(12,16,28,0.85) 100%);
    border:1px solid var(--border);border-radius:var(--radius);
    padding:22px 24px;text-align:center;backdrop-filter:blur(10px);
    transition:transform .25s var(--ease-out), border-color .25s, box-shadow .25s;
  }
  .stat:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.35);box-shadow:0 12px 32px -12px rgba(6,182,212,.3);}
  .stat .num{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:800;}
  .stat .num.accent{background:linear-gradient(90deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .stat .label{font-size:11px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;}

  .controls{display:flex;gap:12px;margin-bottom:8px;animation:fade-up .6s var(--ease-out) .3s both;}
  .search{
    flex:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;
    padding:12px 16px;display:flex;align-items:center;gap:10px;
    transition:border-color .2s, box-shadow .2s;
  }
  .search:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.18), 0 0 20px rgba(56,189,248,0.15);}
  .search input{
    background:none;border:none;outline:none;color:var(--text);font-size:14px;width:100%;font-family:'Inter',sans-serif;
  }
  .search input::placeholder{color:var(--text-faint);}
  select{
    background:var(--surface);border:1px solid var(--border);border-radius:12px;
    color:var(--text);padding:12px 16px;font-size:14px;font-family:'Inter',sans-serif;outline:none;cursor:pointer;
  }

  .group-heading{
    display:flex;align-items:baseline;gap:10px;margin:36px 0 18px;
  }
  .group-heading h2{font-size:24px;font-weight:700;margin:0;}
  .group-heading .count{color:var(--text-faint);font-size:14px;}
  hr{border:none;border-top:1px solid var(--border-soft);margin-top:16px;}

  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}

  .card{
    background:linear-gradient(180deg, rgba(14, 19, 36, 0.85) 0%, rgba(9, 13, 25, 0.95) 100%);
    border:1px solid rgba(255, 255, 255, 0.08);border-radius:18px;
    overflow:hidden;display:flex;flex-direction:column;
    transition:transform .25s var(--ease-out), border-color .25s, box-shadow .25s;
    position:relative;backdrop-filter:blur(10px);
    animation:card-in .5s var(--ease-out) both;
  }
  .card:hover{
    border-color:rgba(56, 189, 248, 0.4);
    transform:translateY(-5px);
    box-shadow:0 16px 36px -10px rgba(0, 0, 0, 0.6), 0 0 24px -6px rgba(56, 189, 248, 0.25);
  }
  .card.pinned{border-color:var(--price);}

  .card-top{
    padding:14px 16px 6px;display:flex;justify-content:space-between;align-items:center;
  }
  .card-top-left{
    display:flex;align-items:center;gap:8px;
  }
  .card-top-right{
    display:flex;align-items:center;gap:6px;
  }
  .badge{
    font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
    padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;
  }
  .badge.available{
    background:rgba(99, 102, 241, 0.16);color:#818cf8;border:1px solid rgba(99, 102, 241, 0.35);
  }
  .badge.sold{
    background:rgba(244, 63, 94, 0.16);color:#fb7185;border:1px solid rgba(244, 63, 94, 0.35);
  }
  .card-star-badge{
    display:inline-flex;align-items:center;gap:3px;
    background:rgba(251, 191, 36, 0.12);color:#fbbf24;
    border:1px solid rgba(251, 191, 36, 0.25);
    font-size:11px;font-weight:800;padding:3px 8px;border-radius:20px;
  }

  .icon-btn{
    width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,0.08);background:rgba(20,27,48,0.6);
    color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;
    transition:all .2s ease;
  }
  .icon-btn:hover{color:#fff;border-color:rgba(255,255,255,0.2);background:rgba(30,40,70,0.8);}
  .icon-btn.pin-btn.active{color:var(--price);border-color:var(--price);background:rgba(251,191,36,0.15);}
  .icon-btn.heart-btn:hover{color:#fb7185;border-color:rgba(251,113,133,0.4);}
  .icon-btn.heart-btn.active{color:#f43f5e;border-color:rgba(244,63,94,0.5);background:rgba(244,63,94,0.18);box-shadow:0 0 12px rgba(244,63,94,0.35);}
  .icon-btn.stats-btn:hover{border-color:rgba(56,189,248,0.4);color:#38bdf8;}

  .skin-wrap{
    height:190px;display:flex;align-items:center;justify-content:center;position:relative;
    background:radial-gradient(circle at 50% 40%, rgba(24, 33, 58, 0.5) 0%, rgba(8, 11, 20, 0.9) 100%);
  }
  .skin-render{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
  .skin-render canvas{cursor:grab;}
  .skin-render canvas:active{cursor:grabbing;}

  .skin-overlay-bottom{
    position:absolute;bottom:10px;left:14px;right:14px;
    display:flex;justify-content:space-between;align-items:center;pointer-events:none;
  }
  .rank-badge-wrap{pointer-events:auto;}
  .rank-tag.non-rank{
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:800;color:#64748b;letter-spacing:.05em;
  }
  .price-tag-pill{
    background:#ffffff;color:#090c15;font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
    font-weight:900;font-size:13.5px;padding:3.5px 10px;border-radius:8px;
    box-shadow:0 4px 14px rgba(0,0,0,0.6);pointer-events:auto;letter-spacing:-0.02em;
  }

  .card-body{padding:14px 16px 16px;}
  .username{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:16.5px;letter-spacing:-0.01em;color:#fff;}
  .meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
  .time{font-size:12px;color:var(--text-faint);font-weight:500;}

  .card-buttons{display:flex;gap:8px;margin-top:14px;}
  .card-buttons .btn-view{
    flex:1;text-align:center;background:rgba(24, 32, 54, 0.85);
    border:1px solid rgba(255, 255, 255, 0.1);color:#fff;font-weight:700;
    border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;
    font-size:13px;transition:all .2s ease;
  }
  .card-buttons .btn-view:hover{
    background:rgba(56, 189, 248, 0.18);border-color:rgba(56, 189, 248, 0.45);color:#38bdf8;
    box-shadow:0 0 14px rgba(56, 189, 248, 0.2);
  }
  .card-buttons .card-cart-btn{
    flex:0 0 auto;width:38px;padding:9px;display:flex;align-items:center;justify-content:center;
    background:rgba(24, 32, 54, 0.85);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;
    color:var(--text-dim);cursor:pointer;transition:all .2s ease;
  }
  .card-buttons .card-cart-btn:hover{
    background:rgba(16, 185, 129, 0.18);border-color:rgba(16, 185, 129, 0.45);color:#34d399;
    box-shadow:0 0 14px rgba(16, 185, 129, 0.2);
  }

  .empty{
    text-align:center;padding:70px 20px;color:var(--text-faint);border:1px dashed var(--border);
    border-radius:var(--radius);font-size:14px;
  }

  .fab{
    position:fixed;bottom:30px;right:30px;z-index:30;
    padding:14px 22px;border-radius:14px;font-size:14px;font-weight:700;
    box-shadow:0 8px 24px rgba(124,109,242,0.35);
  }

  .overlay{
    position:fixed;inset:0;background:rgba(5,5,9,0.75);backdrop-filter:blur(8px);
    display:none;align-items:center;justify-content:center;z-index:50;padding:20px;
    opacity:0;transition:opacity .25s var(--ease-out);
  }
  .overlay.open{display:flex;opacity:1;}
  .overlay.open .modal{animation:modal-in .35s var(--ease-spring) both;}
  .modal{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    width:100%;max-width:460px;padding:26px;max-height:88vh;overflow-y:auto;
    box-shadow:0 24px 64px -16px rgba(0,0,0,.65);
  }
  .modal h3{margin:0 0 4px;font-size:19px;}
  .modal .sub{color:var(--text-dim);font-size:13px;margin:0 0 20px;}
  .field{margin-bottom:14px;}
  .field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px;font-weight:600;}
  .field input, .field select, .field textarea{
    width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;
    padding:11px 13px;color:var(--text);font-size:14px;font-family:'Inter',sans-serif;outline:none;
  }
  .field input:focus, .field select:focus, .field textarea:focus{border-color:var(--accent);}
  .field textarea{resize:vertical;min-height:60px;}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .modal-actions{display:flex;gap:10px;margin-top:20px;}
  .modal-actions .btn{flex:1;}
  .err{color:#f28787;font-size:12px;margin-top:-8px;margin-bottom:12px;display:none;}

  .contact-box{
    background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:6px;
  }
  .contact-box .label{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
  .contact-box .val{font-size:15px;font-weight:600;font-family:'Space Grotesk',sans-serif;}
  .disclaimer{
    margin-top:16px;font-size:12px;color:var(--text-faint);line-height:1.6;
    border-top:1px solid var(--border-soft);padding-top:14px;
  }

  @media(max-width:640px){
    .stats{grid-template-columns:1fr;}
    .row2{grid-template-columns:1fr;}
    .wrap{padding:0 16px 80px;}
    header{padding:18px 16px;}
  }

  /* --- game stats (view) --- */
  .stat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
  .stat-tab{
    font-size:12px;font-weight:700;padding:8px 16px;border-radius:8px 8px 0 0;cursor:pointer;
    background:var(--surface-2);border:1px solid var(--border);border-bottom:none;color:var(--text-faint);
    transition:.15s;text-transform:uppercase;letter-spacing:.04em;
  }
  .stat-tab:hover{color:var(--text);}
  .stat-tab.active{background:var(--surface);color:var(--tab-color, var(--accent));border-color:var(--tab-color, var(--accent));box-shadow:0 -2px 0 var(--tab-color, var(--accent)) inset;}

  /* --- view (detail) overlay --- */
  .view-modal{max-width:1000px;}
  .view-header{display:flex;align-items:center;justify-content:space-between;}
  .view-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start;margin-top:14px;}
  .view-main{display:flex;flex-direction:column;gap:22px;min-width:0;}

  .view-skin-wrap{
    height:420px;border-radius:var(--radius);position:relative;
    background:radial-gradient(circle at 50% 30%, var(--surface-2), var(--bg));
    border:1px solid var(--border-soft);overflow:hidden;
  }
  .view-skin-wrap .skin-render{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
  .view-skin-wrap canvas{cursor:grab;}
  .view-skin-wrap canvas:active{cursor:grabbing;}
  .view-time-badge{
    position:absolute;top:12px;right:14px;font-size:11px;color:var(--text-faint);
    background:rgba(0,0,0,0.35);padding:4px 9px;border-radius:6px;
  }

  .view-notes{font-size:13px;color:var(--text-dim);line-height:1.6;}
  .desc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
  .desc-list li{position:relative;padding-left:16px;}
  .desc-list li::before{
    content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;
    background:var(--accent);
  }

  .field-heading{font-size:12px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
  .field-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
  .field-heading-row .field-heading{margin-bottom:0;}
  .view-stats-section{border-top:1px solid var(--border-soft);padding-top:20px;}
  .view-details-section{border-top:1px solid var(--border-soft);padding-top:20px;}
  .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .detail-item{
    display:flex;align-items:center;justify-content:space-between;
    background:var(--surface-2);border:1px solid var(--border);border-radius:10px;
    padding:12px 14px;font-size:13px;
  }
  .detail-label{color:var(--text-dim);}
  .detail-value{color:var(--text);font-weight:600;}

  .view-tags{display:flex;flex-wrap:wrap;gap:6px;}

  .view-sidebar{
    position:sticky;top:0;background:var(--surface-2);border:1px solid var(--border);
    border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;
  }
  .sidebar-label{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;}
  .view-sidebar .view-price{
    font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:700;color:#fff;margin:2px 0 4px;
    text-shadow:0 0 16px rgba(255,255,255,0.5), 0 0 32px rgba(255,255,255,0.25);
  }
  .view-price-premium{
    text-shadow:0 0 18px rgba(255,196,0,0.9), 0 0 40px rgba(255,196,0,0.55) !important;
  }
  .view-avail{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-dim);}
  .view-avail .dot{width:7px;height:7px;border-radius:50%;}
  .dot-available{background:var(--success);}
  .dot-sold{background:var(--sold-text);}
  .view-avail-row{
    display:flex;align-items:center;justify-content:space-between;
    padding-bottom:18px;border-bottom:1px solid var(--border-soft);margin-bottom:4px;
  }

  .fee-box{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:14px 16px;margin:14px 0;}
  .fee-box-label{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;}
  .fee-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim);padding:4px 0;}
  .fee-free{color:var(--success);}
  .fee-row.fee-total{margin-top:6px;padding-top:10px;border-top:1px solid var(--border-soft);color:var(--text);font-weight:700;font-size:14px;}

  .btn-buy{
    width:100%;padding:15px 15px 15px 18px;font-size:15px;font-weight:700;margin-top:2px;
    box-shadow:0 8px 24px -8px rgba(124,109,242,0.55);
    display:flex;align-items:center;justify-content:space-between;gap:10px;
  }
  .buy-price-pill{background:rgba(255,255,255,0.22);border-radius:8px;padding:5px 12px;font-size:14px;}
  .btn-cart{width:100%;margin-top:10px;padding:13px;font-size:14px;background:var(--surface-2);color:var(--text-dim);}
  .btn-link{background:transparent;border:none;color:var(--text-dim);font-size:13px;text-decoration:underline;padding:8px;margin-top:2px;}
  .btn-link:hover{color:var(--text);border-color:transparent;}

  .global-toast{
    position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);
    background:var(--surface);border:1px solid var(--border);border-radius:10px;
    padding:12px 18px;font-size:13px;color:var(--text);white-space:nowrap;
    box-shadow:0 14px 32px -10px rgba(0,0,0,0.6);
    opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;
    z-index:200;
  }
  .global-toast.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
  .global-toast a{color:var(--accent, #7c6df2);font-weight:700;text-decoration:none;margin-left:4px;}
  .global-toast a:hover{text-decoration:underline;}

  .cart-badge{
    position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;
    background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:16px;
    text-align:center;border-radius:999px;box-shadow:0 0 0 2px var(--surface);
  }
  .cart-item{
    display:flex;align-items:center;gap:12px;padding:12px 0;
    border-bottom:1px solid var(--border-soft);
  }
  .cart-item:last-child{border-bottom:none;}
  .cart-item-info{flex:1;min-width:0;}
  .cart-item-name{font-size:13px;font-weight:700;color:var(--text);}
  .cart-item-price{font-size:12px;color:var(--text-faint);margin-top:2px;}
  .cart-item-remove{
    background:none;border:1px solid var(--border);color:var(--text-faint);
    border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;flex-shrink:0;
  }
  .cart-item-remove:hover{color:var(--danger,#f87171);border-color:var(--danger,#f87171);}
  .cart-item-sold{color:var(--sold-text);font-size:11px;margin-left:6px;}
  .cart-empty{padding:30px 0;text-align:center;color:var(--text-faint);font-size:13px;}
  .cart-total-row{
    display:flex;justify-content:space-between;font-weight:700;font-size:14px;
    padding-top:12px;margin-top:4px;border-top:1px solid var(--border-soft);
  }
  .cart-checkout-err{
    margin-top:12px;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.4;
    background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.35);color:#f87171;
  }

  .seller-box{
    display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;
    border-top:1px solid var(--border-soft);
  }
  .seller-avatar{
    width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);
    display:flex;align-items:center;justify-content:center;color:var(--text-faint);flex-shrink:0;
  }
  .seller-name{font-size:13px;font-weight:700;}
  .seller-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .verified-pill{
    font-size:10px;font-weight:700;color:var(--success);background:var(--success-bg);
    padding:2px 8px;border-radius:999px;letter-spacing:.02em;
  }
  .seller-sub{font-size:11px;color:var(--text-faint);margin-top:2px;line-height:1.4;}

  .btn-share{
    width:100%;margin-top:14px;padding:11px;font-size:13px;background:transparent;
    display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);
  }
  .btn-share.copied{color:var(--success);border-color:var(--success);}

  .sidebar-disclaimer{margin-top:14px;font-size:11px;color:var(--text-faint);line-height:1.6;text-align:center;}

  .checkbox-field{margin-bottom:4px;}
  .checkbox-label{display:flex !important;align-items:center;gap:10px;font-weight:500 !important;color:var(--text) !important;cursor:pointer;}
  .checkbox-label input{width:auto !important;accent-color:var(--accent);}

  /* --- reviews --- */
  .view-reviews-section{border-top:1px solid var(--border-soft);padding-top:20px;}
  .review-summary{font-size:12px;color:var(--text-dim);}
  .review-summary .stars{color:var(--price);letter-spacing:1px;}
  .review-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;}
  .review-item{
    background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;
  }
  .review-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
  .review-item-author{font-size:13px;font-weight:700;}
  .review-item-stars{color:var(--price);font-size:12px;letter-spacing:1px;}
  .review-item-time{font-size:11px;color:var(--text-faint);}
  .review-item-comment{font-size:13px;color:var(--text-dim);line-height:1.5;margin-top:4px;}
  .review-empty{font-size:13px;color:var(--text-faint);padding:6px 0 16px;}
  .review-form{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px;}
  .review-form-title{font-size:13px;font-weight:700;margin-bottom:12px;}
  .review-locked{
    background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;
    padding:16px;font-size:12px;color:var(--text-faint);line-height:1.6;text-align:center;
  }

  .stat-card{
    --stat-color:#f16565;
    position:relative;overflow:hidden;
    background:linear-gradient(160deg, var(--surface-2), var(--bg));
    border:1px solid var(--stat-color);border-radius:14px;padding:18px;
    box-shadow:0 0 32px -14px var(--stat-color);
  }
  /* Real Minecraft screenshot, blurred + darkened, filling the card */
  .stat-card-bg{
    position:absolute;
    top:-16px;left:-16px;right:-16px;bottom:-16px; /* overscan so blur doesn't leave sharp edges */
    z-index:0;
    background-image:
      linear-gradient(rgba(8,8,14,0.55), rgba(8,8,14,0.82) 65%, rgba(8,8,14,0.95)),
      url('assets/stats-bg.png');
    background-size:cover;
    background-position:center 60%;
    filter:blur(4px);
  }
  .stat-card-head{position:relative;z-index:1;display:flex;align-items:flex-end;gap:14px;margin-bottom:16px;}
  .stat-face{height:100px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.5));}
  .stat-card-name{
    font-family:'Silkscreen',monospace;font-weight:700;font-size:30px;color:#fff;letter-spacing:.02em;
    padding:6px 12px;background:rgba(0,0,0,0.4);border-radius:6px;
    text-shadow:0 0 10px rgba(255,255,255,0.55), 0 0 22px rgba(255,255,255,0.25);
  }
  .stat-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  .stat-box{
    background:rgba(0,0,0,0.5);border:1px solid var(--border-soft);border-radius:10px;
    padding:16px 10px;text-align:center;backdrop-filter:blur(2px);
  }
  .stat-box-label{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
  .stat-box-value{font-family:'Silkscreen',monospace;font-weight:700;font-size:34px;line-height:1;}
  .stat-pos .stat-box-value{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,0.65), 0 0 20px rgba(74,222,128,0.3);}
  .stat-neg .stat-box-value{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,0.65), 0 0 20px rgba(248,113,113,0.3);}
  .stat-ratio .stat-box-value{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,0.65), 0 0 20px rgba(251,191,36,0.3);}
  .stat-card-category{
    position:relative;z-index:1;color:#f16565;font-weight:700;font-size:13px;
    text-transform:uppercase;letter-spacing:.03em;margin:-6px 0 12px;
  }
  .stat-empty{
    position:relative;z-index:1;text-align:center;color:var(--text-faint);
    font-size:13px;padding:24px 10px;
  }

  /* --- Account Stats popup --- */
  .stats-modal{max-width:420px;}
  .stats-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
  .stats-modal-header h3{margin:0;}
  .seg-tabs{
    display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);
    border-radius:12px;padding:4px;margin-bottom:16px;flex-wrap:wrap;
  }
  .seg-tab{
    flex:1;min-width:0;text-align:center;font-size:11px;font-weight:700;letter-spacing:.03em;
    text-transform:uppercase;color:var(--text-faint);padding:8px 6px;border-radius:8px;cursor:pointer;transition:.15s;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .seg-tab:hover{color:var(--text);}
  .seg-tab.active{background:var(--surface);color:var(--tab-color, var(--accent));box-shadow:0 0 0 1px var(--tab-color, var(--accent));}

  @media(max-width:640px){
    .view-layout{grid-template-columns:1fr;}
    .view-sidebar{position:static;}
    .view-skin-wrap{height:260px;}
    .details-grid{grid-template-columns:1fr;}
    .stat-grid{grid-template-columns:repeat(2,1fr);}
  }

/* --- crypto pay modal (real LTC on-chain checkout) --- */
.pay-modal{text-align:left;}

.pay-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.pay-back-btn{
  background:none;border:none;color:var(--text-dim);font-size:14px;font-weight:600;
  cursor:pointer;padding:4px 2px;font-family:'Inter',sans-serif;
}
.pay-back-btn:hover{color:var(--text);}
.pay-status-pill{
  font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  padding:6px 12px;border-radius:20px;
  background:rgba(251,191,36,.12);color:var(--price);border:1px solid rgba(251,191,36,.3);
}
.pay-status-pill.paid{background:var(--success-bg);color:var(--success);border-color:transparent;}
.pay-status-pill.failed{background:#2a0f0f;color:#f87171;border-color:transparent;}

.pay-timer-row{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--surface-2);border:1px solid var(--border);border-radius:12px;
  padding:12px 14px;margin-bottom:18px;
}
.pay-timer-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);}
.pay-timer-dot{
  width:7px;height:7px;border-radius:50%;background:var(--price);flex-shrink:0;
  box-shadow:0 0 0 3px rgba(251,191,36,.18);
}
.pay-timer-right{display:flex;align-items:center;gap:10px;}
.pay-timer-clock{
  font-family:'SFMono-Regular',Consolas,Menlo,monospace;font-weight:700;font-size:16px;color:var(--text);
}
.pay-cancel-btn{
  font-size:12px;font-weight:600;color:var(--sold-text);background:var(--sold-bg);
  border:1px solid transparent;border-radius:8px;padding:6px 10px;cursor:pointer;
  font-family:'Inter',sans-serif;
}
.pay-cancel-btn:hover{opacity:.85;}

.pay-heading{
  font-size:13px;font-weight:600;color:var(--text-dim);text-align:center;margin-bottom:14px;
}
.pay-qr-wrap{display:flex;justify-content:center;margin-bottom:18px;}
.pay-qr{
  width:200px;height:200px;border-radius:12px;background:#fff;padding:14px;
  box-shadow:0 0 0 1px var(--border);
}
.pay-field{margin-bottom:14px;}
.pay-field-toprow{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.pay-field label{
  font-size:11px;color:var(--text-faint);text-transform:uppercase;
  letter-spacing:.06em;
}
.pay-tap-copy{font-size:11px;color:var(--text-faint);}
.pay-copy-row{
  display:flex;align-items:center;gap:8px;background:var(--surface-2);
  border:1px solid var(--border);border-radius:10px;padding:10px 12px;
  cursor:pointer;transition:.15s;
}
.pay-copy-row:hover{border-color:var(--accent);}
.pay-mono{
  font-family:'SFMono-Regular',Consolas,Menlo,monospace;font-size:13px;color:var(--text);
  flex:1;word-break:break-all;
}
.pay-address{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pay-copy-btn{margin-left:auto;flex-shrink:0;}

.pay-progress-label{
  font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;
  margin:16px 0 8px;
}
.pay-progress-track{
  width:100%;height:6px;border-radius:6px;background:var(--surface-2);
  border:1px solid var(--border);overflow:hidden;
}
.pay-progress-fill{
  height:100%;width:35%;border-radius:6px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  animation:pay-progress-slide 1.6s ease-in-out infinite;
}
.pay-progress-fill.paid{width:100%;animation:none;background:var(--success);}
.pay-progress-fill.failed{width:100%;animation:none;background:#f87171;}
@keyframes pay-progress-slide{
  0%{transform:translateX(-60%);width:35%;}
  50%{transform:translateX(120%);width:35%;}
  100%{transform:translateX(-60%);width:35%;}
}

.pay-monitor-row{
  display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);margin-top:14px;
}
.pay-monitor-dot{
  width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;
  animation:pay-monitor-pulse 1.6s ease-in-out infinite;
}
.pay-monitor-dot.paid{background:var(--success);animation:none;}
.pay-monitor-dot.failed{background:#f87171;animation:none;}
@keyframes pay-monitor-pulse{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(124,109,242,.35);}
  50%{opacity:.6;box-shadow:0 0 0 4px rgba(124,109,242,0);}
}
.pay-monitor-ago{margin-left:auto;color:var(--text-faint);}

/* --- delivered credentials (shown after payment confirms) -------------- */
.cred-box{margin-top:16px;border:1px solid var(--accent,#7c6df2);border-radius:10px;background:rgba(124,109,242,.08);padding:14px;}
.cred-box-title{font-size:13px;font-weight:700;color:var(--text,#eee);margin-bottom:4px;}
.cred-box-sub{font-size:11.5px;color:var(--text-faint,#888);margin-bottom:10px;line-height:1.4;}
.cred-item{border-top:1px solid var(--border,#2a2a35);padding-top:10px;margin-top:10px;}
.cred-item:first-of-type{border-top:none;padding-top:0;margin-top:0;}
.cred-item-username{font-size:12.5px;font-weight:600;color:var(--text,#eee);margin-bottom:6px;}
.cred-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;background:rgba(255,255,255,.04);margin-bottom:4px;cursor:pointer;}
.cred-row:hover{background:rgba(255,255,255,.08);}
.cred-row-label{font-size:10.5px;color:var(--text-faint,#888);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;}
.cred-row-val{font-family:monospace;font-size:12px;color:var(--text,#eee);word-break:break-all;text-align:right;}

/* --- Discord auth area -------------------------------------------------- */
.auth-area{display:flex;align-items:center;}
.discord-login-btn{
  display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;
  background:#5865F2;color:#fff;font-size:13px;font-weight:600;text-decoration:none;
  border:none;cursor:pointer;transition:background .15s ease;
}
.discord-login-btn:hover{background:#4752c4;}
.discord-login-btn svg{flex-shrink:0;}

.user-menu{position:relative;}
.user-menu-trigger{
  display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:20px;
  background:var(--panel,#1a1a22);border:1px solid var(--border,#2a2a35);cursor:pointer;
}
.user-menu-trigger img{width:26px;height:26px;border-radius:50%;display:block;}
.user-menu-trigger span{font-size:13px;font-weight:600;color:var(--text,#eee);}
.user-menu-dropdown{
  position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:#16181f;
  border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:6px;display:none;z-index:1000;
  box-shadow:0 12px 36px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,0.04);
  animation:fade-down .15s var(--ease-out) both;
}
.user-menu-dropdown.open{display:block;}
.user-menu-dropdown .who{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--border,#2a2a35);margin-bottom:4px;}
.user-menu-dropdown .who img{width:36px;height:36px;border-radius:50%;}
.user-menu-dropdown .who .name{font-size:13px;font-weight:600;color:var(--text,#eee);}
.user-menu-dropdown .who .tag{font-size:11px;color:var(--text-faint,#888);}
.user-menu-dropdown button{
  width:100%;text-align:left;background:none;border:none;color:var(--text-dim,#ccc);
  padding:8px;border-radius:6px;font-size:13px;cursor:pointer;
}
.user-menu-dropdown button:hover{background:rgba(255,255,255,.06);}

.owner-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint,#888);}
.owner-badge img{width:18px;height:18px;border-radius:50%;}

.field .hint{font-size:11.5px;color:var(--text-faint,#888);margin-top:6px;line-height:1.4;}

/* --- Securing overlay --------------------------------------------------- */
.securing-overlay{z-index:120;}
.securing-panel{
  background:var(--surface);border:1px solid var(--border);border-radius:20px;
  padding:36px 32px;max-width:380px;width:100%;text-align:center;
  box-shadow:0 24px 64px -16px rgba(0,0,0,.7);
  animation:modal-in .4s var(--ease-spring) both;
}
.securing-spinner{
  width:52px;height:52px;margin:0 auto 20px;border-radius:50%;
  border:3px solid rgba(124,109,242,.2);border-top-color:var(--accent);
  animation:spin .9s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}
.securing-title{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;margin-bottom:8px;}
.securing-sub{font-size:13px;color:var(--text-dim);line-height:1.55;margin-bottom:22px;}
.securing-steps{display:flex;flex-direction:column;gap:8px;text-align:left;}
.securing-step{
  font-size:12px;color:var(--text-faint);padding:10px 12px;border-radius:10px;
  background:var(--surface-2);border:1px solid var(--border-soft);
  transition:all .3s var(--ease-out);
}
.securing-step.active{
  color:var(--text);border-color:rgba(124,109,242,.45);
  background:rgba(124,109,242,.1);box-shadow:0 0 20px -8px rgba(124,109,242,.4);
}
.securing-step.done{color:var(--success);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08);}

/* --- Credential return modal -------------------------------------------- */
.cred-return-modal{max-width:440px;text-align:center;}
.cred-return-icon{
  width:56px;height:56px;margin:0 auto 14px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:26px;
  background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);color:#f87171;
}
.cred-return-icon.locked{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.35);color:var(--price);}
.cred-return-box{
  text-align:left;margin-top:16px;border:1px solid rgba(124,109,242,.35);
  border-radius:12px;background:rgba(124,109,242,.06);padding:14px;
}
.cred-return-box-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);
}
.cred-return-badge{
  font-size:10px;padding:3px 8px;border-radius:999px;
  background:var(--success-bg);color:var(--success);font-weight:700;
}
.cred-return-badge.changed{background:rgba(251,191,36,.15);color:var(--price);}
.cred-return-note{font-size:11.5px;color:var(--text-faint);margin:12px 0 0;line-height:1.5;}
.cred-return-box .cred-row{margin-bottom:6px;}
.cred-return-box .cred-row:last-of-type{margin-bottom:0;}
.cred-row.copied-flash{background:rgba(52,211,153,.18) !important;border:1px solid rgba(52,211,153,.35);}

/* --- Listing form (compact tabs) ---------------------------------------- */
.listing-modal{max-width:520px;padding:22px 24px 20px;}
.listing-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.listing-modal-head h3{margin:0 0 4px;font-size:18px;}
.listing-modal-sub{font-size:12px;color:var(--text-faint);margin:0;line-height:1.4;}
.form-tabs{
  display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:10px;padding:3px;flex-shrink:0;
}
.form-tab{
  border:none;background:transparent;color:var(--text-faint);font-size:12px;font-weight:700;
  padding:7px 14px;border-radius:8px;cursor:pointer;font-family:'Inter',sans-serif;
  transition:all .2s var(--ease-out);
}
.form-tab:hover{color:var(--text);}
.form-tab.active{
  background:var(--surface);color:var(--accent);
  box-shadow:0 0 0 1px rgba(124,109,242,.35);
}
.form-panel{display:none;animation:fade-up .25s var(--ease-out);}
.form-panel.active{display:block;}
.listing-modal .field{margin-bottom:12px;}
.listing-modal .field label{font-size:11px;margin-bottom:5px;}
.listing-modal .field input,.listing-modal .field select{padding:9px 11px;font-size:13px;}
.listing-modal .err{margin-top:-6px;margin-bottom:8px;}
.listing-modal-actions{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft);}
.form-hint{font-size:11px;color:var(--text-faint);margin:4px 0 0;line-height:1.4;}

.cred-panel{
  display:flex;align-items:center;gap:12px;padding:11px 13px;margin-bottom:14px;
  border-radius:11px;background:rgba(124,109,242,.08);border:1px solid rgba(124,109,242,.22);
}
.cred-panel-icon{font-size:20px;line-height:1;}
.cred-panel-text{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--text-dim);line-height:1.4;}
.cred-panel-text strong{font-size:12px;color:var(--text);}

/* --- Rejection reason box ----------------------------------------------- */
.reject-reason-box{
  text-align:left;margin:14px 0;padding:14px 15px;border-radius:12px;
  background:rgba(248,113,113,.07);border:1px solid rgba(248,113,113,.28);
}
.reject-reason-box.locked{
  background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.3);
}
.reject-reason-label{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  color:var(--text-faint);margin-bottom:6px;
}
.reject-reason-title{font-size:15px;font-weight:700;color:#f87171;margin-bottom:6px;line-height:1.35;}
.reject-reason-box.locked .reject-reason-title{color:var(--price);}
.reject-reason-detail{font-size:12.5px;color:var(--text-dim);line-height:1.55;}
.reject-reason-step{
  margin-top:8px;font-size:11px;color:var(--text-faint);
  padding-top:8px;border-top:1px solid rgba(255,255,255,.06);
}

.group-heading{animation:fade-up .5s var(--ease-out) both;}
.grid .card:nth-child(1){animation-delay:.05s;}
.grid .card:nth-child(2){animation-delay:.1s;}
.grid .card:nth-child(3){animation-delay:.15s;}
.grid .card:nth-child(4){animation-delay:.2s;}
.grid .card:nth-child(5){animation-delay:.25s;}
.grid .card:nth-child(6){animation-delay:.3s;}
.grid .card:nth-child(n+7){animation-delay:.35s;}

.icon-btn{transition:transform .2s var(--ease-out), color .2s, border-color .2s, background .2s;}
.icon-btn:hover{transform:scale(1.06);}
.icon-btn:active{transform:scale(.96);}

select{transition:border-color .2s, box-shadow .2s;}
select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,109,242,.12);}

/* --- AsuAlts Brand -------------------------------------------------------- */
.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.03em;}
.brand-icon{color:var(--accent);}
/* "Asu" in gradient, "Alts" in white — all on one line */
.brand span{background:none;color:#fff;}
.brand span .brand-asu{
  background:linear-gradient(135deg,#7c6df2,#38bdf8);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand b{color:#fff;font-weight:800;}

/* --- Landing Hero Animations ---------------------------------------------- */

/* 1. Entry stagger for hero content */
.landing-content{animation:none;}
.live-pill{animation:fade-up .6s var(--ease-out) .1s both;}
.landing-title{animation:fade-up .7s var(--ease-out) .2s both;}
.landing-sub{animation:fade-up .7s var(--ease-out) .35s both;}
.landing-cta-row{animation:fade-up .7s var(--ease-out) .45s both;}
.landing-visual{animation:fade-in-right .9s var(--ease-out) .3s both;}

@keyframes fade-in-right{
  0%{opacity:0;transform:translateX(40px);}
  100%{opacity:1;transform:translateX(0);}
}

/* 2. Floating shimmer particles */
.landing-particles{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;
}
.particle{
  position:absolute;border-radius:50%;
  animation:particle-float linear infinite;
  opacity:0;
}
@keyframes particle-float{
  0%{opacity:0;transform:translateY(0) scale(0.5);}
  15%{opacity:1;}
  85%{opacity:0.7;}
  100%{opacity:0;transform:translateY(-520px) scale(1);}
}

/* 3. Shimmer text effect on title */
.landing-title .title-grad{
  background:linear-gradient(135deg,#7c6df2 0%,#38bdf8 40%,#a78bfa 60%,#38bdf8 100%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer-text 4s linear infinite;
}
@keyframes shimmer-text{
  0%{background-position:0% center;}
  100%{background-position:200% center;}
}

/* 4. Pulsing scroll down hint */
.scroll-hint{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  margin-top:28px;opacity:0.5;animation:fade-up .6s var(--ease-out) 1.2s both;
  cursor:pointer;transition:opacity .2s;
}
.scroll-hint:hover{opacity:0.9;}
.scroll-hint span{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim);}
.scroll-arrow{
  width:20px;height:20px;border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);
  transform:rotate(45deg);animation:bounce-down 1.6s ease-in-out infinite;
}
@keyframes bounce-down{
  0%,100%{transform:rotate(45deg) translateY(0);}
  50%{transform:rotate(45deg) translateY(5px);}
}

/* 5. Feature cards staggered entrance */
.feature-cards-grid .feature-card:nth-child(1){animation:fade-up .6s var(--ease-out) .55s both;}
.feature-cards-grid .feature-card:nth-child(2){animation:fade-up .6s var(--ease-out) .7s both;}
.feature-cards-grid .feature-card:nth-child(3){animation:fade-up .6s var(--ease-out) .85s both;}

/* 6. Terms banner entrance */
.landing-terms-banner{animation:fade-up .6s var(--ease-out) 1s both;}

/* 7. CTA Button pulse glow on primary */
.btn-primary.btn-landing{
  position:relative;overflow:hidden;
  animation:cta-glow 3s ease-in-out infinite;
}
@keyframes cta-glow{
  0%,100%{box-shadow:0 4px 20px -4px rgba(52,211,153,0.4);}
  50%{box-shadow:0 6px 30px -4px rgba(52,211,153,0.7);}
}
.btn-primary.btn-landing::after{
  content:'';position:absolute;top:-50%;left:-60%;
  width:40%;height:200%;background:rgba(255,255,255,0.15);
  transform:skewX(-20deg);
  animation:shine-sweep 4s ease-in-out infinite;
}
@keyframes shine-sweep{
  0%{left:-60%;}
  30%,100%{left:120%;}
}

/* 8. Marketplace section header */
.marketplace-section-header{
  padding:28px 0 18px;
  border-bottom:1px solid var(--border-soft);
  margin-bottom:20px;
}
.marketplace-section-header h2{
  font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;
  margin:0 0 4px;color:#fff;
}
.marketplace-section-header p{
  font-size:13.5px;color:var(--text-dim);margin:0;
}

.marketplace-nav-bar{
  padding-top:28px;padding-bottom:0;margin-bottom:4px;
  display:flex;align-items:center;justify-content:flex-start;
}

.header-nav-links{display:flex;align-items:center;gap:20px;margin-left:24px;}
.nav-link{
  color:var(--text-dim);font-size:13.5px;font-weight:600;text-decoration:none;
  padding:6px 12px;border-radius:8px;transition:color .2s, background .2s;
}
.nav-link:hover{color:var(--text);background:rgba(255,255,255,0.05);}
.nav-link.active{color:var(--text);background:var(--surface-2);border:1px solid var(--border);}

/* --- Landing Hero (EnchantAlts Theme with Asuka) ------------------- */
.landing-hero{
  display:flex;align-items:center;justify-content:space-between;
  padding:40px 0 30px;position:relative;gap:40px;
}
@media(max-width:900px){
  .landing-hero{flex-direction:column;text-align:center;}
}
.landing-content{flex:1;max-width:560px;z-index:2;}
.live-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(20,24,36,0.85);border:1px solid rgba(255,255,255,0.08);
  border-radius:30px;padding:6px 14px;font-size:11px;font-weight:700;
  letter-spacing:0.06em;color:var(--text-dim);margin-bottom:20px;
  box-shadow:0 4px 16px rgba(0,0,0,0.4);
}
.live-dot{
  width:7px;height:7px;border-radius:50%;background:#34d399;
  box-shadow:0 0 10px #34d399;
}
.landing-title{
  font-family:'Space Grotesk',sans-serif;font-size:72px;font-weight:800;
  line-height:1.0;letter-spacing:-0.04em;margin:0 0 20px;color:#fff;
  white-space:nowrap;
}
/* .title-grad is overridden by shimmer keyframe in the animation section */
.title-grad{
  background:linear-gradient(135deg,#7c6df2 0%,#38bdf8 40%,#a78bfa 60%,#38bdf8 100%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer-text 4s linear infinite;
}
.landing-sub{
  color:var(--text-dim);font-size:14.5px;line-height:1.65;margin:0 0 28px;
}
.landing-cta-row{display:flex;gap:14px;flex-wrap:wrap;}
@media(max-width:900px){.landing-cta-row{justify-content:center;}}

.btn-landing{
  padding:14px 26px;font-size:13.5px;font-weight:700;letter-spacing:0.04em;
  border-radius:12px;cursor:pointer;transition:all .25s var(--ease-out);
}
.btn-secondary{
  background:rgba(255,255,255,0.05);border:1px solid var(--border);
  color:var(--text);
}
.btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:var(--text-dim);}

/* Asuka Hero Visual with Glow */
.landing-visual{
  position:relative;width:380px;height:420px;flex-shrink:0;
  display:flex;align-items:flex-end;justify-content:center;
}
.asuka-glow-backdrop{
  position:absolute;width:340px;height:340px;border-radius:50%;
  top:40px;left:20px;
  background:radial-gradient(circle, rgba(239,68,68,0.35) 0%, rgba(124,109,242,0.25) 50%, transparent 75%);
  filter:blur(36px);pointer-events:none;z-index:1;
  animation:glow-pulse 4s ease-in-out infinite alternate;
}
@keyframes glow-pulse{
  0%{transform:scale(0.95);opacity:0.7;}
  100%{transform:scale(1.08);opacity:1;}
}
.asuka-seat-pedestal{
  position:absolute;bottom:0px;width:260px;height:40px;border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(239,68,68,0.5) 0%, rgba(124,109,242,0.2) 60%, transparent 80%);
  filter:blur(10px);z-index:2;
}
.asuka-hero-img{
  position:relative;z-index:3;max-height:400px;object-fit:contain;
  filter:drop-shadow(0 15px 25px rgba(0,0,0,0.7)) drop-shadow(0 0 20px rgba(239,68,68,0.35));
  transition:transform .3s var(--ease-out);
}
.asuka-hero-img:hover{
  transform:translateY(-6px) scale(1.02);
}

/* Feature 3-Cards Row */
.feature-cards-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 20px;
}
@media(max-width:768px){.feature-cards-grid{grid-template-columns:1fr;}}
.feature-card{
  background:rgba(18,21,34,0.7);border:1px solid rgba(255,255,255,0.06);
  border-radius:14px;padding:20px 22px;backdrop-filter:blur(10px);
  transition:border-color .2s, transform .2s;
}
.feature-card:hover{
  border-color:rgba(124,109,242,0.35);transform:translateY(-2px);
}
.feature-card-label{
  font-size:11px;font-weight:800;letter-spacing:0.08em;
  color:#7c6df2;text-transform:uppercase;margin-bottom:8px;
}
.feature-card-desc{
  font-size:13px;color:var(--text-dim);line-height:1.5;margin:0;
}

/* Terms Banner (Compact & Bottom-aligned matching Screenshot 3) */
.landing-terms-banner{
  background:rgba(22,16,24,0.7);border:1px solid rgba(239,68,68,0.22);
  border-radius:12px;padding:14px 20px;max-width:680px;margin:50px auto 28px;
  text-align:left;box-shadow:0 8px 24px rgba(0,0,0,0.4);
}
.terms-label{
  font-size:10px;font-weight:800;letter-spacing:0.08em;color:#f87171;
  text-transform:uppercase;margin-bottom:6px;
}
.terms-text{
  font-size:12px;color:var(--text-dim);line-height:1.55;
}
.terms-text strong{color:var(--text);}

.landing-site-footer{
  text-align:center;padding:20px 0 40px;color:var(--text-faint);
  font-size:12px;letter-spacing:0.04em;
}

.marketplace-nav-bar{
  margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.marketplace-nav-right{
  display:flex;align-items:center;gap:10px;
}
.nav-btn-profile{
  display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;
  padding:7px 14px;border-radius:10px;background:rgba(255,255,255,0.04);
  border:1px solid var(--border);color:var(--text-dim);cursor:pointer;
  transition:all .2s;
}
.nav-btn-profile:hover{
  border-color:rgba(59,130,246,0.5);color:#fff;background:rgba(59,130,246,0.1);
}
.nav-btn-add{
  display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
  padding:7px 16px;border-radius:10px;cursor:pointer;
}

/* --- Auth Page (Create Account View matching Screenshot 4) --------------- */
.auth-page-view{
  min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;
  padding:40px 20px;position:relative;z-index:2;
}
.auth-page-container{
  max-width:440px;width:100%;text-align:center;animation:fade-up .4s var(--ease-out);
}
.auth-page-brand{
  font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:800;
  margin-bottom:20px;letter-spacing:-0.02em;color:#fff;
}
.auth-page-title{
  font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:700;
  margin:0 0 8px;color:#fff;
}
.auth-page-sub{
  font-size:14px;color:var(--text-dim);margin:0 0 28px;
}
.auth-page-card{
  background:rgba(18,21,34,0.85);border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;padding:32px 28px;box-shadow:0 16px 40px rgba(0,0,0,0.5);
  backdrop-filter:blur(16px);
}
.btn-discord-cta{
  display:flex;align-items:center;justify-content:center;gap:12px;
  background:#5865f2;color:#fff;font-weight:700;font-size:14px;
  letter-spacing:0.04em;padding:14px 20px;border-radius:12px;
  text-decoration:none;transition:all .2s var(--ease-out);
  box-shadow:0 6px 20px -4px rgba(88,101,242,0.6);
}
.btn-discord-cta:hover{
  background:#4752c4;transform:translateY(-2px);
  box-shadow:0 10px 28px -4px rgba(88,101,242,0.8);
}
.auth-card-desc{
  font-size:12px;color:var(--text-faint);margin:18px 0 0;line-height:1.45;
}
.auth-page-footer{
  font-size:13px;color:var(--text-dim);margin-top:24px;
}
.auth-page-footer a{
  color:#5865f2;font-weight:600;text-decoration:none;margin-left:4px;
}
.auth-page-footer a:hover{text-decoration:underline;}

/* Price Range Filter matching Screenshot 2 */
.price-filter-box{
  display:flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid var(--border);
  border-radius:12px;padding:8px 14px;
}
.price-filter-label{
  font-size:11px;font-weight:800;letter-spacing:0.08em;color:var(--text-faint);
}
.price-input-wrap{
  display:flex;align-items:center;background:var(--surface-2);
  border:1px solid var(--border-soft);border-radius:8px;padding:4px 10px;
}
.price-currency{font-size:13px;color:var(--text-faint);margin-right:3px;}
.price-input-wrap input{
  background:transparent;border:none;outline:none;color:var(--text);
  font-size:13px;font-weight:600;width:55px;font-family:'Inter',sans-serif;
}
.price-dash{color:var(--text-faint);font-weight:700;}

/* Compact & Sleek Available Badge */
.badge.available{
  background:rgba(16,185,129,0.1);color:#34d399;
  border:1px solid rgba(52,211,153,0.25);font-size:10px;font-weight:700;
  letter-spacing:0.06em;padding:3px 8px;border-radius:6px;
  display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;
}
.badge.available::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:#34d399;box-shadow:0 0 8px #34d399;
}
.badge.sold{
  background:rgba(239,68,68,0.1);color:#f87171;
  border:1px solid rgba(239,68,68,0.25);font-size:10px;font-weight:700;
  letter-spacing:0.06em;padding:3px 8px;border-radius:6px;
  display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;
}

/* Card Cart Button */
.btn-cart, .card-cart-btn{
  width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;
  background:var(--surface-2);border:1px solid var(--border);color:var(--text);
  border-radius:8px;cursor:pointer;transition:all .2s var(--ease-out);flex-shrink:0;
}
.btn-cart:hover, .card-cart-btn:hover{
  border-color:var(--accent);color:var(--accent);background:rgba(16,185,129,0.12);
}

/* View Modal Add to Cart Button (Fixed Width and Spacing) */
.btn-view-cart{
  width:100%;padding:12px 18px;border-radius:10px;font-weight:600;font-size:13.5px;
  margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--surface-2);border:1px solid var(--border);color:var(--text);
  cursor:pointer;transition:all .2s;
}
.btn-view-cart:hover{
  border-color:var(--accent);color:var(--accent);background:rgba(16,185,129,0.12);
}

/* --- Full-Page Profile Settings ---------------------------------------- */
.profile-page-view{
  position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:20px 24px 80px;
  animation:fade-up .4s var(--ease-out) both;
}
.profile-container{display:flex;flex-direction:column;gap:24px;}
.profile-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.btn-back{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--surface);border:1px solid var(--border);color:var(--text);
  padding:8px 16px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;
  transition:all .2s;
}
.btn-back:hover{border-color:var(--accent);transform:translateX(-2px);}
.profile-breadcrumbs{font-size:13px;color:var(--text-faint);}
.profile-breadcrumbs span{color:var(--text-dim);font-weight:600;}

.profile-hero-banner{
  display:flex;align-items:center;gap:24px;padding:28px;border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(15,26,30,0.9), rgba(19,32,41,0.8));
  border:1px solid var(--border);box-shadow:0 12px 32px -8px rgba(0,0,0,0.5);
}
.profile-hero-avatar-box{position:relative;flex-shrink:0;}
.profile-hero-avatar{
  width:88px;height:88px;border-radius:50%;border:3px solid var(--accent);
  box-shadow:0 0 24px -4px rgba(16,185,129,0.4);object-fit:cover;
}
.profile-online-badge{
  position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;
  background:var(--accent);border:3px solid var(--surface);
}
.profile-hero-details{flex:1;}
.profile-hero-title-line{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.profile-hero-title-line h2{font-size:26px;font-weight:700;margin:0;}
.badge-seller{background:rgba(16,185,129,.15);color:var(--accent);border:1px solid rgba(16,185,129,.35);font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;}
.profile-hero-sub-line{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-dim);margin-bottom:10px;}
.dot-sep{color:var(--text-faint);}
.profile-hero-bio-quote{font-size:13px;color:var(--text-faint);font-style:italic;line-height:1.5;max-width:700px;}

.profile-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;}
@media(max-width:860px){.profile-main-grid{grid-template-columns:1fr;}}

.profile-panel{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:24px;box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
.profile-panel-col{display:flex;flex-direction:column;gap:24px;}

.panel-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
.panel-icon{
  width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:20px;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0;
}
.panel-header h3{font-size:17px;font-weight:700;margin:0 0 4px;}
.panel-desc{font-size:12.5px;color:var(--text-dim);margin:0;line-height:1.45;}

.profile-panel .field{margin-bottom:16px;}
.profile-panel .field label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px;display:block;}
.profile-panel .field input, .profile-panel .field textarea{
  width:100%;padding:11px 14px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:10px;color:var(--text);font-family:'Inter',sans-serif;font-size:13.5px;outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.profile-panel .field input:focus, .profile-panel .field textarea:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,0.15);
}
.profile-panel .field .hint{font-size:11.5px;color:var(--text-faint);margin:5px 0 0;line-height:1.4;}

.panel-locked-box{
  display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;
  background:rgba(251,191,36,0.06);border:1px solid rgba(251,191,36,0.25);
}
.lock-glyph{font-size:24px;line-height:1;}
.panel-locked-box strong{font-size:13px;color:var(--price);display:block;margin-bottom:4px;}
.panel-locked-box p{font-size:12px;color:var(--text-dim);margin:0;line-height:1.4;}

.stats-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.stat-mini-card{
  background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;
  padding:16px;text-align:center;transition:transform .2s;
}
.stat-mini-card:hover{transform:translateY(-2px);border-color:rgba(16,185,129,0.3);}
.stat-mini-val{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;}
.stat-mini-val.accent{color:var(--accent);}
.stat-mini-lbl{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;}

.ltc-icon-wrap{
  background:rgba(52,94,159,0.15) !important;border-color:rgba(52,94,159,0.35) !important;
}
.ltc-brand-icon{
  width:26px;height:26px;border-radius:50%;display:block;
}

/* --- Profile Tabs Navigation --- */
.profile-tabs-nav{
  display:flex;align-items:center;gap:10px;margin-bottom:24px;
  background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;
}
.profile-nav-tab{
  display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;
  background:transparent;border:none;color:var(--text-dim);font-family:'Inter',sans-serif;
  font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s;
}
.profile-nav-tab:hover{
  color:var(--text);background:rgba(255,255,255,0.04);
}
.profile-nav-tab.active{
  background:var(--surface-2);color:#fff;border:1px solid var(--border);
  box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.tab-pill-badge{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;
  padding:2px 7px;border-radius:12px;background:rgba(52,211,153,0.18);
  color:var(--success);border:1px solid rgba(52,211,153,0.4);
}

/* --- Security Mail & OTP Dashboard Styles --- */
.dashboard-mail-wrap{
  display:flex;flex-direction:column;gap:20px;
}
.mail-search-panel{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:24px;box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
.mail-search-head{
  display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;
}
.mail-icon-glow{
  background:rgba(56,189,248,0.12) !important;border-color:rgba(56,189,248,0.35) !important;
  color:#38bdf8;
}
.mail-input-row{
  display:flex;gap:12px;align-items:center;
}
.mail-input-box{
  flex:1;position:relative;display:flex;align-items:center;
}
.mail-input-icon{
  position:absolute;left:14px;color:var(--text-dim);pointer-events:none;
}
.mail-input-box input{
  width:100%;padding:12px 14px 12px 42px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:10px;color:var(--text);font-family:'Inter',sans-serif;font-size:14px;outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.mail-input-box input:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,0.15);
}
.btn-mail-check{
  display:flex;align-items:center;gap:8px;padding:12px 20px;white-space:nowrap;
}
.mail-quick-select-wrap{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.quick-select-lbl{
  font-size:11.5px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:0.05em;
}
.quick-select-pills{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.quick-pill{
  font-size:12px;padding:4px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);
  color:var(--text-dim);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;
}
.quick-pill:hover{
  border-color:var(--accent);color:var(--text);transform:translateY(-1px);
}
.quick-pill.active{
  background:rgba(16,185,129,0.15);border-color:var(--accent);color:var(--text);font-weight:600;
}

/* Mail Inbox Container */
.mail-inbox-container{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:24px;box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
.inbox-status-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--border-soft);
}
.inbox-status-indicator{
  display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim);font-weight:500;
}
.live-pulse-dot{
  width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;
  animation:dot-pulse 2s ease-in-out infinite;
}
@keyframes dot-pulse{
  0%,100%{transform:scale(1);opacity:1;}
  50%{transform:scale(1.3);opacity:0.6;}
}
.btn-ghost{
  background:transparent;border:1px solid var(--border);color:var(--text-dim);
}
.btn-ghost:hover{
  border-color:var(--accent);color:var(--text);
}

/* Mail Cards */
.mail-list{
  display:flex;flex-direction:column;gap:14px;
}
.mail-empty-state{
  text-align:center;padding:48px 24px;
}
.mail-empty-icon{
  font-size:42px;margin-bottom:12px;opacity:0.7;
}
.mail-empty-title{
  font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px;
}
.mail-empty-desc{
  font-size:13px;color:var(--text-dim);max-width:480px;margin:0 auto;line-height:1.5;
}

.mail-card{
  background:var(--surface-2);border:1px solid var(--border);border-radius:12px;
  padding:18px;transition:border-color .2s, transform .2s;
  animation:fade-up .4s var(--ease-out) both;
}
.mail-card:hover{
  border-color:rgba(56,189,248,0.4);
}
.mail-card-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;
}
.mail-sender-info{
  display:flex;align-items:center;gap:10px;
}
.mail-sender-icon{
  width:32px;height:32px;border-radius:8px;background:rgba(124,109,242,0.15);border:1px solid rgba(124,109,242,0.3);
  display:flex;align-items:center;justify-content:center;font-size:14px;
}
.mail-sender-name{
  font-size:13.5px;font-weight:700;color:var(--text);
}
.mail-time{
  font-size:12px;color:var(--text-faint);
}
.mail-subject{
  font-size:14.5px;font-weight:600;color:#fff;margin-bottom:12px;
}

/* Big OTP Highlight Box */
.mail-otp-banner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:linear-gradient(135deg, rgba(16,185,129,0.15) 0%, rgba(56,189,248,0.12) 100%);
  border:1px solid rgba(52,211,153,0.4);border-radius:10px;padding:14px 18px;
  margin:12px 0;
}
.mail-otp-left{
  display:flex;align-items:center;gap:12px;
}
.mail-otp-label{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-dim);
}
.mail-otp-code{
  font-family:'Space Grotesk',monospace;font-size:24px;font-weight:800;letter-spacing:0.12em;
  color:#34d399;text-shadow:0 0 16px rgba(52,211,153,0.5);
}
.btn-copy-code{
  display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;
  background:var(--accent);border:none;color:#fff;border-radius:8px;cursor:pointer;
  transition:all .2s;box-shadow:0 4px 14px -4px rgba(16,185,129,0.6);
}
.btn-copy-code:hover{
  filter:brightness(1.1);transform:scale(1.02);
}
.btn-copy-code:active{
  transform:scale(0.97);
}

.mail-body-preview{
  margin-top:12px;padding:12px;background:rgba(0,0,0,0.25);border-radius:8px;
  font-size:12px;color:var(--text-dim);line-height:1.55;max-height:160px;overflow-y:auto;
  white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-soft);
}

/* ==========================================================================
   MICROSOFT-STYLE SIDEBAR NAVIGATION FOR PROFILE & OTP DASHBOARD
   ========================================================================== */
.profile-layout-sidebar{
  display:flex;gap:24px;align-items:flex-start;margin-top:20px;
}
.profile-sidebar{
  width:240px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:16px;
  position:sticky;top:90px;
}
.sidebar-user-card{
  display:flex;align-items:center;gap:12px;padding-bottom:14px;
  border-bottom:1px solid var(--border-soft);
}
.sidebar-user-avatar{
  width:42px;height:42px;border-radius:50%;object-fit:cover;
  border:2px solid var(--border);
}
.sidebar-user-name{
  font-size:14px;font-weight:700;color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;
}
.sidebar-nav{
  display:flex;flex-direction:column;gap:6px;
}
.sidebar-nav-item{
  display:flex;align-items:center;gap:12px;padding:12px 14px;
  background:transparent;border:none;border-radius:8px;
  color:var(--text-dim);font-size:13.5px;font-weight:600;
  cursor:pointer;transition:all .2s;text-align:left;position:relative;
}
.sidebar-nav-item:hover{
  background:var(--surface-2);color:var(--text);
}
.sidebar-nav-item.active{
  background:rgba(59,130,246,0.12);color:#fff;font-weight:700;
}
.sidebar-nav-item.active::before{
  content:'';position:absolute;left:0;top:8px;bottom:8px;width:3.5px;
  background:#3b82f6;border-radius:0 4px 4px 0;
}
.sidebar-nav-item svg{
  flex-shrink:0;color:inherit;
}
.profile-main-content{
  flex:1;min-width:0;
}

@media(max-width:768px){
  .profile-layout-sidebar{
    flex-direction:column;
  }
  .profile-sidebar{
    width:100%;position:static;
  }
  .sidebar-nav{
    flex-direction:row;
  }
  .sidebar-nav-item{
    flex:1;justify-content:center;
  }
}

/* ==========================================================================
   MULTI-ACCOUNT CART ORDER CHECKOUT MODAL (MATCHING SCREENSHOT)
   ========================================================================== */
.cart-order-modal{
  max-width:540px !important;padding:26px !important;border-radius:18px !important;
  background:#0d1117 !important;border:1px solid #1f2937 !important;
}
.cart-order-header{
  margin-bottom:18px;
}
.cart-order-sub{
  font-size:11px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#8b5cf6;
}
.cart-order-title-line{
  display:flex;align-items:center;gap:10px;margin-top:2px;
}
.cart-order-title-line h2{
  margin:0;font-size:22px;font-weight:800;color:#fff;letter-spacing:-0.02em;
}
.cart-order-id{
  font-size:14px;font-weight:700;color:var(--text-faint);margin-left:auto;
}

.cart-order-summary-card{
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,0.02);border:1px solid #1e293b;border-radius:14px;
  padding:16px 20px;margin-bottom:14px;
}
.summary-lbl{
  font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-faint);
  margin-bottom:4px;
}
.summary-usd{
  font-size:26px;font-weight:900;color:#fff;letter-spacing:-0.03em;line-height:1;
}
.summary-ltc{
  font-size:11px;font-family:'Space Grotesk',monospace;color:var(--text-dim);margin-top:4px;
}
.summary-col-right{
  text-align:right;
}
.pay-status-badge{
  display:inline-block;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:700;
  background:rgba(251,191,36,0.12);color:#fbbf24;border:1px solid rgba(251,191,36,0.3);
}
.summary-delivered{
  font-size:11.5px;color:var(--text-faint);margin-top:6px;
}

.pay-within-banner{
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(251,191,36,0.06);border:1px solid rgba(251,191,36,0.2);
  border-radius:10px;padding:10px 16px;margin-bottom:12px;
}
.pay-within-left{
  display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fbbf24;
}
.pay-within-dot{
  color:#fbbf24;animation:pulse-dot 1.5s infinite;
}
.pay-within-clock{
  font-family:'Space Grotesk',monospace;font-size:15px;font-weight:800;color:#fbbf24;
}
.pay-within-instruction{
  font-size:12.5px;color:var(--text-dim);margin:0 0 16px 0;line-height:1.45;
}

.pay-grid-2col{
  display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:stretch;margin-bottom:16px;
}
.pay-qr-box{
  background:#fff;border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center;
}
.pay-qr-img{
  width:100%;height:auto;display:block;border-radius:6px;
}
.pay-details-col{
  display:flex;flex-direction:column;gap:10px;justify-content:center;
}
.pay-copy-box{
  background:rgba(255,255,255,0.03);border:1px solid #1e293b;border-radius:10px;
  padding:10px 14px;cursor:pointer;transition:border-color .2s;
}
.pay-copy-box:hover{
  border-color:rgba(59,130,246,0.5);
}
.pay-copy-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;
}
.pay-copy-head span:first-child{
  font-size:9.5px;font-weight:800;letter-spacing:0.08em;color:var(--text-faint);text-transform:uppercase;
}
.pay-tap-label{
  font-size:9.5px;font-weight:700;color:#fbbf24;letter-spacing:0.04em;
}
.pay-copy-val{
  font-family:'Space Grotesk',monospace;font-size:12px;font-weight:600;color:#e2e8f0;
  word-break:break-all;
}

.cart-order-accounts-section{
  margin-top:16px;border-top:1px solid #1e293b;padding-top:14px;
}
.cart-order-accounts-head{
  font-size:11px;font-weight:800;letter-spacing:0.08em;color:var(--text-faint);text-transform:uppercase;
  margin-bottom:10px;
}
.cart-order-accounts-list{
  display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;
}
.account-order-row{
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,0.02);border:1px solid #1e293b;border-radius:10px;
  padding:8px 12px;
}
.account-order-left{
  display:flex;align-items:center;gap:10px;
}
.account-order-avatar{
  width:34px;height:34px;border-radius:6px;background:#000;display:flex;align-items:center;justify-content:center;
}
.account-order-name{
  font-size:13px;font-weight:700;color:#fff;
}
.account-order-price{
  font-size:11.5px;color:var(--text-dim);margin-top:1px;
}
.account-order-badge{
  font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;
  background:rgba(255,255,255,0.05);color:var(--text-dim);
}
.account-order-badge.delivered{
  background:rgba(52,211,153,0.15);color:#34d399;border:1px solid rgba(52,211,153,0.3);
}

.cart-order-actions{
  display:flex;flex-direction:column;gap:8px;margin-top:18px;
}
.btn-cancel-release{
  width:100%;padding:11px;background:transparent;border:1px solid rgba(239,68,68,0.4);
  color:#f87171;border-radius:10px;font-size:12px;font-weight:800;letter-spacing:0.06em;
  text-transform:uppercase;cursor:pointer;transition:all .2s;
}
.btn-cancel-release:hover{
  background:rgba(239,68,68,0.1);border-color:#ef4444;
}
.btn-back-shop{
  width:100%;padding:10px;background:rgba(255,255,255,0.03);border:1px solid var(--border-soft);
  color:var(--text-dim);border-radius:10px;font-size:12px;font-weight:700;
  cursor:pointer;transition:all .2s;
}
.btn-back-shop:hover{
  background:rgba(255,255,255,0.06);color:#fff;
}

/* ==========================================================================
   NEW FEATURES: PROFILE HERO, STOREFRONT MODAL & BUYER MESSAGES
   ========================================================================== */
.profile-hero-user-row{
  display:flex;align-items:center;gap:20px;width:100%;
}
.profile-hero-avatar{
  width:72px;height:72px;border-radius:50%;border:2px solid var(--accent);
  box-shadow:0 0 20px -4px rgba(16,185,129,0.5);object-fit:cover;display:block;
}
.sidebar-badge{
  margin-left:auto;background:#ef4444;color:#fff;font-size:10px;font-weight:800;
  padding:2px 7px;border-radius:10px;line-height:1;box-shadow:0 0 8px rgba(239,68,68,0.5);
}
.unread-msg-card{
  border-color:rgba(59,130,246,0.5) !important;
  background:rgba(59,130,246,0.06) !important;
}
.msg-buyer-avatar{
  width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border);
}

.seller-storefront-modal{
  max-width:850px;width:95%;max-height:85vh;overflow-y:auto;
  background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;
  box-shadow:0 24px 64px -16px rgba(0,0,0,0.8);
}
.storefront-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;
  border-bottom:1px solid var(--border-soft);
}
.storefront-seller-card{
  display:flex;align-items:center;gap:16px;
}
.storefront-avatar{
  width:56px;height:56px;border-radius:50%;border:2px solid var(--accent);
  box-shadow:0 0 16px rgba(16,185,129,0.3);object-fit:cover;
}
.storefront-name-row{
  display:flex;align-items:center;gap:10px;
}
.storefront-name-row h3{
  margin:0;font-size:20px;font-weight:700;color:#fff;
}
.storefront-stats-row{
  font-size:12.5px;color:var(--text-dim);margin-top:4px;
}
.storefront-bio-box{
  background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;
  padding:14px 18px;margin-top:16px;
}
.storefront-bio-lbl{
  font-size:10.5px;font-weight:700;letter-spacing:0.08em;color:var(--text-faint);margin-bottom:6px;
}
.storefront-bio-text{
  font-size:13.5px;color:var(--text);line-height:1.55;font-style:italic;
}
.storefront-listings-section{
  margin-top:24px;
}
.storefront-listings-head{
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-dim);margin-bottom:14px;
}
.storefront-grid{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:16px;
}
.storefront-empty{
  text-align:center;padding:32px;color:var(--text-dim);font-size:13.5px;
  background:var(--surface-2);border-radius:10px;border:1px dashed var(--border);
}
.message-modal{
  max-width:520px;width:95%;background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:24px;box-shadow:0 24px 64px -16px rgba(0,0,0,0.8);
}
.owner-badge.clickable{
  cursor:pointer;transition:all .15s;
}
.owner-badge.clickable:hover{
  filter:brightness(1.2);border-color:var(--accent);transform:translateY(-1px);
}
.checkbox-field .checkbox-label{
  display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);
}
.checkbox-field input[type="checkbox"]{
  width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

/* =====================================================================
   SELLER DASHBOARD / LISTINGS PAGE
   ===================================================================== */
.seller-dashboard-view{
  display:none;min-height:100vh;background:var(--bg);
}
.seller-dashboard-view.active{ display:block; }

.seller-dash-topbar{
  display:flex;align-items:center;gap:16px;padding:20px 32px;
  border-bottom:1px solid var(--border);
  background:var(--bg);
  position:sticky;top:0;z-index:20;
}
.seller-dash-topbar .btn-back{
  display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;
  color:var(--text-dim);background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;
  transition:color .15s,background .15s;
}
.seller-dash-topbar .btn-back:hover{color:var(--text);background:var(--surface-2);}

.seller-dash-wrap{
  max-width:1100px;margin:0 auto;padding:40px 32px;
}

.seller-dash-header{
  display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;
}
.seller-dash-header-left .seller-center-label{
  font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent);margin-bottom:6px;
}
.seller-dash-header-left h1{
  font-size:32px;font-weight:800;color:var(--text);margin:0 0 6px;
  font-family:'Space Grotesk',sans-serif;
}
.seller-dash-header-left p{
  font-size:13.5px;color:var(--text-dim);margin:0;
}
.seller-dash-refresh-btn{
  display:flex;align-items:center;gap:7px;padding:10px 18px;
  background:var(--surface);border:1px solid var(--border);border-radius:10px;
  font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;
  transition:all .15s;
}
.seller-dash-refresh-btn:hover{border-color:var(--accent);color:var(--accent);}
.seller-dash-refresh-btn svg{transition:transform .4s;}
.seller-dash-refresh-btn:hover svg{transform:rotate(180deg);}

/* Tabs */
.seller-dash-tabs{
  display:flex;gap:4px;margin-bottom:24px;
  background:var(--surface);border:1px solid var(--border);
  border-radius:10px;padding:4px;width:fit-content;
}
.seller-dash-tab{
  padding:8px 20px;border-radius:7px;font-size:13px;font-weight:600;
  color:var(--text-dim);cursor:pointer;transition:all .15s;border:none;background:transparent;
  display:flex;align-items:center;gap:7px;
}
.seller-dash-tab.active{
  background:var(--surface-2);color:var(--text);
  box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.seller-dash-tab:hover:not(.active){color:var(--text);}

/* Security method dropdown */
.security-method-section{
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:20px;margin-bottom:20px;
}
.security-method-label{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-faint);margin-bottom:10px;
}
.security-method-select-wrap{
  position:relative;
}
.security-method-select{
  width:100%;padding:12px 16px;
  background:var(--surface-2);border:1px solid var(--border);border-radius:10px;
  color:var(--text);font-size:14px;font-weight:500;
  cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  padding-right:40px;transition:border-color .15s;
}
.security-method-select:focus{outline:none;border-color:var(--accent);}

/* Stats row */
.seller-stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;
}
.seller-stat-card{
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:20px;transition:border-color .15s;
}
.seller-stat-card:hover{border-color:var(--border-soft);}
.seller-stat-icon{
  width:36px;height:36px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;font-size:17px;
}
.seller-stat-icon.blue{background:rgba(56,189,248,.12);color:#38bdf8;}
.seller-stat-icon.yellow{background:rgba(251,191,36,.12);color:#fbbf24;}
.seller-stat-icon.green{background:rgba(52,211,153,.12);color:#34d399;}
.seller-stat-icon.dollar{background:rgba(16,185,129,.12);color:#10b981;}
.seller-stat-num{
  font-size:26px;font-weight:800;color:var(--text);font-family:'Space Grotesk',sans-serif;margin-bottom:4px;
}
.seller-stat-label{
  font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);
}

/* Search + filter bar */
.seller-search-bar{
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(180deg, rgba(20, 28, 46, 0.7) 0%, rgba(14, 19, 31, 0.85) 100%);
  border:1px solid rgba(255, 255, 255, 0.08);border-radius:14px;
  padding:14px 18px;margin-bottom:20px;flex-wrap:wrap;backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(0,0,0,0.3);
}
.seller-search-input-wrap{
  flex:1;display:flex;align-items:center;gap:10px;min-width:200px;
}
.seller-search-input-wrap svg{color:var(--neon-blue);flex-shrink:0;}
.seller-search-input{
  flex:1;background:transparent;border:none;outline:none;
  color:var(--text);font-size:14px;font-weight:500;
}
.seller-search-input::placeholder{color:var(--text-faint);}
.seller-filter-btns{
  display:flex;gap:6px;
}
.seller-filter-btn{
  padding:8px 18px;border-radius:10px;font-size:12.5px;font-weight:800;
  letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1);
  background:rgba(20, 28, 46, 0.8);border:1px solid rgba(255, 255, 255, 0.08);color:#94a3b8;
  backdrop-filter:blur(8px);
}
.seller-filter-btn:hover:not(.active){
  border-color:var(--accent);color:#fff;transform:translateY(-2px);
  box-shadow:0 4px 14px rgba(16,185,129,0.25);
}
.seller-filter-btn.active{
  background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
  border:none;color:#022c22;font-weight:900;
  box-shadow:0 0 20px rgba(16, 185, 129, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.4);
  transform:scale(1.02);
}

/* Listing rows */
.seller-listing-list{
  display:flex;flex-direction:column;gap:12px;
}
.seller-listing-row{
  background:linear-gradient(180deg, rgba(20, 28, 46, 0.75) 0%, rgba(14, 19, 31, 0.95) 100%);
  border:1px solid rgba(255, 255, 255, 0.07);border-radius:14px;
  padding:18px 22px;display:flex;align-items:center;gap:18px;
  transition:all .25s cubic-bezier(0.2, 0.8, 0.2, 1);
  backdrop-filter:blur(10px);
}
.seller-listing-row:hover{
  border-color:rgba(16, 185, 129, 0.45);transform:translateY(-2px);
  box-shadow:0 12px 32px -8px rgba(0,0,0,0.6), 0 0 20px rgba(16, 185, 129, 0.15);
}
.seller-listing-skin-thumb{
  width:58px;height:72px;border-radius:10px;overflow:hidden;
  background:linear-gradient(135deg, rgba(20, 28, 46, 0.9) 0%, rgba(10, 14, 24, 0.9) 100%);
  border:1px solid rgba(255, 255, 255, 0.08);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 2px 8px rgba(0,0,0,0.4);
}
.seller-listing-skin-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.5));}
.seller-listing-main{flex:1;min-width:0;}
.seller-listing-name-row{
  display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap;
}
.seller-listing-username{
  font-size:16px;font-weight:800;color:var(--text);font-family:'Space Grotesk',sans-serif;
  letter-spacing:-0.01em;
}
.seller-listing-badge{
  padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;
}
.seller-listing-badge.sold{
  background:rgba(52,211,153,.15);color:#34d399;border:1px solid rgba(52,211,153,.3);
  box-shadow:0 0 10px rgba(52,211,153,.15);
}
.seller-listing-badge.available{
  background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3);
  box-shadow:0 0 10px rgba(56,189,248,.15);
}
.seller-listing-badge.canceled{
  background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.25);
}
.seller-listing-badge.onhold{
  background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3);
}
.seller-listing-meta{
  font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.seller-listing-tags{
  display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;
}
.seller-listing-tag{
  padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;
  background:rgba(20, 28, 46, 0.8);border:1px solid rgba(255, 255, 255, 0.08);color:var(--text-dim);
  display:flex;align-items:center;gap:4px;
}
.seller-listing-actions{
  display:flex;align-items:center;gap:8px;flex-shrink:0;
}
.seller-listing-view-btn{
  padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;
  background:linear-gradient(135deg, rgba(20, 28, 46, 0.9) 0%, rgba(30, 41, 59, 0.9) 100%);
  border:1px solid rgba(255, 255, 255, 0.1);color:var(--text);
  cursor:pointer;transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1);
  display:flex;align-items:center;gap:6px;
}
.seller-listing-view-btn:hover{
  border-color:var(--accent);color:#fff;background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
  color:#022c22;font-weight:800;transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(16,185,129,0.35);
}
.seller-listing-empty{
  text-align:center;padding:64px 32px;color:var(--text-dim);font-size:14px;
  background:linear-gradient(180deg, rgba(20, 28, 46, 0.5) 0%, rgba(14, 19, 31, 0.8) 100%);
  border:1px dashed rgba(255, 255, 255, 0.1);border-radius:16px;
}
.seller-listing-empty-icon{font-size:40px;margin-bottom:14px;}

/* Pending payouts tab */
.pending-payouts-empty{
  text-align:center;padding:80px 32px;color:var(--text-dim);
  font-size:14px;background:linear-gradient(180deg, rgba(20, 28, 46, 0.5) 0%, rgba(14, 19, 31, 0.8) 100%);
  border:1px dashed rgba(255, 255, 255, 0.1);border-radius:16px;
}

/* Modals & Glow Effects */
.btn-glow{
  background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%) !important;
  color:#022c22 !important;font-weight:900 !important;border:none !important;
  box-shadow:0 4px 24px rgba(16, 185, 129, 0.45) !important;
  transition:all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.btn-glow:hover{
  filter:brightness(1.12);transform:translateY(-2px);
  box-shadow:0 8px 32px rgba(16, 185, 129, 0.65) !important;
}
.sec-method-modal-box{
  max-width:580px;width:95%;
  background:linear-gradient(180deg, #141c2e 0%, #0e131f 100%);
  border:1px solid rgba(56, 189, 248, 0.25);
  box-shadow:0 24px 80px rgba(0, 0, 0, 0.8), 0 0 40px rgba(16, 185, 129, 0.15);
  border-radius:18px;padding:28px;
}
.sec-modal-badge{
  font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;
  padding:4px 12px;border-radius:20px;background:rgba(16, 185, 129, 0.15);
  color:#10b981;border:1px solid rgba(16, 185, 129, 0.3);
  display:inline-flex;align-items:center;gap:6px;margin-bottom:4px;
}
.sec-autosecure-banner{
  display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;
  background:linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(56, 189, 248, 0.08) 100%);
  border:1px solid rgba(16, 185, 129, 0.25);margin-top:16px;
}
.sec-banner-icon{font-size:20px;flex-shrink:0;margin-top:1px;}
.sec-banner-text strong{display:block;font-size:13px;color:var(--text);margin-bottom:2px;}
.sec-banner-text span{font-size:12px;color:var(--text-dim);line-height:1.4;display:block;}

/* =====================================================================
   WALLET PAGE
   ===================================================================== */
.wallet-view{
  display:none;min-height:100vh;background:var(--bg);
}
.wallet-view.active{ display:block; }

.wallet-topbar{
  display:flex;align-items:center;gap:16px;padding:20px 32px;
  border-bottom:1px solid var(--border);background:var(--bg);
  position:sticky;top:0;z-index:20;
}
.wallet-topbar .btn-back{
  display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;
  color:var(--text-dim);background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;
  transition:color .15s,background .15s;
}
.wallet-topbar .btn-back:hover{color:var(--text);background:var(--surface-2);}

.wallet-wrap{
  max-width:1100px;margin:0 auto;padding:40px 32px;
}

.wallet-header{
  display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;
}
.wallet-header-left .wallet-label{
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin-bottom:6px;
}
.wallet-header-left h1{
  font-size:32px;font-weight:800;color:var(--text);margin:0 0 4px;
  font-family:'Space Grotesk',sans-serif;
}
.wallet-header-left p{
  font-size:13px;color:var(--text-dim);margin:0;
}
.wallet-sync-btn{
  display:flex;align-items:center;gap:7px;padding:10px 18px;
  background:linear-gradient(135deg, rgba(20, 28, 46, 0.9) 0%, rgba(30, 41, 59, 0.9) 100%);
  border:1px solid rgba(56, 189, 248, 0.3);border-radius:10px;
  font-size:13px;font-weight:700;color:var(--neon-blue);cursor:pointer;
  transition:all .2s;box-shadow:0 4px 16px rgba(56, 189, 248, 0.15);
}
.wallet-sync-btn:hover{
  border-color:var(--neon-blue);color:#fff;background:linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);
  box-shadow:0 6px 24px rgba(56, 189, 248, 0.4);transform:translateY(-1px);
}
.wallet-sync-btn svg{transition:transform .5s;}
.wallet-sync-btn.spinning svg{animation:spin360 .8s linear infinite;}
@keyframes spin360{to{transform:rotate(360deg);}}

/* Balance cards */
.wallet-balance-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px;
}
.wallet-balance-card{
  background:linear-gradient(180deg, rgba(20, 28, 46, 0.8) 0%, rgba(14, 19, 31, 0.95) 100%);
  border:1px solid rgba(255, 255, 255, 0.08);border-radius:14px;
  padding:22px;transition:all .2s;backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,0.3);
}
.wallet-balance-card:hover{
  border-color:rgba(56, 189, 248, 0.35);transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(0,0,0,0.5), 0 0 20px rgba(56, 189, 248, 0.12);
}
.wallet-balance-icon{
  width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.wallet-balance-icon.blue{background:rgba(56,189,248,.15);color:#38bdf8;}
.wallet-balance-icon.green{background:rgba(52,211,153,.15);color:#34d399;}
.wallet-balance-icon.yellow{background:rgba(251,191,36,.15);color:#fbbf24;}
.wallet-balance-icon.purple{background:rgba(129,140,248,.15);color:#818cf8;}
.wallet-balance-usd{
  font-size:24px;font-weight:800;color:var(--text);font-family:'Space Grotesk',sans-serif;
  margin-bottom:4px;letter-spacing:-0.02em;
}
.wallet-balance-ltc{
  font-size:12px;color:var(--text-faint);margin-bottom:4px;font-family:'JetBrains Mono',monospace;
}
.wallet-balance-label{
  font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-faint);
}

/* Wallet main 2-col layout */
.wallet-main-cols{
  display:grid;grid-template-columns:1fr 1.3fr;gap:22px;margin-bottom:24px;
}

/* Addresses panel */
.wallet-addresses-section h3,
.wallet-activity-section h3{
  font-size:16px;font-weight:800;color:var(--text);margin:0 0 16px;
  font-family:'Space Grotesk',sans-serif;
}
.wallet-address-card{
  background:linear-gradient(180deg, rgba(20, 28, 46, 0.85) 0%, rgba(14, 19, 31, 0.95) 100%);
  border:1px solid rgba(56, 189, 248, 0.25);border-radius:16px;
  padding:24px;box-shadow:0 12px 36px -8px rgba(0, 0, 0, 0.6), 0 0 24px rgba(56, 189, 248, 0.1);
}
.wallet-address-card-top{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:8px;
}
.wallet-addr-name{
  font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px;
}
.wallet-addr-pill{
  font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:20px;
  background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3);
}
.wallet-addr-actions{
  display:flex;gap:6px;
}
.wallet-addr-action-btn{
  width:34px;height:34px;border-radius:8px;border:1px solid rgba(255, 255, 255, 0.1);
  background:rgba(20, 28, 46, 0.9);cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:var(--text-dim);transition:all .15s;
}
.wallet-addr-action-btn:hover{border-color:var(--accent);color:#fff;background:rgba(16, 185, 129, 0.2);}

.wallet-qr-wrap{
  display:flex;align-items:center;gap:18px;margin-bottom:18px;
}
.wallet-qr-img{
  width:105px;height:105px;border-radius:12px;border:2px solid rgba(56, 189, 248, 0.3);
  background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.4);
}
.wallet-qr-info{flex:1;}
.wallet-qr-label{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px;}
.wallet-qr-address{
  font-size:11.5px;font-family:'JetBrains Mono',monospace;color:var(--neon-blue);
  word-break:break-all;cursor:pointer;transition:color .15s;padding:6px 10px;
  background:rgba(10, 14, 24, 0.6);border-radius:8px;border:1px solid rgba(56, 189, 248, 0.15);
}
.wallet-qr-address:hover{color:#fff;border-color:var(--accent);background:rgba(16, 185, 129, 0.1);}
.wallet-qr-sub{margin-top:12px;}
.wallet-qr-sub-row{display:flex;gap:20px;flex-wrap:wrap;}
.wallet-qr-sub-item{font-size:12px;}
.wallet-qr-sub-key{color:var(--text-faint);margin-bottom:2px;font-weight:600;}
.wallet-qr-sub-val{color:var(--text);font-weight:800;font-family:'Space Grotesk',sans-serif;}

.wallet-ltc-warning{
  background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.2);
  border-radius:10px;padding:12px 16px;font-size:12px;color:#38bdf8;
  display:flex;align-items:flex-start;gap:10px;
}
.wallet-no-address{
  text-align:center;padding:40px 24px;color:var(--text-dim);font-size:13.5px;
}


/* Activity panel */
.wallet-activity-section h3{
  display:flex;align-items:center;justify-content:space-between;
}
.wallet-activity-all-btn{
  font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;
  background:transparent;border:none;padding:0;
}
.wallet-tx-list{
  display:flex;flex-direction:column;gap:8px;
}
.wallet-tx-row{
  background:var(--surface);border:1px solid var(--border);border-radius:10px;
  padding:13px 16px;display:flex;align-items:center;gap:12px;
  transition:border-color .15s;
}
.wallet-tx-row:hover{border-color:var(--border-soft);}
.wallet-tx-icon{
  width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.wallet-tx-icon.sent{background:rgba(248,113,113,.12);color:#f87171;}
.wallet-tx-icon.received{background:rgba(52,211,153,.12);color:#34d399;}
.wallet-tx-info{flex:1;min-width:0;}
.wallet-tx-top{display:flex;align-items:center;gap:8px;margin-bottom:3px;}
.wallet-tx-type{font-size:13px;font-weight:700;color:var(--text);}
.wallet-tx-status-badge{
  font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;
}
.wallet-tx-status-badge.pending{background:rgba(251,191,36,.12);color:#fbbf24;}
.wallet-tx-status-badge.completed{background:rgba(52,211,153,.12);color:#34d399;}
.wallet-tx-status-badge.failed{background:rgba(248,113,113,.12);color:#f87171;}
.wallet-tx-hash{
  font-size:11px;color:var(--text-faint);font-family:'JetBrains Mono',monospace;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wallet-tx-amount{
  font-size:14px;font-weight:800;font-family:'Space Grotesk',sans-serif;text-align:right;flex-shrink:0;
}
.wallet-tx-amount.positive{color:#34d399;}
.wallet-tx-amount.negative{color:#f87171;}
.wallet-tx-ltc{font-size:11px;color:var(--text-faint);text-align:right;}
.wallet-tx-empty{
  text-align:center;padding:40px 24px;color:var(--text-dim);font-size:13.5px;
  background:var(--surface);border:1px dashed var(--border);border-radius:10px;
}

/* Encrypted footer */
.wallet-enc-footer{
  background:var(--surface);border:1px solid var(--border);border-radius:10px;
  padding:14px 18px;display:flex;align-items:flex-start;gap:10px;
}
.wallet-enc-footer svg{color:var(--text-faint);flex-shrink:0;margin-top:1px;}
.wallet-enc-footer-text strong{font-size:13px;color:var(--text);display:block;margin-bottom:2px;}
.wallet-enc-footer-text p{font-size:12px;color:var(--text-dim);margin:0;}

/* --- Purchase History View --------------------------------------------- */
.history-page-view{
  min-height:100vh;background:var(--bg);color:var(--text);animation:fade-down .25s var(--ease-out) both;
}
.history-wrap{
  max-width:1200px;margin:0 auto;padding:32px 32px 80px;
}
.history-header{
  display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;
}
.history-top-label{
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#38bdf8;margin-bottom:6px;
}
.history-header h1{
  font-size:32px;font-weight:800;color:var(--text);margin:0 0 6px;font-family:'Space Grotesk',sans-serif;
}
.history-header p{
  font-size:13.5px;color:var(--text-dim);margin:0;
}
.history-stats-grid{
  display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:32px;
}
.history-stat-card{
  background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;
  display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;transition:all .2s ease;
}
.history-stat-card:hover{
  border-color:rgba(255,255,255,0.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.4);
}
.history-stat-icon-wrap{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:16px;margin-bottom:10px;border:1px solid transparent;
}
.history-stat-num{
  font-size:26px;font-weight:800;font-family:'Space Grotesk',sans-serif;color:var(--text);letter-spacing:-0.02em;
}
.history-stat-label{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-top:2px;
}
.history-stat-sub{
  font-size:12px;color:var(--text-dim);margin-top:2px;
}

.history-purchases-section{
  margin-top:24px;
}
.history-purchases-header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;
}
.history-purchases-title-row{
  display:flex;align-items:center;gap:12px;
}
.history-purchases-title-row h2{
  font-size:20px;font-weight:800;color:var(--text);margin:0;font-family:'Space Grotesk',sans-serif;
}
.history-count-badge{
  font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;
  background:var(--surface);border:1px solid var(--border);color:var(--text-dim);
}
.history-filter-sort select{
  background:var(--surface);border:1px solid var(--border);border-radius:8px;
  color:var(--text);padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;outline:none;
}

.history-list{
  display:flex;flex-direction:column;gap:16px;
}
.history-empty-card{
  text-align:center;padding:60px 24px;background:var(--surface);border:1px dashed var(--border);
  border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;
}

.history-item-card{
  background:linear-gradient(180deg, rgba(20,24,36,0.95) 0%, rgba(13,16,24,0.98) 100%);
  border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px 24px;
  box-shadow:0 8px 30px rgba(0,0,0,0.4);transition:all .2s ease;
}
.history-item-card:hover{
  border-color:rgba(56,189,248,0.3);box-shadow:0 12px 36px rgba(0,0,0,0.5), 0 0 20px rgba(56,189,248,0.08);
}
.history-item-top{
  display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:18px;flex-wrap:wrap;gap:12px;
}
.history-item-user-row{
  display:flex;align-items:center;gap:14px;
}
.history-item-avatar{
  width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);
  background:#090c13;display:flex;align-items:center;justify-content:center;
}
.history-item-avatar img{width:100%;height:100%;object-fit:contain;}
.history-item-ign{
  font-size:17px;font-weight:800;color:#fff;letter-spacing:-0.01em;
}
.history-item-meta{
  font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:8px;margin-top:2px;
}
.history-item-badge-delivered{
  display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:20px;background:rgba(52,211,153,0.12);
  color:#34d399;border:1px solid rgba(52,211,153,0.3);box-shadow:0 0 10px rgba(52,211,153,0.2);
}
.history-item-price-tag{
  font-size:18px;font-weight:800;font-family:'Space Grotesk',sans-serif;color:var(--price);
}

.history-creds-container{
  background:rgba(7,9,14,0.7);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:16px 18px;
}
.history-creds-title{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px;
  display:flex;align-items:center;justify-content:space-between;
}
.history-creds-grid{
  display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:12px;
}
.history-cred-field{
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:9px 12px;
  display:flex;flex-direction:column;gap:3px;position:relative;
}
.history-cred-label{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);
}
.history-cred-val-row{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.history-cred-val{
  font-size:13px;font-weight:700;font-family:'JetBrains Mono',monospace;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.history-cred-actions{
  display:flex;align-items:center;gap:4px;flex-shrink:0;
}
.history-cred-btn{
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:6px;
  color:var(--text-dim);padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;
}
.history-cred-btn:hover{
  background:rgba(255,255,255,0.12);color:#fff;border-color:rgba(255,255,255,0.25);
}

.history-item-actions-bottom{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;
}
.history-btn-quick-otp{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  padding:7px 14px;border-radius:8px;background:rgba(56,189,248,0.12);color:#38bdf8;
  border:1px solid rgba(56,189,248,0.3);cursor:pointer;transition:all .15s;
}
.history-btn-quick-otp:hover{
  background:rgba(56,189,248,0.2);color:#fff;border-color:#38bdf8;box-shadow:0 0 12px rgba(56,189,248,0.3);
}
.history-btn-copy-all{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  padding:7px 14px;border-radius:8px;background:rgba(255,255,255,0.06);color:var(--text);
  border:1px solid rgba(255,255,255,0.12);cursor:pointer;transition:all .15s;
}
.history-btn-copy-all:hover{
  background:rgba(255,255,255,0.12);color:#fff;border-color:rgba(255,255,255,0.25);
}

.history-tip-banner{
  margin-top:32px;background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:16px 20px;display:flex;align-items:flex-start;gap:12px;
}
.history-tip-icon svg{color:var(--text-faint);flex-shrink:0;margin-top:2px;}
.history-tip-text strong{font-size:13.5px;color:var(--text);display:block;margin-bottom:3px;}
.history-tip-text span{font-size:12.5px;color:var(--text-dim);line-height:1.5;}

/* --- Terms Modal Cards ----------------------------------------------- */
.terms-content{
  display:flex;flex-direction:column;gap:14px;padding-top:14px;
}
.terms-card{
  background:linear-gradient(135deg, rgba(22, 28, 44, 0.75) 0%, rgba(13, 17, 27, 0.9) 100%);
  border:1px solid rgba(255, 255, 255, 0.08);border-radius:14px;padding:16px 18px;
  display:flex;align-items:flex-start;gap:16px;position:relative;overflow:hidden;
  transition:all .25s var(--ease-out);backdrop-filter:blur(8px);
}
.terms-card:hover{
  transform:translateY(-2px);border-color:rgba(255,255,255,0.18);
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}
.terms-card-badge{
  font-size:13px;font-weight:900;font-family:'Space Grotesk',sans-serif;
  width:38px;height:38px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;letter-spacing:-0.02em;
}
.terms-card-body{
  flex:1;
}
.terms-card-body h4{
  font-size:14.5px;font-weight:800;color:#fff;margin:0 0 5px;letter-spacing:-0.01em;
  font-family:'Space Grotesk',sans-serif;
}
.terms-card-body p{
  font-size:12.5px;color:var(--text-dim);margin:0;line-height:1.55;
}

/* Card color variants */
.terms-card-cyan .terms-card-badge{
  background:rgba(6,182,212,0.15);color:#38bdf8;border:1px solid rgba(56,189,248,0.35);
  box-shadow:0 0 14px rgba(6,182,212,0.2);
}
.terms-card-cyan:hover{border-color:rgba(56,189,248,0.35);box-shadow:0 8px 24px rgba(6,182,212,0.1);}

.terms-card-rose .terms-card-badge{
  background:rgba(244,63,94,0.15);color:#fb7185;border:1px solid rgba(251,113,133,0.35);
  box-shadow:0 0 14px rgba(244,63,94,0.2);
}
.terms-card-rose:hover{border-color:rgba(251,113,133,0.35);box-shadow:0 8px 24px rgba(244,63,94,0.1);}

.terms-card-amber .terms-card-badge{
  background:rgba(245,158,11,0.15);color:#fbbf24;border:1px solid rgba(251,191,36,0.35);
  box-shadow:0 0 14px rgba(245,158,11,0.2);
}
.terms-card-amber:hover{border-color:rgba(251,191,36,0.35);box-shadow:0 8px 24px rgba(245,158,11,0.1);}

.terms-card-purple .terms-card-badge{
  background:rgba(168,85,247,0.15);color:#c084fc;border:1px solid rgba(192,132,252,0.35);
  box-shadow:0 0 14px rgba(168,85,247,0.2);
}
.terms-card-purple:hover{border-color:rgba(192,132,252,0.35);box-shadow:0 8px 24px rgba(168,85,247,0.1);}

.terms-card-emerald .terms-card-badge{
  background:rgba(16,185,129,0.15);color:#34d399;border:1px solid rgba(52,211,153,0.35);
  box-shadow:0 0 14px rgba(16,185,129,0.2);
}
.terms-card-emerald:hover{border-color:rgba(52,211,153,0.35);box-shadow:0 8px 24px rgba(16,185,129,0.1);}

.terms-card-sky .terms-card-badge{
  background:rgba(14,165,233,0.15);color:#38bdf8;border:1px solid rgba(56,189,248,0.35);
  box-shadow:0 0 14px rgba(14,165,233,0.2);
}
.terms-card-sky:hover{border-color:rgba(56,189,248,0.35);box-shadow:0 8px 24px rgba(14,165,233,0.1);}

/* Responsive */
@media(max-width:768px){
  .seller-stats-row{grid-template-columns:repeat(2,1fr);}
  .wallet-balance-row{grid-template-columns:repeat(2,1fr);}
  .wallet-main-cols{grid-template-columns:1fr;}
  .seller-dash-wrap,.wallet-wrap,.history-wrap{padding:24px 16px;}
  .seller-dash-topbar,.wallet-topbar{padding:16px;}
  .seller-dash-header,.wallet-header,.history-header{flex-direction:column;gap:14px;}
  .history-stats-grid{grid-template-columns:repeat(2,1fr);}
  .history-creds-grid{grid-template-columns:1fr;}
  .terms-card{flex-direction:column;gap:10px;}
}