#yzsaAccountPanel,
    #yzsaAccountPanel *{
      box-sizing:border-box !important;
      font-family:Arial, Helvetica, sans-serif !important;
    }

    #yzsaAccountPanel{
      --blue:#0b63ff;
      --blue2:#16a0ff;
      --navy:#071c36;
      --text:#12263f;
      --muted:#64748b;
      --line:#dfe8f4;
      max-width:1420px;
      margin:0 auto;
      padding:26px 16px 46px;
      color:var(--text);
    }

    #yzsaAccountPanel .yzsa-hero{
      position:relative;
      overflow:hidden;
      border-radius:32px;
      background:
        radial-gradient(circle at 15% 20%, rgba(56,163,255,.22), transparent 30%),
        radial-gradient(circle at 85% 0%, rgba(124,216,255,.18), transparent 25%),
        linear-gradient(135deg,#06172c 0%,#0a2750 48%,#114982 100%);
      color:#fff;
      padding:34px;
      box-shadow:0 25px 60px rgba(9,31,60,.18);
    }

    #yzsaAccountPanel .yzsa-hero:before,
    #yzsaAccountPanel .yzsa-dashboard-shell:before{
      content:"";
      position:absolute;
      inset:0;
      opacity:.11;
      background-image:
        linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px);
      background-size:34px 34px;
      pointer-events:none;
    }

    #yzsaAccountPanel .yzsa-hero-inner{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:24px;
      align-items:center;
    }

    #yzsaAccountPanel .yzsa-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 16px;
      border-radius:999px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.14);
      font-size:13px;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:#fff;
    }

    #yzsaAccountPanel .yzsa-badge-dot{
      width:10px;
      height:10px;
      border-radius:999px;
      background:#3be38b;
      box-shadow:0 0 0 6px rgba(59,227,139,.16);
    }

    #yzsaAccountPanel .yzsa-user-strip{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
      align-items:center;
    }

    #yzsaAccountPanel .yzsa-user-pill,
    #yzsaAccountPanel .yzsa-logout-pill{
      display:inline-flex;
      padding:10px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.12);
      color:#fff;
      text-decoration:none;
      font-weight:900;
      font-size:13px;
    }

    #yzsaAccountPanel .yzsa-logout-pill{
      background:rgba(255,255,255,.16);
    }

    #yzsaAccountPanel .yzsa-hero h1{
      margin:18px 0 12px;
      font-size:48px;
      line-height:1.05;
      letter-spacing:-.04em;
      font-weight:950;
      color:#fff;
    }

    #yzsaAccountPanel .yzsa-hero h1 span{
      color:#7ed0ff;
    }

    #yzsaAccountPanel .yzsa-hero p{
      max-width:740px;
      margin:0;
      font-size:18px;
      line-height:1.65;
      color:rgba(255,255,255,.88);
      font-weight:700;
    }

    #yzsaAccountPanel .yzsa-hero-stats{
      display:grid;
      gap:14px;
    }

    #yzsaAccountPanel .yzsa-stat-mini{
      border-radius:22px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.13);
      padding:18px;
    }

    #yzsaAccountPanel .yzsa-stat-mini strong{
      display:block;
      color:#fff;
      font-size:28px;
      font-weight:950;
      margin-bottom:6px;
    }

    #yzsaAccountPanel .yzsa-stat-mini span{
      color:rgba(255,255,255,.83);
      font-size:14px;
      line-height:1.5;
      font-weight:750;
    }

    #yzsaAccountPanel .yzsa-section-top{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:20px;
      margin:36px 0 18px;
    }

    #yzsaAccountPanel .yzsa-section-top h2{
      margin:0 0 6px;
      font-size:30px;
      line-height:1.2;
      color:#101827;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-section-top p{
      margin:0;
      color:#637796;
      font-size:15px;
      line-height:1.6;
      font-weight:700;
    }

    #yzsaAccountPanel .yzsa-channel-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:14px;
      margin-bottom:28px;
    }

    #yzsaAccountPanel .yzsa-channel-card{
      position:relative;
      overflow:hidden;
      min-height:285px;
      border-radius:26px;
      border:1px solid #e3ebf6;
      padding:28px 22px 24px;
      background:
        radial-gradient(circle at 100% 0, rgba(11,99,255,.09), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f7f9fd 100%);
      box-shadow:0 12px 28px rgba(14,35,67,.06);
      transition:.22s ease;
    }

    #yzsaAccountPanel .yzsa-channel-card.is-active{
      border-color:#72b5ff;
      box-shadow:0 24px 44px rgba(11,99,255,.16);
    }

    #yzsaAccountPanel .yzsa-channel-card.is-disabled{
      opacity:.72;
      filter:saturate(.7);
    }

    #yzsaAccountPanel .yzsa-channel-card.is-active:hover{
      transform:translateY(-4px);
    }

    #yzsaAccountPanel .yzsa-status{
      position:absolute;
      top:16px;
      right:16px;
      z-index:3;
      min-height:28px;
      padding:7px 12px;
      border-radius:999px;
      font-size:11px;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-status-active{
      background:#e8fff3;
      color:#0b9d59;
    }

    #yzsaAccountPanel .yzsa-status-soon{
      background:#eef4fd;
      color:#0b63ff;
    }

    #yzsaAccountPanel .yzsa-status-noauth{
      background:#fff1f1;
      color:#b42318;
    }

    #yzsaAccountPanel .yzsa-channel-icon{
      width:74px;
      height:74px;
      border-radius:24px;
      margin-bottom:28px;
      background:
        radial-gradient(circle at 25% 20%, rgba(255,255,255,.28), transparent 28%),
        linear-gradient(180deg,#175493 0%,#08244d 100%);
      box-shadow:0 20px 38px rgba(8,34,71,.24);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-weight:950;
      font-size:20px;
    }

    #yzsaAccountPanel .yzsa-channel-card h3{
      margin:0 0 12px;
      color:#101827;
      font-size:21px;
      line-height:1.25;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-channel-card p{
      margin:0 0 20px;
      color:#5f728c;
      font-size:15px;
      line-height:1.6;
      font-weight:750;
    }

    #yzsaAccountPanel .yzsa-card-btn{
      width:100%;
      height:48px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      line-height:1.1;
      padding-top:2px;
      border-radius:16px;
      border:none;
      cursor:pointer;
      font-size:15px;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-card-btn-active{
      background:linear-gradient(135deg,#0b63ff,#16a0ff);
      color:#fff;
      box-shadow:0 12px 26px rgba(11,99,255,.22);
    }

    #yzsaAccountPanel .yzsa-card-btn-disabled{
      background:#edf4ff;
      color:#0b63ff;
      cursor:not-allowed;
    }

    #yzsaAccountPanel .yzsa-dashboard-shell{
      display:none;
      position:relative;
      overflow:hidden;
      border-radius:32px;
      background:
        radial-gradient(circle at 18% 20%, rgba(53,151,255,.20), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(87,202,255,.13), transparent 30%),
        linear-gradient(135deg,#071b33 0%,#0d2b55 48%,#123f78 100%);
      padding:22px;
      box-shadow:0 25px 60px rgba(9,31,60,.14);
    }

    #yzsaAccountPanel .yzsa-dashboard-shell.show{
      display:block;
    }

    #yzsaAccountPanel .yzsa-dashboard-layout{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:280px minmax(0,1fr);
      gap:18px;
      align-items:stretch;
    }

    #yzsaAccountPanel .yzsa-sidebar{
      border-radius:26px;
      padding:20px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.14);
      color:#fff;
    }

    #yzsaAccountPanel .yzsa-sidebar-title{
      padding:10px 8px 18px;
      border-bottom:1px solid rgba(255,255,255,.12);
      margin-bottom:14px;
    }

    #yzsaAccountPanel .yzsa-sidebar-title strong{
      display:block;
      color:#fff;
      font-size:20px;
      line-height:1.2;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-sidebar-title span{
      display:inline-flex;
      margin-top:10px;
      padding:7px 10px;
      border-radius:999px;
      background:rgba(59,227,139,.16);
      color:#9effc7;
      font-size:12px;
      font-weight:900;
    }

    #yzsaAccountPanel .yzsa-menu{
      display:grid;
      gap:8px;
    }

    #yzsaAccountPanel .yzsa-menu button{
      width:100%;
      min-height:44px;
      border:none;
      border-radius:15px;
      padding:10px 12px;
      text-align:left;
      background:transparent;
      color:rgba(255,255,255,.82);
      cursor:pointer;
      font-size:14px;
      font-weight:850;
    }

    #yzsaAccountPanel .yzsa-menu button.active,
    #yzsaAccountPanel .yzsa-menu button:hover{
      background:rgba(255,255,255,.12);
      color:#fff;
    }

    #yzsaAccountPanel .yzsa-content{
      min-height:720px;
      border-radius:26px;
      background:#fff;
      overflow:hidden;
    }

    #yzsaAccountPanel .yzsa-content-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:24px;
      border-bottom:1px solid var(--line);
    }

    #yzsaAccountPanel .yzsa-content-head h2{
      margin:0 0 6px;
      font-size:26px;
      color:#101827;
      line-height:1.2;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-content-head p{
      margin:0;
      color:#64748b;
      font-size:14px;
      line-height:1.5;
      font-weight:700;
    }

    #yzsaAccountPanel .yzsa-head-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:10px 16px;
      border-radius:999px;
      background:#e8fff3;
      color:#0b9d59;
      font-size:13px;
      font-weight:950;
      white-space:nowrap;
    }

    #yzsaAccountPanel .yzsa-content-body{
      padding:24px;
      background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    }

    #yzsaAccountPanel .yzsa-tab{
      display:none;
    }

    #yzsaAccountPanel .yzsa-tab.active{
      display:block;
    }

    #yzsaAccountPanel .yzsa-kpi-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
      margin-bottom:18px;
    }

    #yzsaAccountPanel .yzsa-kpi{
      border-radius:22px;
      border:1px solid #e3ebf6;
      background:#fff;
      padding:20px;
      box-shadow:0 10px 24px rgba(14,35,67,.05);
    }

    #yzsaAccountPanel .yzsa-kpi span{
      display:block;
      color:#64748b;
      font-size:13px;
      font-weight:850;
      margin-bottom:10px;
    }

    #yzsaAccountPanel .yzsa-kpi strong{
      display:block;
      color:#101827;
      font-size:32px;
      line-height:1;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-panel-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }

    #yzsaAccountPanel .yzsa-box{
      border-radius:22px;
      border:1px solid #e3ebf6;
      background:#fff;
      padding:20px;
      box-shadow:0 10px 24px rgba(14,35,67,.05);
    }

    #yzsaAccountPanel .yzsa-box h3{
      margin:0 0 12px;
      color:#101827;
      font-size:19px;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-empty{
      padding:22px;
      border-radius:18px;
      background:#f4f8fd;
      color:#64748b;
      line-height:1.6;
      font-size:14px;
      font-weight:750;
    }

    #yzsaAccountPanel .yzsa-list{
      display:grid;
      gap:10px;
    }

    #yzsaAccountPanel .yzsa-list-item{
      padding:14px;
      border-radius:16px;
      background:#f8fbff;
      border:1px solid #e3ebf6;
    }

    #yzsaAccountPanel .yzsa-list-item strong{
      display:block;
      color:#101827;
      font-size:15px;
      font-weight:950;
      margin-bottom:5px;
    }

    #yzsaAccountPanel .yzsa-list-item span{
      display:block;
      color:#64748b;
      font-size:13px;
      line-height:1.5;
      font-weight:700;
    }

    #yzsaAccountPanel .yzsa-save-btn{
      margin-top:14px;
      min-height:50px;
      border:none;
      border-radius:16px;
      padding:2px 18px 0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      line-height:1.1;
      text-decoration:none;
      background:linear-gradient(135deg,#0b63ff,#16a0ff);
      color:#fff;
      font-size:15px;
      font-weight:950;
      cursor:pointer;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap{
      width:100%;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-panel,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-panel *{
      box-sizing:border-box !important;
      font-family:Arial, Helvetica, sans-serif !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-buttons,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-buttons,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-tabs{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:12px !important;
      margin:16px 0 22px !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-buttons a,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-buttons a,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-tabs a,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-btn{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:46px !important;
      padding:11px 18px !important;
      border-radius:15px !important;
      text-decoration:none !important;
      font-size:14px !important;
      font-weight:950 !important;
      background:#eef5ff !important;
      color:#0b63ff !important;
      border:1px solid #dbe7f5 !important;
      box-shadow:none !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-buttons a.active,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-buttons a.active,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-tabs a.active{
      background:linear-gradient(135deg,#0b63ff,#16a0ff) !important;
      color:#fff !important;
      border-color:transparent !important;
      box-shadow:0 12px 26px rgba(11,99,255,.22) !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-buttons a.export,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-buttons a.export,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-btn{
      background:#071c36 !important;
      color:#fff !important;
      border-color:#071c36 !important;
      box-shadow:0 12px 26px rgba(7,28,54,.16) !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-grid,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-kpi-grid{
      display:grid !important;
      grid-template-columns:repeat(4,1fr) !important;
      gap:14px !important;
      margin:0 0 18px !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-card,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-card{
      border:1px solid #dbe7f5 !important;
      background:#fff !important;
      border-radius:18px !important;
      padding:18px !important;
      box-shadow:0 8px 20px rgba(14,35,67,.04) !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-ai-fixed-note{
      background:#eef5ff !important;
      border:1px solid #dbe7f5 !important;
      border-radius:18px !important;
      padding:18px !important;
      color:#193657 !important;
      line-height:1.7 !important;
      font-size:14px !important;
      font-weight:800 !important;
      margin-bottom:18px !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-panel{
      border:none !important;
      box-shadow:none !important;
      padding:0 !important;
      background:transparent !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-tabs{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:10px !important;
      margin:16px 0 22px !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-tabs a,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-btn{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:44px !important;
      padding:10px 16px !important;
      border-radius:14px !important;
      text-decoration:none !important;
      font-weight:950 !important;
      background:#eef5ff !important;
      color:#0b63ff !important;
      border:1px solid #dbe7f5 !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-real-tabs a.active,
    #yzsaAccountPanel .yzsa-shortcode-wrap .yzsa-export-btn{
      background:linear-gradient(135deg,#0b63ff,#16a0ff) !important;
      color:#fff !important;
      border-color:transparent !important;
      box-shadow:0 10px 22px rgba(11,99,255,.18) !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap table{
      width:100% !important;
      border-collapse:collapse !important;
      margin-top:14px !important;
      background:#fff !important;
      border-radius:14px !important;
      overflow:hidden !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap th,
    #yzsaAccountPanel .yzsa-shortcode-wrap td{
      border:1px solid #dbe7f5 !important;
      padding:10px !important;
      text-align:left !important;
      font-size:13px !important;
      color:#12263f !important;
      vertical-align:top !important;
    }

    #yzsaAccountPanel .yzsa-shortcode-wrap th{
      background:#eef5ff !important;
      font-weight:950 !important;
    }

    #yzsaAccountPanel .yzsa-quota-dashboard-card{
      position:relative;
      overflow:hidden;
      border-radius:24px;
      border:1px solid #dbe7f5;
      background:
        radial-gradient(circle at 100% 0, rgba(11,99,255,.10), transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
      padding:22px;
      margin:0 0 18px;
      box-shadow:0 14px 30px rgba(14,35,67,.07);
    }



    #yzsaAccountPanel .yzsa-quota-channel-wrap{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin-top:16px;
    }

    #yzsaAccountPanel .yzsa-quota-channel-card{
      position:relative;
      overflow:hidden;
      border-radius:22px;
      border:1px solid #dbe7f5;
      background:
        radial-gradient(circle at 100% 0, rgba(11,99,255,.09), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f9fcff 100%);
      padding:18px;
      box-shadow:0 10px 24px rgba(14,35,67,.055);
    }

    #yzsaAccountPanel .yzsa-quota-channel-card:before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:5px;
      background:linear-gradient(180deg,#0b63ff,#16a0ff);
    }
    #yzsaAccountPanel .yzsa-quota-dashboard-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      margin-bottom:18px;
    }

    #yzsaAccountPanel .yzsa-quota-dashboard-top h3{
      margin:0 0 6px;
      color:#101827;
      font-size:21px;
      line-height:1.2;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-quota-dashboard-top p{
      margin:0;
      color:#64748b;
      font-size:14px;
      line-height:1.5;
      font-weight:750;
    }

    #yzsaAccountPanel .yzsa-quota-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:38px;
      padding:9px 14px;
      border-radius:999px;
      font-size:13px;
      font-weight:950;
      white-space:nowrap;
      background:#e8fff3;
      color:#0b9d59;
    }

    #yzsaAccountPanel .yzsa-quota-pill.danger{
      background:#fff1f1;
      color:#b42318;
    }

    #yzsaAccountPanel .yzsa-quota-dashboard-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
      margin-bottom:16px;
    }

    #yzsaAccountPanel .yzsa-quota-mini{
      border-radius:18px;
      border:1px solid #e3ebf6;
      background:#fff;
      padding:16px;
      box-shadow:0 8px 18px rgba(14,35,67,.04);
    }

    #yzsaAccountPanel .yzsa-quota-mini span{
      display:block;
      color:#64748b;
      font-size:12px;
      font-weight:900;
      letter-spacing:.02em;
      margin-bottom:8px;
    }

    #yzsaAccountPanel .yzsa-quota-mini strong{
      display:block;
      color:#101827;
      font-size:26px;
      line-height:1;
      font-weight:950;
    }

    #yzsaAccountPanel .yzsa-quota-progress{
      height:12px;
      border-radius:999px;
      overflow:hidden;
      background:#eaf2fb;
      border:1px solid #dbe7f5;
      margin:8px 0 12px;
    }

    #yzsaAccountPanel .yzsa-quota-progress span{
      display:block;
      height:100%;
      width:0;
      border-radius:999px;
      background:linear-gradient(135deg,#0b63ff,#16a0ff);
    }

    #yzsaAccountPanel .yzsa-quota-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      color:#64748b;
      font-size:13px;
      line-height:1.5;
      font-weight:800;
    }

    #yzsaAccountPanel .yzsa-quota-meta b{
      color:#10233f;
    }



    #yzsaAccountPanel .yzsa-data-table-wrap{
      width:100%;
      overflow:auto;
      border-radius:18px;
      border:1px solid #dbe7f5;
      background:#fff;
    }

    #yzsaAccountPanel .yzsa-data-table{
      width:100%;
      border-collapse:collapse;
      min-width:820px;
    }

    #yzsaAccountPanel .yzsa-data-table th,
    #yzsaAccountPanel .yzsa-data-table td{
      padding:12px 12px;
      border-bottom:1px solid #e6eef8;
      text-align:left;
      vertical-align:top;
      color:#12263f;
      font-size:13px;
      line-height:1.45;
      font-weight:750;
    }

    #yzsaAccountPanel .yzsa-data-table th{
      background:#eef5ff;
      color:#193657;
      font-weight:950;
      white-space:nowrap;
    }

    #yzsaAccountPanel .yzsa-status-chip{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:26px;
      padding:6px 9px;
      border-radius:999px;
      background:#e8fff3;
      color:#0b9d59;
      font-size:11px;
      font-weight:950;
      white-space:nowrap;
    }

    #yzsaAccountPanel .yzsa-status-chip.warn{
      background:#fff7e6;
      color:#a15c00;
    }

    #yzsaAccountPanel .yzsa-status-chip.danger{
      background:#fff1f1;
      color:#b42318;
    }

    #yzsaAccountPanel .yzsa-whatsapp-shell .yzsa-sidebar-title span{
      background:rgba(37,211,102,.17);
      color:#9effc7;
    }



    #yzsaAccountPanel .yzsa-data-table-wrap{overflow:auto;border-radius:18px;border:1px solid #dbe7f5;background:#fff;}
    #yzsaAccountPanel .yzsa-data-table{width:100%;border-collapse:collapse;background:#fff;min-width:820px;}
    #yzsaAccountPanel .yzsa-data-table th,#yzsaAccountPanel .yzsa-data-table td{padding:12px 12px;border-bottom:1px solid #e6eef8;text-align:left;vertical-align:top;font-size:13px;line-height:1.45;color:#12263f;font-weight:750;}
    #yzsaAccountPanel .yzsa-data-table th{background:#eef5ff;font-weight:950;color:#10233f;white-space:nowrap;}
    #yzsaAccountPanel .yzsa-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:6px 9px;border-radius:999px;background:#e8fff3;color:#0b9d59;font-size:11px;font-weight:950;white-space:nowrap;}
    #yzsaAccountPanel .yzsa-status-chip.warn{background:#fff7e8;color:#b45309;}
    #yzsaAccountPanel .yzsa-status-chip.danger{background:#fff1f1;color:#b42318;}

    /* WhatsApp paneli Instagram DM paneliyle aynı layout, ölçü, boşluk ve component standardını kullanır. */
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-dashboard-layout,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-dashboard-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:stretch;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-sidebar,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-sidebar{border-radius:26px;padding:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#fff;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-sidebar-title,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-sidebar-title{padding:10px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-sidebar-title strong,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-sidebar-title strong{display:block;color:#fff;font-size:20px;line-height:1.2;font-weight:950;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-sidebar-title span,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-sidebar-title span{display:inline-flex;margin-top:10px;padding:7px 10px;border-radius:999px;background:rgba(59,227,139,.16);color:#9effc7;font-size:12px;font-weight:900;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-menu,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-menu{display:grid;gap:8px;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-menu button,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-menu button{width:100%;min-height:44px;border:none;border-radius:15px;padding:10px 12px;text-align:left;background:transparent;color:rgba(255,255,255,.82);cursor:pointer;font-size:14px;font-weight:850;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-menu button.active,
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-menu button:hover,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-menu button.active,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-menu button:hover{background:rgba(255,255,255,.12);color:#fff;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-content,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-content{min-height:720px;border-radius:26px;background:#fff;overflow:hidden;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-content-head,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-content-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--line);}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-content-body,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-content-body{padding:24px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-kpi-grid,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;}
    #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-panel-grid,
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-panel-grid{grid-template-columns:1fr 1fr;gap:16px;}
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-tab{display:none;}
    #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-tab.active{display:block;}

    @media(max-width:1200px){
      #yzsaAccountPanel .yzsa-channel-grid{grid-template-columns:repeat(3,1fr)}
      #yzsaAccountPanel .yzsa-dashboard-layout,
      #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-dashboard-layout,
      #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-dashboard-layout{grid-template-columns:1fr}
      #yzsaAccountPanel .yzsa-kpi-grid,
      #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-kpi-grid,
      #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-kpi-grid{grid-template-columns:repeat(2,1fr)}
      #yzsaAccountPanel .yzsa-quota-dashboard-grid{grid-template-columns:repeat(2,1fr)}
      #yzsaAccountPanel .yzsa-hero-inner{grid-template-columns:1fr}
    }

    @media(max-width:768px){
      #yzsaAccountPanel .yzsa-quota-channel-wrap{grid-template-columns:1fr !important;}
      #yzsaAccountPanel .yzsa-hero h1{font-size:36px}
      #yzsaAccountPanel .yzsa-channel-grid{grid-template-columns:1fr}
      #yzsaAccountPanel .yzsa-section-top{display:block}
      #yzsaAccountPanel .yzsa-kpi-grid,
      #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-kpi-grid,
      #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-kpi-grid{grid-template-columns:1fr}
      #yzsaAccountPanel .yzsa-quota-dashboard-grid{grid-template-columns:1fr}
      #yzsaAccountPanel .yzsa-quota-dashboard-top{display:block}
      #yzsaAccountPanel .yzsa-quota-pill{margin-top:12px}
      #yzsaAccountPanel .yzsa-panel-grid,
      #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-panel-grid,
      #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-panel-grid{grid-template-columns:1fr}
      #yzsaAccountPanel .yzsa-content-head,
      #yzsaAccountPanel #yzsaInstagramDashboard .yzsa-content-head,
      #yzsaAccountPanel #yzsaWhatsAppDashboard .yzsa-content-head{display:block}
      #yzsaAccountPanel .yzsa-head-pill{margin-top:12px}
    }
  

/* Agency Suite: tüm kanal panelleri için ortak ve birebir görünüm */
#yzsaAccountPanel [data-channel-dashboard] .yzsa-dashboard-layout{grid-template-columns:280px minmax(0,1fr);}
#yzsaAccountPanel [data-channel-dashboard] .yzsa-tab{display:none;}
#yzsaAccountPanel [data-channel-dashboard] .yzsa-tab.active{display:block;}
#yzsaAccountPanel .yzsa-table-wrap{overflow:auto;width:100%;}
#yzsaAccountPanel .yzsa-table-wrap table{width:100%;min-width:850px;border-collapse:collapse;background:#fff;}
#yzsaAccountPanel .yzsa-table-wrap th,#yzsaAccountPanel .yzsa-table-wrap td{padding:12px;border:1px solid #dfe8f4;text-align:left;vertical-align:top;font-size:13px;color:#12263f;}
#yzsaAccountPanel .yzsa-table-wrap th{background:#eef5ff;font-weight:950;}
#yzsaAccountPanel .yzsa-quota-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
#yzsaAccountPanel .yzsa-progress{height:9px;background:#e7eef8;border-radius:999px;overflow:hidden;margin:14px 0 8px;}
#yzsaAccountPanel .yzsa-progress span{display:block;height:100%;background:linear-gradient(135deg,#0b63ff,#16a0ff);border-radius:999px;}
#yzsaAccountPanel .yzsa-quota-dashboard-card small{display:block;color:#64748b;font-weight:750;}
#yzsaAccountPanel .yzsa-export-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
#yzsaAccountPanel .yzsa-inline-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:16px;}
#yzsaAccountPanel .yzsa-dark-btn{background:#071c36!important;}
#yzsaAccountPanel .yzsa-summary-text{padding:20px;border-radius:18px;background:#f4f8fd;border:1px solid #dfe8f4;line-height:1.8;color:#193657;font-weight:700;}
#yzsaAccountPanel .yzsa-training-form label{display:block;color:#12263f;font-size:13px;font-weight:850;margin:0 0 14px;}
#yzsaAccountPanel .yzsa-training-form input,#yzsaAccountPanel .yzsa-training-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d5e0ee;border-radius:14px;padding:12px 14px;background:#fff;color:#12263f;font:inherit;}
#yzsaAccountPanel .yzsa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
#yzsaAccountPanel.yzsa-suite-login-wrap{width:100%;max-width:760px;margin:44px auto;padding:20px;}
#yzsaAccountPanel.yzsa-suite-login-wrap{padding:20px;}
#yzsaAccountPanel .yzsa-suite-login-card{border-radius:32px;background:radial-gradient(circle at 15% 20%,rgba(56,163,255,.22),transparent 30%),linear-gradient(135deg,#06172c,#0a2750 48%,#114982);padding:38px;color:#fff;box-shadow:0 25px 60px rgba(9,31,60,.22);}
#yzsaAccountPanel .yzsa-suite-login-card h1{font-size:44px;line-height:1.05;margin:22px 0 12px;color:#fff;letter-spacing:-.04em;}
#yzsaAccountPanel .yzsa-suite-login-card h1 span{color:#7ed0ff;}
#yzsaAccountPanel .yzsa-suite-login-card p{color:rgba(255,255,255,.86);line-height:1.6;font-weight:700;}
#yzsaAccountPanel .yzsa-suite-login-card label{display:block;margin-top:15px;color:#fff;font-weight:850;}
#yzsaAccountPanel .yzsa-suite-login-card input{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;border-radius:15px;padding:14px;outline:none;}
#yzsaAccountPanel .yzsa-suite-login-card .yzsa-save-btn{width:100%;margin-top:20px;}
#yzsaAccountPanel .yzsa-alert-error{padding:12px 14px;border-radius:14px;background:#fff1f1;color:#b42318;font-weight:850;margin:15px 0;}
@media(max-width:1200px){#yzsaAccountPanel [data-channel-dashboard] .yzsa-dashboard-layout{grid-template-columns:1fr;}}
@media(max-width:768px){#yzsaAccountPanel .yzsa-form-grid,#yzsaAccountPanel .yzsa-quota-dashboard-grid{grid-template-columns:1fr;}#yzsaAccountPanel .yzsa-suite-login-card{padding:24px;}#yzsaAccountPanel .yzsa-suite-login-card h1{font-size:34px;}}

#yzsaAccountPanel .yzsa-suite-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}


/* Agency Suite 2.3 - core AI controls, combined reports and compact desktop login */
#yzsaAccountPanel.yzsa-suite-login-wrap{width:100%!important;max-width:760px!important;margin:44px auto!important;padding:20px!important;}
#yzsaAccountPanel.yzsa-suite-login-wrap .yzsa-suite-login-card{width:100%;}
#yzsaAccountPanel .yzsa-intelligence-card{border-radius:24px;border:1px solid #dbe7f5;background:radial-gradient(circle at 100% 0,rgba(11,99,255,.10),transparent 30%),linear-gradient(180deg,#fff 0%,#f7fbff 100%);padding:22px;margin:0 0 18px;box-shadow:0 14px 30px rgba(14,35,67,.07);}
#yzsaAccountPanel .yzsa-intelligence-grid{margin-bottom:0;}
#yzsaAccountPanel .yzsa-reports-stack{display:grid;gap:18px;}
#yzsaAccountPanel .yzsa-report-card{margin:0;}
#yzsaAccountPanel .yzsa-report-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
#yzsaAccountPanel .yzsa-report-title-row h3{margin:0 0 6px;}
#yzsaAccountPanel .yzsa-report-title-row p{margin:0;color:#64748b;font-weight:700;line-height:1.5;}
#yzsaAccountPanel .yzsa-report-secondary{margin-top:14px;margin-bottom:0;}
#yzsaAccountPanel .yzsa-summary-periods{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;}
#yzsaAccountPanel .yzsa-summary-periods form{margin:0;}
#yzsaAccountPanel .yzsa-summary-periods .yzsa-save-btn{margin:0;}
#yzsaAccountPanel .yzsa-summary-periods .is-selected{box-shadow:0 0 0 4px rgba(11,99,255,.13);}
#yzsaAccountPanel .yzsa-summary-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;}
#yzsaAccountPanel .yzsa-summary-meta span{padding:8px 12px;border-radius:999px;background:#eef5ff;color:#315782;font-size:12px;font-weight:900;}
#yzsaAccountPanel .yzsa-summary-section{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #dfe8f4;}
#yzsaAccountPanel .yzsa-summary-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
#yzsaAccountPanel .yzsa-summary-section h4{margin:0 0 8px;color:#0b2545;font-size:16px;}
#yzsaAccountPanel .yzsa-summary-section p,#yzsaAccountPanel .yzsa-summary-section ul{margin:0;color:#193657;line-height:1.75;}
#yzsaAccountPanel .yzsa-summary-section ul{padding-left:20px;}
#yzsaAccountPanel .yzsa-ai-state{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:950;white-space:nowrap;}
#yzsaAccountPanel .yzsa-ai-state.is-on{background:#e8fff3;color:#0b9d59;}
#yzsaAccountPanel .yzsa-ai-state.is-off{background:#fff1f1;color:#b42318;}
#yzsaAccountPanel .yzsa-ai-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;}
#yzsaAccountPanel .yzsa-ai-switch-card{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #dbe7f5;border-radius:18px;background:#f8fbff;margin:0!important;}
#yzsaAccountPanel .yzsa-ai-switch-card strong{display:block;color:#101827;font-size:15px;margin-bottom:6px;}
#yzsaAccountPanel .yzsa-ai-switch-card small{display:block;color:#64748b;line-height:1.55;font-weight:700;}
#yzsaAccountPanel .yzsa-switch{position:relative;display:block;flex:0 0 56px;width:56px;height:30px;}
#yzsaAccountPanel .yzsa-switch input{position:absolute;opacity:0;pointer-events:none;}
#yzsaAccountPanel .yzsa-switch i{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:.2s;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);}
#yzsaAccountPanel .yzsa-switch i:after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(15,23,42,.2);transition:.2s;}
#yzsaAccountPanel .yzsa-switch input:checked+i{background:linear-gradient(135deg,#0b63ff,#16a0ff);}
#yzsaAccountPanel .yzsa-switch input:checked+i:after{transform:translateX(26px);}
#yzsaAccountPanel .yzsa-ai-last-change{margin-top:18px;padding:14px 16px;border-radius:16px;background:#eef5ff;color:#315782;font-size:13px;line-height:1.6;}
#yzsaAccountPanel .yzsa-history-title{margin-top:24px!important;}
#yzsaAccountPanel .yzsa-export-matrix{display:grid;gap:12px;margin-top:18px;}
#yzsaAccountPanel .yzsa-export-row{display:grid;grid-template-columns:minmax(130px,1fr) auto auto;gap:10px;align-items:center;padding:14px;border:1px solid #dbe7f5;border-radius:16px;background:#f8fbff;}
#yzsaAccountPanel .yzsa-export-row .yzsa-save-btn{margin:0;min-height:42px;}
#yzsaAccountPanel .yzsa-opportunity-item{border-left:4px solid #0b63ff;}
@media(max-width:900px){#yzsaAccountPanel .yzsa-ai-switch-grid{grid-template-columns:1fr;}#yzsaAccountPanel .yzsa-report-title-row{display:block;}#yzsaAccountPanel .yzsa-report-title-row .yzsa-export-actions{margin-top:12px;}#yzsaAccountPanel .yzsa-export-row{grid-template-columns:1fr;}#yzsaAccountPanel.yzsa-suite-login-wrap{max-width:100%!important;margin:20px auto!important;}}


/* Agency Suite 2.4 - user quotas, benefit-led AI summaries and compact controls */
@media(min-width:901px){#yzsaAccountPanel.yzsa-suite-login-wrap{max-width:760px!important;}#yzsaAccountPanel .yzsa-suite-login-card{padding:34px!important;}}
#yzsaAccountPanel .yzsa-save-btn,#yzsaAccountPanel .yzsa-card-btn{box-sizing:border-box;}