@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap');
  :root{--q-accent:#f5c800;--s-yellow:#f5c800;--s-green:#3aad6e;--s-blue:#4a9fd4;--s-red:#e05555;}
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;min-height:100vh;background:#000;}
  body{width:100vw;min-height:100vh;overflow-x:hidden;}
  .bb{font-family:'Barlow',sans-serif;background:#000;border-radius:0;overflow:hidden;width:100vw;min-height:100vh;}
  .bb-head{display:flex;align-items:center;justify-content:space-between;padding:0 22px;height:58px;background:#0a0a0a;border-bottom:3px solid var(--q-accent);}
  .bb-head-right{display:flex;align-items:center;gap:10px;}
  .bb-clock{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:0.02em;line-height:1;}
  .hdr-info{display:flex;align-items:center;gap:12px;padding-left:14px;border-left:1px solid rgba(255,255,255,0.12);margin-left:4px;}
  .hdr-weather{display:flex;align-items:center;gap:8px;}
  .hdr-weather-icon{font-size:22px;line-height:1;}
  .hdr-weather-text{display:flex;flex-direction:column;gap:1px;}
  .hdr-weather-temp{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:rgba(255,255,255,0.92);line-height:1;}
  .hdr-weather-desc{font-size:10px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.08em;line-height:1;}
  .hdr-divider{width:1px;height:28px;background:rgba(255,255,255,0.1);}
  .hdr-clock-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
  .hdr-date{font-size:11px;color:rgba(255,255,255,0.45);font-weight:500;white-space:nowrap;line-height:1;}
  .live-dot{font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--q-accent);opacity:0.9;}
  .hd-btn{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.3);color:#fff;border-radius:6px;padding:6px 13px;cursor:pointer;font-family:'Barlow',sans-serif;transition:all 0.2s;}
  .hd-btn:hover{background:rgba(255,255,255,0.22);}
  .hd-btn.active{background:var(--q-accent);border-color:var(--q-accent);color:#000;}
  .prog-wrap{height:3px;background:rgba(255,255,255,0.05);}
  .prog-fill{height:100%;background:var(--q-accent);width:0%;transition:width linear;}
  .board-view{display:block;}
  .bb-body{padding:20px 22px 14px;min-height:calc(100vh - 116px);}
  .bb-slide{display:none;}
  .bb-slide.active{display:block;}
  .slide-title{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.02em;margin:0 0 6px;line-height:1.05;}
  .slide-sub{font-size:20px;color:rgba(255,255,255,0.6);margin-bottom:18px;}
  .bb-nav{display:flex;align-items:center;padding:11px 22px;background:#0a0a0a;border-top:3px solid var(--q-accent);gap:10px;}
  .nav-dots{display:flex;gap:7px;flex:1;justify-content:center;}
  .dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.18);cursor:pointer;transition:background 0.25s,transform 0.2s;}
  .dot.on{background:var(--q-accent);transform:scale(1.3);}
  .dot.empty{opacity:0.2;cursor:default;}
  .nb{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.28);border-radius:7px;color:#fff;font-size:12px;font-weight:700;padding:6px 16px;cursor:pointer;font-family:'Barlow',sans-serif;}
  .nb:hover{background:rgba(255,255,255,0.22);}

  /* QR POPUP */
  .qr-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:9999;align-items:center;justify-content:center;}
  .qr-overlay.open{display:flex;}
  .qr-popup{background:#fff;border-radius:16px;padding:28px 28px 22px;text-align:center;max-width:320px;width:90%;}
  .qr-popup-name{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:#111;margin-bottom:5px;}
  .qr-popup-url{font-size:11px;color:#666;word-break:break-all;line-height:1.5;margin-bottom:16px;}
  .qr-popup-close{background:#111;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:700;padding:10px 24px;cursor:pointer;font-family:'Barlow',sans-serif;width:100%;}
  .qr-popup-hint{font-size:11px;color:#888;margin-top:10px;}

  /* MEDIA LB */
  .media-lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.93);z-index:9998;align-items:center;justify-content:center;}
  .media-lb.open{display:flex;}

  /* MEDIA STRIP */
  .media-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
  .media-thumb{width:72px;height:52px;border-radius:6px;overflow:hidden;position:relative;flex-shrink:0;background:#111;border:1px solid rgba(255,255,255,0.1);cursor:pointer;transition:transform 0.15s,border-color 0.2s;}
  .media-thumb:hover{transform:scale(1.05);border-color:var(--q-accent);}
  .media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover;display:block;}
  .media-thumb .play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);font-size:16px;opacity:0;transition:opacity 0.2s;}
  .media-thumb:hover .play-icon{opacity:1;}

  /* CULTURE SLIDE — 3 columns, right col is taller for spotlight */
  .culture-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(360px,1.12fr);
    gap:10px;
    align-items:start;
  }
  .culture-col{display:flex;flex-direction:column;gap:8px;}
  .culture-col-title{font-size:17px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--q-accent);margin-bottom:6px;}
  .culture-scroll{max-height:520px;overflow:auto;padding-right:6px;}

  .person-card{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px;}
  .av{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;flex-shrink:0;font-family:'Barlow Condensed',sans-serif;overflow:hidden;}
  .av img{width:100%;height:100%;object-fit:cover;}
  .av-y{background:rgba(245,200,0,0.15);color:#f5c800;border:2px solid rgba(245,200,0,0.3);}
  .av-b{background:rgba(74,159,212,0.2);color:#4a9fd4;border:2px solid rgba(74,159,212,0.3);}
  .av-g{background:rgba(58,173,110,0.18);color:#3aad6e;border:2px solid rgba(58,173,110,0.25);}
  .av-r{background:rgba(224,85,85,0.18);color:#e05555;border:2px solid rgba(224,85,85,0.25);}
  .pname{font-size:22px;font-weight:700;color:#fff;margin:0 0 3px;}
  .prole{font-size:17px;color:rgba(255,255,255,0.55);margin:0 0 8px;line-height:1.35;}
  .pbadge{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:600;padding:5px 12px;border-radius:20px;}
  .pbadge-y{background:rgba(245,200,0,0.15);color:#f5c800;}
  .pbadge-b{background:rgba(74,159,212,0.18);color:#4a9fd4;}
  .pbadge-g{background:rgba(58,173,110,0.18);color:#3aad6e;}
  .kudo-compact{background:#111;border-left:4px solid var(--q-accent);border-radius:0 12px 12px 0;padding:16px 18px;}
  .kudo-compact-text{font-size:19px;color:rgba(255,255,255,0.9);margin:0 0 7px;line-height:1.5;}
  .kudo-compact-meta{font-size:15px;color:rgba(255,255,255,0.5);}
  .kudo-empty-sm{font-size:18px;color:rgba(255,255,255,0.4);padding:18px 0;text-align:center;line-height:1.45;}

  /* ===== EMPLOYEE SPOTLIGHT — taller photo ===== */
  .spotlight-card{
    background:linear-gradient(160deg,#0d0d0d 0%,#111 100%);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    position:relative;
    min-height:440px;
    height:100%;
  }
  .spotlight-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:var(--q-accent);z-index:1;
  }
  .spotlight-accent-label{
    font-size:14px;font-weight:800;letter-spacing:0.15em;text-transform:uppercase;
    color:var(--q-accent);padding:10px 14px 8px;display:flex;align-items:center;gap:6px;
    position:relative;z-index:1;
  }
  .spotlight-accent-label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.07);}

  /* KEY FIX: much taller photo, no fixed aspect-ratio cap */
  .spotlight-photo-wrap{
    width:100%;
    height:320px;
    overflow:hidden;
    flex-shrink:0;
    background:#161616;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    padding:16px;
  }
  .spotlight-photo-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    display:block;
  }
  .spotlight-photo-initials{
    font-family:'Barlow Condensed',sans-serif;font-size:64px;font-weight:800;
    color:var(--q-accent);opacity:0.2;
  }
  .spotlight-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:8px;}
  .spotlight-name{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.04em;line-height:1.05;margin:0;}
  .spotlight-role{font-size:18px;color:rgba(255,255,255,0.6);margin:0;}
  .spotlight-fact-label{font-size:14px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--q-accent);margin-top:10px;}
  .spotlight-fact{font-size:18px;color:rgba(255,255,255,0.86);line-height:1.6;font-style:italic;margin:0;}
  .spotlight-empty{
    background:#111;border:1px dashed rgba(255,255,255,0.1);border-radius:12px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:24px 14px;color:rgba(255,255,255,0.3);font-size:11px;gap:6px;
    min-height:200px;
  }

  /* SALES */
  .sales-board-wrap{max-width:1120px;margin:0 auto;text-align:center;padding-top:12px;}
  .sales-big-pct{font-family:'Barlow Condensed',sans-serif;font-size:132px;font-weight:800;line-height:0.95;margin-bottom:6px;}
  .sales-board-caption{font-size:28px;color:rgba(255,255,255,0.7);margin-top:6px;}
  .sales-board-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px auto 10px;max-width:1120px;font-size:22px;color:rgba(255,255,255,0.75);}
  .therm-bg{height:34px;background:rgba(255,255,255,0.06);border-radius:24px;overflow:hidden;margin:0 auto 16px;position:relative;max-width:1120px;}
  .therm-fill{height:100%;border-radius:20px;transition:width 1.4s cubic-bezier(.4,0,.2,1),background 0.5s;}
  .therm-ticks{display:flex;justify-content:space-between;font-size:22px;color:rgba(255,255,255,0.55);margin:0 auto 22px;max-width:1120px;font-weight:700;}
  .sales-status{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;border-radius:12px;font-size:24px;font-weight:700;}
  .sales-updated{font-size:18px;color:rgba(255,255,255,0.45);margin-top:16px;}
  .testi{background:#111;border-radius:14px;padding:24px 26px 22px 46px;margin-bottom:14px;border:1px solid rgba(255,255,255,0.08);position:relative;}
  .testi::before{content:'"';position:absolute;top:8px;left:12px;font-size:52px;color:var(--q-accent);line-height:1;opacity:0.5;font-family:'Barlow Condensed',sans-serif;}
  .testi-text{font-size:21px;color:rgba(255,255,255,0.92);margin:0 0 12px;line-height:1.7;}
  .testi-byline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
  .testi-name{font-size:17px;font-weight:700;color:#fff;}
  .testi-sep{color:rgba(255,255,255,0.3);font-size:16px;}
  .testi-ttl{font-size:17px;color:rgba(255,255,255,0.55);}
  .testi-agency{font-size:17px;font-weight:600;color:var(--q-accent);}
  .testi-empty{text-align:center;padding:54px 24px;color:rgba(255,255,255,0.35);font-size:22px;}
  .testi-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,0.8fr);gap:16px;align-items:start;}
  .testi-gallery-card{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;min-height:404px;display:flex;flex-direction:column;}
  .testi-gallery-label{font-size:10px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--q-accent);padding:14px 16px 10px;display:flex;align-items:center;gap:8px;}
  .testi-gallery-label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.08);}
  .testi-gallery-main{margin:0 16px 14px;height:250px;border-radius:10px;background:#161616;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;}
  .testi-gallery-main img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;background:#0f0f0f;}
  .testi-gallery-caption{padding:0 16px 12px;}
  .testi-gallery-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;}
  .testi-gallery-meta{font-size:16px;color:rgba(255,255,255,0.55);line-height:1.5;margin:0;}
  .testi-gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 16px 16px;max-height:174px;overflow:auto;}
  .testi-gallery-thumb{height:74px;border-radius:8px;overflow:hidden;background:#161616;border:1px solid rgba(255,255,255,0.08);cursor:pointer;position:relative;}
  .testi-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .testi-gallery-thumb.on{border-color:var(--q-accent);box-shadow:0 0 0 1px rgba(245,200,0,0.35);}
  .testi-gallery-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:rgba(255,255,255,0.35);font-size:12px;gap:8px;}
  .testi-photo-admin{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:8px;}
  .testi-photo-admin-preview{width:76px;height:58px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#161616;}
  .testi-photo-admin-preview img{width:100%;height:100%;object-fit:cover;display:block;}
  .testi-scroll{max-height:470px;overflow:auto;padding-right:6px;}
  .pdf-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
  .pdf-card{background:#111;border:1px solid rgba(224,85,85,0.3);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color 0.2s;min-width:140px;}
  .pdf-card:hover{border-color:rgba(224,85,85,0.6);}
  .pdf-card-icon{font-size:22px;flex-shrink:0;}
  .pdf-card-name{font-size:12px;font-weight:600;color:#fff;margin:0 0 2px;word-break:break-all;}
  .pdf-card-hint{font-size:10px;color:rgba(255,255,255,0.4);}
  .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:stretch;}
  .benefit-card{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:260px;}
  .benefit-card.has-qr{border-color:rgba(245,200,0,0.22);}
  .benefit-icon{font-size:34px;line-height:1;color:var(--q-accent);}
  .benefit-name{font-size:25px;font-weight:700;color:#fff;margin:0;line-height:1.2;}
  .benefit-desc{font-size:18px;color:rgba(255,255,255,0.62);line-height:1.6;margin:0;flex:1;}
  .benefit-qr-wrap{display:flex;align-items:center;gap:10px;margin-top:4px;}
  .benefit-qr-thumb{width:86px;height:86px;border-radius:10px;background:#fff;flex-shrink:0;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform 0.15s,box-shadow 0.15s;padding:4px;}
  .benefit-qr-thumb:hover{transform:scale(1.07);box-shadow:0 0 0 2px var(--q-accent);}
  .benefit-qr-thumb canvas{width:100%!important;height:100%!important;display:block;}
  .benefit-qr-label{font-size:15px;color:rgba(255,255,255,0.5);line-height:1.5;}
  .benefit-empty{text-align:center;padding:60px 24px;color:rgba(255,255,255,0.35);font-size:22px;}
  .alert-item{border-radius:10px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:flex-start;gap:14px;}
  .alert-critical{background:rgba(220,40,40,0.14);border:1px solid rgba(220,40,40,0.38);}
  .alert-warning{background:rgba(245,160,0,0.11);border:1px solid rgba(245,160,0,0.32);}
  .alert-info{background:rgba(74,159,212,0.11);border:1px solid rgba(74,159,212,0.28);}
  .alert-pulse{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:3px;}
  .alert-critical .alert-pulse{background:#ff4040;animation:pulse 1.5s infinite;}
  .alert-warning .alert-pulse{background:#f5a000;}
  .alert-info .alert-pulse{background:#4a9fd4;}
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(1.4);}}
  .alert-body{flex:1;}
  .alert-severity{font-size:18px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:8px;}
  .alert-critical .alert-severity{color:#ff6060;}.alert-warning .alert-severity{color:#f5a000;}.alert-info .alert-severity{color:#4a9fd4;}
  .alert-title{font-size:42px;font-weight:700;color:#fff;margin:0 0 14px;line-height:1.15;}
  .alert-desc{font-size:32px;color:rgba(255,255,255,0.8);line-height:1.55;margin:0 0 14px;}
  .alert-ts{font-size:18px;color:rgba(255,255,255,0.42);}
  .alert-attachment{margin-top:14px;width:260px;height:156px;border-radius:10px;overflow:hidden;background:#101010;border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;cursor:pointer;}
  .alert-attachment img{width:100%;height:100%;object-fit:cover;display:block;}
  .alert-attachment-pdf{font-size:20px;font-weight:700;color:#fff;text-align:center;padding:14px;line-height:1.45;}
  .alert-attachment-note{font-size:16px;color:rgba(255,255,255,0.48);margin-top:10px;}
  .upload-status{font-size:11px;color:#3aad6e;margin-top:8px;}
  .alert-empty{text-align:center;padding:70px 28px;color:rgba(255,255,255,0.35);font-size:26px;}
  .alert-admin-item{cursor:grab;}
  .alert-admin-item.dragging{opacity:0.45;border-color:var(--q-accent);}
  .alert-admin-item.drop-target{border-color:var(--q-accent);box-shadow:0 0 0 1px rgba(245,200,0,0.35);}
  #alertsBoard{max-height:560px;overflow:auto;padding-right:6px;}
  #alertsBoard .alert-item{width:min(980px,100%);margin-left:auto;margin-right:auto;justify-content:center;flex-direction:column;align-items:center;}
  #alertsBoard .alert-pulse{margin-top:0;}
  #alertsBoard .alert-body{text-align:center;}

  /* ADMIN */
  .admin-view{display:none;padding:0;min-height:460px;background:#000;}
  .admin-view.open{display:flex;flex-direction:column;}
  .admin-tabs{display:flex;flex:0 0 auto;min-height:48px;border-bottom:2px solid var(--q-accent);background:#0a0a0a;overflow-x:auto;position:sticky;top:0;z-index:20;}
  .admin-tab{font-size:11px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:12px 11px;cursor:pointer;color:rgba(255,255,255,0.45);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all 0.2s;font-family:'Barlow',sans-serif;white-space:nowrap;flex-shrink:0;}
  .admin-tab:hover{color:#fff;}
  .admin-tab.on{color:var(--q-accent);border-bottom-color:var(--q-accent);}
  .admin-pane{display:none;padding:20px 22px;flex:1 1 auto;min-height:0;overflow:auto;}
  .admin-pane.on{display:block;}
  .admin-title{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 4px;}
  .admin-sub{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:18px;}
  .admin-section{margin-bottom:20px;}
  .admin-section-title{font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--s-yellow);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.08);}
  .form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;}
  .form-label{font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.65);}
  .form-input{background:#111;border:1px solid rgba(255,255,255,0.2);border-radius:7px;color:#fff;font-size:13px;font-family:'Barlow',sans-serif;padding:8px 10px;outline:none;width:100%;transition:border-color 0.2s;}
  .form-input:focus{border-color:rgba(245,200,0,0.5);}
  .form-input[readonly]{border-color:rgba(245,200,0,0.22);background:rgba(245,200,0,0.05);color:rgba(255,255,255,0.72);}
  .form-input::placeholder{color:rgba(255,255,255,0.25);}
  .form-select{background:#111;border:1px solid rgba(255,255,255,0.2);border-radius:7px;color:#fff;font-size:13px;font-family:'Barlow',sans-serif;padding:8px 10px;outline:none;width:100%;}
  .form-select option{background:#1a1a1a;}
  .admin-pane:not(#pane-alerts) .form-label{font-size:14px;}
  .admin-pane:not(#pane-alerts) .form-input,
  .admin-pane:not(#pane-alerts) .form-select{font-size:24px;padding:16px 18px;min-height:60px;}
  .admin-pane:not(#pane-alerts) textarea.form-input{min-height:180px;line-height:1.4;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
  .btn-primary{background:var(--s-yellow);border:none;border-radius:7px;color:#000;font-size:12px;font-weight:800;font-family:'Barlow',sans-serif;padding:10px 20px;cursor:pointer;letter-spacing:0.05em;text-transform:uppercase;transition:opacity 0.2s;}
  .btn-primary:hover{opacity:0.85;}
  .btn-ghost{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.18);border-radius:7px;color:rgba(255,255,255,0.7);font-size:12px;font-weight:700;font-family:'Barlow',sans-serif;padding:10px 16px;cursor:pointer;transition:all 0.2s;}
  .btn-ghost:hover{background:rgba(255,255,255,0.12);color:#fff;}
  .btn-del-sm{background:none;border:1px solid rgba(224,85,85,0.38);border-radius:5px;color:#e07070;font-size:11px;font-weight:700;padding:4px 9px;cursor:pointer;font-family:'Barlow',sans-serif;white-space:nowrap;}
  .btn-del-sm:hover{background:rgba(224,85,85,0.14);}
  .kudo-admin-item,.testi-admin-item,.alert-admin-item{background:#111;border:1px solid rgba(255,255,255,0.07);border-radius:8px;padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
  .testi-pinned{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:rgba(245,200,0,0.12);color:var(--s-yellow);margin-left:6px;}
  .severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;}
  .sev-critical{background:#ff4040;}.sev-warning{background:#f5a000;}.sev-info{background:#4a9fd4;}
  .slide-media-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
  .slide-media-tab{font-size:11px;font-weight:700;padding:6px 12px;border-radius:6px;cursor:pointer;font-family:'Barlow',sans-serif;border:1px solid rgba(255,255,255,0.18);color:rgba(255,255,255,0.55);background:none;transition:all 0.2s;}
  .slide-media-tab:hover{color:#fff;}
  .slide-media-tab.on{background:rgba(245,200,0,0.12);border-color:rgba(245,200,0,0.35);color:var(--s-yellow);}
  .media-drop-zone{border:2px dashed rgba(255,255,255,0.13);border-radius:10px;padding:22px;text-align:center;cursor:pointer;transition:border-color 0.2s;position:relative;margin-bottom:12px;}
  .media-drop-zone:hover{border-color:rgba(245,200,0,0.4);}
  .media-drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
  .media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;}
  .media-item{border-radius:8px;overflow:hidden;position:relative;background:#111;border:1px solid rgba(255,255,255,0.08);aspect-ratio:16/9;}
  .media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block;}
  .media-item-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity 0.2s;}
  .media-item:hover .media-item-overlay{opacity:1;}
  .media-item-badge{position:absolute;top:4px;left:4px;background:rgba(0,0,0,0.75);color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;text-transform:uppercase;}
  .media-remove-btn{background:rgba(224,85,85,0.85);border:none;border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;cursor:pointer;font-family:'Barlow',sans-serif;}
  .media-empty{text-align:center;padding:16px;color:rgba(255,255,255,0.35);font-size:13px;}
  .video-board-wrap{height:100%;display:flex;flex-direction:column;min-height:0;}
  .video-stage{flex:1;min-height:0;background:#030303;border:1px solid rgba(255,255,255,0.12);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 16px 36px rgba(0,0,0,0.34);}
  .video-stage video{width:100%;height:100%;object-fit:contain;background:#000;display:block;}
  .video-empty-board{height:100%;min-height:380px;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,0.42);font-size:24px;font-weight:600;line-height:1.4;border:1px dashed rgba(255,255,255,0.14);border-radius:10px;background:rgba(255,255,255,0.03);}
  .video-meta-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;color:rgba(255,255,255,0.65);font-size:13px;font-weight:600;}
  .video-meta-name{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .video-admin-item{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:12px;margin-bottom:8px;}
  .video-admin-thumb{width:96px;height:54px;border-radius:7px;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,0.1);flex-shrink:0;}
  .video-admin-thumb video{width:100%;height:100%;object-fit:cover;display:block;}
  .video-admin-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .video-admin-meta{font-size:11px;color:rgba(255,255,255,0.45);margin-top:3px;}
  .video-admin-badge{font-size:10px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(245,200,0,0.12);color:var(--s-yellow);white-space:nowrap;}
  .video-countdown{font-size:12px;color:rgba(255,255,255,0.62);margin-top:8px;}
  .video-countdown strong{color:var(--s-yellow);}
  .sales-preview{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:18px 20px;margin-top:14px;}
  .preview-bar-bg{height:12px;background:rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;margin-bottom:6px;position:relative;}
  .preview-bar-fill{height:100%;border-radius:20px;transition:width 0.5s,background 0.5s;position:relative;z-index:1;}
  .pdf-admin-item{background:#111;border:1px solid rgba(224,85,85,0.25);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;margin-bottom:8px;}
  .benefit-admin-item{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:flex-start;gap:14px;}
  .benefit-admin-qr{width:48px;height:48px;background:#fff;border-radius:6px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2px;}
  .benefit-admin-qr canvas{width:100%!important;height:100%!important;display:block;}
  .qr-url-note{font-size:11px;color:rgba(255,255,255,0.45);margin-top:4px;word-break:break-all;}
  .integration-status{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:12px 14px;margin-top:10px;font-size:13px;color:rgba(255,255,255,0.72);}
  .integration-status.ok{border-color:rgba(58,173,110,0.3);color:#8ce0ab;background:rgba(58,173,110,0.08);}
  .integration-status.warn{border-color:rgba(245,200,0,0.28);color:#f5d96d;background:rgba(245,200,0,0.08);}
  .pending-kudo-item{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;gap:14px;margin-bottom:10px;}
  .pending-kudo-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(245,200,0,0.12);color:var(--q-accent);margin-bottom:8px;}
  .field-note{font-size:11px;color:rgba(255,255,255,0.45);margin-top:5px;}
  .field-note span{color:var(--s-yellow);}
  .zoho-status{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:13px;font-weight:500;}
  .zoho-status.disconnected{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.45);}
  .zoho-status.connected{background:rgba(58,173,110,0.1);border:1px solid rgba(58,173,110,0.25);color:#3aad6e;}
  .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
  .dot-gray{background:rgba(255,255,255,0.2);}.dot-green{background:#3aad6e;}
  .zoho-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
  .metric-row{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:12px;}
  .metric-name{font-size:11px;font-weight:700;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:6px;}
  .metric-val{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#fff;}
  .metric-val.live{color:#3aad6e;}
  .metric-updated{font-size:10px;color:rgba(255,255,255,0.35);margin-top:3px;}
  .divider{height:1px;background:rgba(255,255,255,0.08);margin:18px 0;}
  .info-box{background:rgba(245,200,0,0.07);border:1px solid rgba(245,200,0,0.18);border-radius:8px;padding:14px 16px;font-size:12px;color:rgba(255,255,255,0.7);line-height:1.6;}
  .info-box strong{color:var(--s-yellow);}
  .pt td{font-size:13px;color:#fff;padding:10px;border-top:1px solid rgba(255,255,255,0.08);vertical-align:middle;}
  .pt th{font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.5);text-align:left;padding:0 10px 10px;}
  .edit-input{background:#000;border:1px solid rgba(74,159,212,0.4);border-radius:6px;color:#fff;font-size:12px;font-family:'Barlow',sans-serif;padding:6px 9px;outline:none;}
  .value-card{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:24px;text-align:center;}
  .value-word{font-family:'Barlow Condensed',sans-serif;font-size:48px;font-weight:800;color:var(--q-accent);text-transform:uppercase;letter-spacing:0.05em;line-height:1;margin-bottom:10px;}
  .value-def{font-size:13px;color:rgba(255,255,255,0.72);line-height:1.6;max-width:360px;margin:0 auto;}
  .value-counter{display:flex;justify-content:center;gap:6px;margin-top:12px;}
  .value-pip{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.13);}
  .value-pip.on{background:var(--q-accent);}
  .funfact-card{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:22px;}
  .funfact-label{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--q-accent);margin-bottom:10px;}
  .funfact-text{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:8px;}
  .nextup-card{background:#111;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:10px;}
  .nextup-av{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0;font-family:'Barlow Condensed',sans-serif;background:rgba(245,200,0,0.12);color:var(--q-accent);border:2px solid rgba(255,255,255,0.13);}
  .nextup-av img{width:100%;height:100%;object-fit:cover;}
  .spotlight-preview{background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:16px;margin-top:14px;display:flex;align-items:center;gap:16px;}
  .spotlight-preview-photo{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#1a1a1a;display:flex;align-items:center;justify-content:center;border:2px solid var(--q-accent);}
  .spotlight-preview-photo img{width:100%;height:100%;object-fit:cover;}
  .spotlight-preview-initials{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:var(--q-accent);opacity:0.5;}
  .spotlight-photo-upload{position:relative;display:inline-block;}
  .spotlight-photo-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}

  /* CHALKBOARD BULLETIN BOARD THEME */
  .bb{
    --paper:#fff2a8;
    --paper-deep:#ffe56d;
    --pin:#e30010;
    --chalk-panel:rgba(8,8,8,0.54);
    color:#fff;
    position:relative;
    background:
      radial-gradient(ellipse at 50% 46%,rgba(255,255,255,0.09) 0%,rgba(255,255,255,0.04) 34%,rgba(0,0,0,0.22) 74%),
      repeating-linear-gradient(16deg,rgba(255,255,255,0.026) 0 2px,transparent 2px 9px),
      repeating-linear-gradient(102deg,rgba(255,255,255,0.018) 0 1px,transparent 1px 8px),
      linear-gradient(135deg,#222327 0%,#17181b 46%,#242529 100%);
    height:100vh;
    min-height:100vh;
  }
  .bb::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 18% 16%,rgba(255,255,255,0.13),transparent 18%),
      radial-gradient(circle at 76% 24%,rgba(255,255,255,0.08),transparent 17%),
      radial-gradient(circle at 42% 88%,rgba(255,255,255,0.09),transparent 22%);
    mix-blend-mode:screen;
    opacity:0.55;
    z-index:0;
  }
  .bb::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,rgba(0,0,0,0.36),transparent 13%,transparent 87%,rgba(0,0,0,0.36)),
      linear-gradient(0deg,rgba(0,0,0,0.28),transparent 18%,transparent 82%,rgba(255,255,255,0.03));
    z-index:0;
  }
  .bb > *{position:relative;z-index:1;}
  .bb-head{
    height:52px;
    background:rgba(5,5,5,0.78);
    border-bottom:1px solid rgba(245,200,0,0.62);
    box-shadow:0 8px 22px rgba(0,0,0,0.28);
  }
  .bb-clock{color:rgba(255,255,255,0.72);}
  .live-dot{color:var(--paper-deep);}
  .hd-btn{
    border-radius:3px;
    background:rgba(255,255,255,0.09);
    border-color:rgba(255,255,255,0.26);
  }
  .hd-btn.active{background:var(--paper-deep);border-color:var(--paper-deep);}
  .prog-wrap{height:2px;background:rgba(255,255,255,0.08);}
  .prog-fill{background:var(--paper-deep);}
  .board-view{height:calc(100vh - 54px);min-height:0;overflow:hidden;}
  .bb-body{
    height:calc(100vh - 104px);
    min-height:0;
    overflow:hidden;
    padding:16px 4.5vw 24px;
  }
  .bb-slide{
    height:100%;
    min-height:0;
    position:relative;
    animation:none;
    transform-origin:top center;
  }
  .bb-slide.active{
    --fit-scale:1;
    --fit-width:100%;
    left:50%;
    width:var(--fit-width);
    transform:translateX(-50%) scale(var(--fit-scale));
  }
  .admin-view.open{height:calc(100vh - 54px);overflow:hidden;}
  .board-view .slide-title{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(900px,68%);
    min-height:88px;
    margin:0 auto 22px;
    padding:14px 42px;
    color:#050505 !important;
    text-align:center;
    text-transform:none;
    letter-spacing:0;
    font-family:'Barlow',sans-serif;
    font-size:52px;
    font-weight:800;
    line-height:1.05;
    border:1px solid rgba(118,91,0,0.34);
    border-radius:0;
    background:
      radial-gradient(ellipse at 50% 12%,rgba(255,255,255,0.55),transparent 60%),
      repeating-linear-gradient(88deg,rgba(215,160,0,0.13) 0 2px,transparent 2px 7px),
      linear-gradient(180deg,var(--paper) 0%,#fff7bb 44%,#ffe985 100%);
    box-shadow:0 8px 18px rgba(0,0,0,0.34),inset 0 0 34px rgba(255,255,255,0.34);
  }
  .board-view .slide-title::before,
  .board-view .slide-title::after,
  .pin::before{
    content:'';
    position:absolute;
    width:28px;
    height:28px;
    border-radius:50%;
    background:
      radial-gradient(circle at 35% 25%,#ff8888 0 10%,#ff1d23 11% 38%,#b40009 62%,#740006 100%);
    box-shadow:0 3px 0 #7c0000,0 6px 10px rgba(0,0,0,0.5),inset -3px -4px 4px rgba(80,0,0,0.28);
    z-index:3;
  }
  .board-view .slide-title::before{left:-14px;top:-10px;}
  .board-view .slide-title::after{right:-14px;bottom:-10px;}
  .title-red{color:#f20707;}
  .brand-title{gap:12px;}
  .board-view .slide-sub{
    width:100%;
    margin:-4px auto 32px;
    color:rgba(255,255,255,0.94);
    text-align:center;
    font-size:30px;
    font-weight:500;
    text-shadow:0 2px 4px rgba(0,0,0,0.65);
  }
  #sl-4 .slide-title{font-size:42px;}
  #sl-3 .slide-sub,
  #sl-2 .slide-sub{display:none;}

  .bb-nav{
    background:transparent;
    border-top:none;
    padding:8px 4.5vw 12px;
  }
  .nb{
    border-radius:3px;
    background:rgba(0,0,0,0.32);
    border-color:rgba(255,255,255,0.2);
    opacity:0.42;
  }
  .nb:hover{opacity:1;background:rgba(0,0,0,0.52);}
  .dot{
    width:18px;
    height:18px;
    background:#fff;
    box-shadow:0 2px 7px rgba(0,0,0,0.55);
  }
  .dot.on{background:#fff;transform:scale(1.12);}

  .culture-grid{
    grid-template-columns:0.95fr 1.08fr 1.02fr;
    gap:28px;
    align-items:stretch;
    padding-top:48px;
  }
  #cultureMiddle{order:1;}
  #cultureLeft{order:2;}
  #cultureRight{order:3;}
  .culture-col{
    position:relative;
    min-height:650px;
    padding:32px 24px 24px;
    border:2px solid rgba(255,242,152,0.86);
    border-radius:0;
    background:
      radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.46),transparent 56%),
      repeating-linear-gradient(87deg,rgba(204,150,0,0.12) 0 2px,transparent 2px 8px),
      linear-gradient(180deg,var(--paper) 0%,#fff7bf 46%,#ffe784 100%);
    box-shadow:0 16px 28px rgba(0,0,0,0.42),inset 0 0 42px rgba(255,255,255,0.34);
  }
  .culture-col::before{
    content:'';
    position:absolute;
    top:-17px;
    left:50%;
    width:26px;
    height:26px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle at 34% 24%,#ff8a8a 0 10%,#f10b12 11% 42%,#a40008 68%,#720004 100%);
    box-shadow:0 3px 0 #790000,0 6px 10px rgba(0,0,0,0.48),inset -3px -4px 4px rgba(80,0,0,0.3);
    z-index:3;
  }
  .culture-col::after{
    content:'';
    position:absolute;
    width:74px;
    height:22px;
    right:28px;
    top:34px;
    transform:rotate(-39deg);
    background:
      repeating-linear-gradient(45deg,rgba(214,166,0,0.18) 0 4px,transparent 4px 8px),
      rgba(255,221,67,0.78);
    box-shadow:0 2px 5px rgba(0,0,0,0.18);
  }
  #cultureMiddle::after{left:-8px;right:auto;top:-5px;transform:rotate(-11deg);}
  #cultureRight::after{left:-10px;right:auto;top:42px;transform:rotate(-41deg);}
  .culture-col-title{
    position:relative;
    z-index:1;
    width:86%;
    margin:0 auto 22px;
    padding:10px 16px;
    background:#fff;
    color:#050505;
    text-align:center;
    text-transform:none;
    letter-spacing:0;
    font-size:28px;
    font-weight:800;
    line-height:1.08;
    box-shadow:0 2px 8px rgba(0,0,0,0.14);
  }
  .culture-scroll{
    position:relative;
    z-index:1;
    max-height:548px;
    padding-right:0;
  }
  .person-card,
  .kudo-compact,
  .spotlight-card{
    background:rgba(32,31,22,0.72);
    border:1px solid rgba(255,255,255,0.05);
    border-radius:0;
    box-shadow:none;
  }
  .person-card{padding:18px;}
  .av{background:#575757;color:#ffd400;border:1px solid rgba(255,255,255,0.78);}
  .av-y,.av-b,.av-g,.av-r{background:#575757;color:#ffd400;border:1px solid rgba(255,255,255,0.78);}
  .pname{font-size:22px;}
  .prole{color:#fff;font-size:18px;}
  .pbadge{border-radius:0;background:rgba(255,255,255,0.12);font-size:15px;}
  .kudo-compact{border-left:none;padding:16px 18px;}
  .kudo-compact-text{font-size:18px;color:#fff;}
  .kudo-compact-meta{color:rgba(255,255,255,0.76);}
  .kudo-empty-sm{
    margin-top:8px;
    padding:22px;
    background:rgba(32,31,22,0.72);
    color:#fff;
  }
  .spotlight-card::before{display:none;}
  .spotlight-accent-label{display:none;}
  .spotlight-photo-wrap{
    height:246px;
    padding:10px;
    background:rgba(255,255,255,0.82);
  }
  .spotlight-photo-wrap img{object-fit:contain;background:#fff;}
  .spotlight-body{padding:18px 20px 20px;}
  .spotlight-name{font-size:28px;letter-spacing:0;}
  .spotlight-role,
  .spotlight-fact{color:#fff;}
  .spotlight-fact-label{color:#ffd400;font-size:24px;letter-spacing:0;text-transform:none;}
  .spotlight-empty{
    min-height:430px;
    border:none;
    border-radius:0;
    background:rgba(32,31,22,0.72);
    color:#fff;
  }

  .sales-board-wrap{
    position:relative;
    max-width:none;
    min-height:calc(100vh - 150px);
    padding:0 1vw 42px;
  }
  .sales-board-wrap::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:138px;
    bottom:0;
    background:rgba(0,0,0,0.48);
    box-shadow:0 18px 32px rgba(0,0,0,0.28),inset 0 0 60px rgba(255,255,255,0.035);
  }
  .sales-board-wrap > *{position:relative;z-index:1;}
  #sales-period{
    display:inline-flex;
    justify-content:center;
    width:auto;
    margin:0 auto 78px;
    padding:8px 46px 10px;
    background:rgba(0,0,0,0.66);
    color:#fff;
    font-size:38px;
    line-height:1.05;
  }
  .sales-big-pct{
    color:#ffd400 !important;
    font-size:132px;
  }
  .sales-board-caption{
    color:#fff;
    font-size:36px;
    font-weight:800;
  }
  .sales-board-meta{
    margin-top:76px;
    color:#ffd400;
    font-weight:800;
  }
  .therm-bg{
    height:46px;
    background:rgba(255,255,255,0.06);
    border-radius:28px;
  }
  .therm-ticks{color:#ffd400;font-size:30px;}
  .sales-status{
    border-radius:8px;
    font-size:30px;
    color:#ffd400 !important;
  }
  .sales-updated{color:#fff;font-weight:700;}

  .testi-layout{
    grid-template-columns:minmax(0,1.15fr) minmax(420px,0.85fr);
    gap:42px;
    align-items:stretch;
    padding-top:70px;
  }
  .testi-paper,
  .testi-gallery-card{
    position:relative;
    min-height:650px;
    padding:132px 24px 24px;
    border:2px solid rgba(255,242,152,0.86);
    border-radius:0;
    background:
      radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.45),transparent 58%),
      repeating-linear-gradient(87deg,rgba(204,150,0,0.12) 0 2px,transparent 2px 8px),
      linear-gradient(180deg,var(--paper) 0%,#fff6bd 46%,#ffe784 100%);
    box-shadow:0 16px 28px rgba(0,0,0,0.43),inset 0 0 42px rgba(255,255,255,0.34);
  }
  .testi-paper::before{
    content:'Reviews from our Loyal Customers';
    position:absolute;
    top:28px;
    left:50%;
    width:64%;
    transform:translateX(-50%);
    padding:16px;
    background:#fff;
    color:#050505;
    text-align:center;
    font-size:28px;
    font-weight:800;
    line-height:1.05;
    z-index:2;
  }
  .testi-paper::after,
  .testi-gallery-card::after{
    content:'';
    position:absolute;
    top:30px;
    right:18px;
    width:74px;
    height:24px;
    transform:rotate(-41deg);
    background:
      repeating-linear-gradient(45deg,rgba(214,166,0,0.18) 0 4px,transparent 4px 8px),
      rgba(255,221,67,0.78);
    box-shadow:0 2px 5px rgba(0,0,0,0.18);
    z-index:3;
  }
  .testi-paper .pdf-strip{position:relative;z-index:1;}
  .testi,
  .testi-empty{
    background:rgba(32,31,22,0.72);
    border:none;
    border-radius:0;
  }
  .testi-text{color:#fff;font-size:24px;line-height:1.28;}
  .testi-ttl{color:#fff;}
  .testi-gallery-card{
    overflow:visible;
    padding-top:126px;
  }
  .testi-gallery-card::before{
    content:'';
    position:absolute;
    top:-17px;
    left:50%;
    width:26px;
    height:26px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle at 34% 24%,#ff8a8a 0 10%,#f10b12 11% 42%,#a40008 68%,#720004 100%);
    box-shadow:0 3px 0 #790000,0 6px 10px rgba(0,0,0,0.48),inset -3px -4px 4px rgba(80,0,0,0.3);
    z-index:3;
  }
  .testi-gallery-label{
    position:absolute;
    top:34px;
    left:50%;
    width:74%;
    transform:translateX(-50%);
    justify-content:center;
    padding:16px;
    background:#fff;
    color:#050505;
    text-align:center;
    font-size:42px;
    font-weight:800;
    letter-spacing:0;
    text-transform:none;
  }
  .testi-gallery-label::after{display:none;}
  .testi-gallery-main{
    height:388px;
    margin:0 8px 10px;
    border-radius:0;
    background:rgba(32,31,22,0.72);
  }
  .testi-gallery-title{
    color:#fff;
    text-align:center;
    font-size:28px;
  }
  .testi-gallery-meta{display:none;}
  .testi-gallery-thumbs{display:none;}
  .testi-gallery-empty{
    min-height:430px;
    background:rgba(32,31,22,0.72);
    color:#fff;
  }

  #benefitsBoard{padding-top:124px;}
  .benefits-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:32px;
  }
  .benefit-card{
    position:relative;
    min-height:470px;
    padding:98px 28px 24px;
    border:2px solid rgba(255,242,152,0.9);
    border-radius:0;
    background:
      radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.45),transparent 56%),
      repeating-linear-gradient(87deg,rgba(204,150,0,0.12) 0 2px,transparent 2px 8px),
      linear-gradient(180deg,var(--paper) 0%,#fff6bd 46%,#ffe784 100%);
    box-shadow:0 16px 28px rgba(0,0,0,0.42),inset 0 0 42px rgba(255,255,255,0.34);
  }
  .benefit-card::before{
    content:'';
    position:absolute;
    top:-17px;
    left:50%;
    width:26px;
    height:26px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle at 34% 24%,#ff8a8a 0 10%,#f10b12 11% 42%,#a40008 68%,#720004 100%);
    box-shadow:0 3px 0 #790000,0 6px 10px rgba(0,0,0,0.48),inset -3px -4px 4px rgba(80,0,0,0.3);
    z-index:3;
  }
  .benefit-card::after{
    content:'';
    position:absolute;
    left:18px;
    right:18px;
    top:82px;
    bottom:16px;
    background:rgba(32,31,22,0.72);
    z-index:0;
  }
  .benefit-card > *{position:relative;z-index:1;}
  .benefit-icon{
    position:absolute;
    top:18px;
    left:50%;
    width:76%;
    transform:translateX(-50%);
    padding:8px 14px;
    background:#fff;
    color:#050505;
    text-align:center;
    font-size:28px;
    font-weight:800;
    line-height:1.05;
    z-index:2;
  }
  .benefit-icon::before,
  .benefit-icon::after{
    content:'';
    position:absolute;
    width:54px;
    height:18px;
    top:50%;
    background:
      repeating-linear-gradient(45deg,rgba(214,166,0,0.18) 0 4px,transparent 4px 8px),
      rgba(255,221,67,0.76);
  }
  .benefit-icon::before{left:-36px;transform:translateY(-50%) rotate(-40deg);}
  .benefit-icon::after{right:-36px;transform:translateY(-50%) rotate(-40deg);}
  .benefit-name{
    color:#fff;
    font-size:38px;
    line-height:1.1;
  }
  .benefit-desc{
    color:#fff;
    font-size:22px;
    line-height:1.16;
  }
  .benefit-qr-wrap{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:auto;
  }
  .benefit-qr-thumb{
    width:128px;
    height:128px;
    border-radius:0;
    padding:6px;
  }
  .benefit-qr-label{
    color:#fff;
    text-align:center;
    font-size:10px;
    line-height:1.1;
  }

  #alertsBoard{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:570px;
    max-height:none;
    padding:52px 7vw;
    overflow:auto;
    background:rgba(0,0,0,0.5);
    box-shadow:0 18px 32px rgba(0,0,0,0.3),inset 0 0 60px rgba(255,255,255,0.035);
  }
  #alertsBoard .alert-item{
    width:min(1120px,100%);
    margin:0;
    padding:0;
    align-items:flex-start;
    background:transparent;
    border:none;
    border-radius:0;
  }
  #alertsBoard .alert-pulse{display:none;}
  #alertsBoard .alert-body{text-align:left;}
  .alert-severity{color:#fff !important;font-size:24px;text-transform:none;letter-spacing:0;}
  .alert-title{font-size:52px;}
  .alert-desc{font-size:30px;color:#fff;}
  .alert-ts{color:rgba(255,255,255,0.72);}
  .alert-empty{color:#fff;}

  @media (max-width:900px){
    .board-view .slide-title{width:78%;font-size:44px;}
    #sl-4 .slide-title{font-size:36px;}
    .culture-grid{grid-template-columns:1fr;gap:22px;padding-top:24px;}
    .culture-col{min-height:auto;}
    .culture-scroll{max-height:none;}
    .testi-layout{grid-template-columns:1fr;gap:28px;padding-top:28px;}
    .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    #benefitsBoard{padding-top:40px;}
  }
  @media (max-width:760px){
    .bb-head{height:auto;min-height:52px;gap:10px;align-items:flex-start;padding:10px 14px;}
    .bb-head-right{flex-wrap:wrap;justify-content:flex-end;}
    .bb-body{padding:14px;}
    .board-view .slide-title{width:96%;min-height:68px;font-size:32px;padding:12px 28px;}
    #sl-4 .slide-title{font-size:28px;}
    .board-view .slide-sub{font-size:20px;}
    .sales-big-pct{font-size:88px;}
    #sales-period{font-size:24px;margin-bottom:42px;}
    .sales-board-caption{font-size:24px;}
    .sales-board-meta,.therm-ticks{font-size:18px;}
    .benefits-grid{grid-template-columns:1fr;}
    .testi-paper::before{width:82%;font-size:20px;}
    .testi-gallery-label{font-size:28px;}
  }

  /* ====== ANIMATIONS ====== */

  /* Avatar soft glow pulse — slow and gentle */
  @keyframes avRing{
    0%,100%{box-shadow:0 0 0 0 rgba(245,200,0,0.4);}
    50%{box-shadow:0 0 0 6px rgba(245,200,0,0);}
  }
  .av-y{animation:avRing 3.5s ease-in-out infinite;}
  @keyframes avRingB{
    0%,100%{box-shadow:0 0 0 0 rgba(74,159,212,0.4);}
    50%{box-shadow:0 0 0 6px rgba(74,159,212,0);}
  }
  .av-b{animation:avRingB 3.5s ease-in-out infinite 0.7s;}
  @keyframes avRingG{
    0%,100%{box-shadow:0 0 0 0 rgba(58,173,110,0.4);}
    50%{box-shadow:0 0 0 6px rgba(58,173,110,0);}
  }
  .av-g{animation:avRingG 3.5s ease-in-out infinite 1.4s;}

  /* Nav dot pill — smooth, no spring overshoot */
  .dot{transition:width 0.25s ease, border-radius 0.25s ease, background 0.2s ease;}
  .dot.on{width:20px;border-radius:4px;transform:none;}

  /* Live dot gentle blink */
  @keyframes liveBlink{0%,100%{opacity:0.9;}50%{opacity:0.4;}}
  .live-dot{animation:liveBlink 2.5s ease-in-out infinite;}

  /* TV / KIOSK MODE (active when fullscreen) */
  .bb.tv-mode .hd-btn{display:none;}

  /* MILESTONE TICKS */
  .therm-tick{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,0.18);z-index:2;pointer-events:none;}

  /* SALES DAYS LEFT */
  .sales-days-left{font-size:20px;color:rgba(255,255,255,0.5);margin:0 auto 20px;max-width:1120px;text-align:center;}

  /* WINS FEED */
  .wins-feed{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 auto 18px;max-width:1120px;}
  .win-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(58,173,110,0.1);border:1px solid rgba(58,173,110,0.28);border-radius:20px;padding:6px 16px;font-size:15px;font-weight:600;color:#3aad6e;white-space:nowrap;}
  .win-chip-name{color:#fff;font-weight:700;}
  .win-chip-amt{font-size:13px;color:rgba(58,173,110,0.85);}

  /* MOTIVATIONAL QUOTE */
  .sales-quote{font-size:17px;font-style:italic;color:rgba(255,255,255,0.3);margin:6px auto 0;max-width:900px;padding:0 24px;text-align:center;line-height:1.6;}

  /* ANNOUNCEMENT TICKER */
  .ticker-bar{display:flex;align-items:center;height:34px;background:#0a0a0a;border-top:1px solid rgba(245,200,0,0.2);overflow:hidden;width:100%;flex-shrink:0;}
  .ticker-label{flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:#f5c800;padding:0 14px;border-right:1px solid rgba(255,255,255,0.1);white-space:nowrap;height:100%;display:flex;align-items:center;}
  .ticker-wrap{flex:1;overflow:hidden;height:100%;display:flex;align-items:center;position:relative;}
  .ticker-content{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;color:rgba(255,255,255,0.72);font-weight:500;}
  @keyframes tickerScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

  /* ANNOUNCE ADMIN */
  .announce-admin-item{display:flex;align-items:center;gap:12px;background:#111;border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:10px 14px;margin-bottom:8px;}

  /* WIN ADMIN */
  .win-admin-item{display:flex;align-items:center;gap:12px;background:#111;border:1px solid rgba(58,173,110,0.18);border-radius:8px;padding:10px 14px;margin-bottom:8px;}

  /* LOGIN MODAL */
  .login-overlay{display:flex;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:10000;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;}
  .login-overlay.hidden{display:none;}
  .login-box{background:#111;border:1px solid rgba(255,255,255,0.15);border-radius:16px;padding:40px;max-width:380px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.5);}
  .login-title{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 12px;text-align:center;}
  .login-subtitle{font-size:14px;color:rgba(255,255,255,0.5);text-align:center;margin-bottom:28px;}
  .login-input-group{margin-bottom:16px;}
  .login-label{display:block;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:8px;}
  .login-input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;font-size:14px;font-family:'Barlow',sans-serif;transition:border-color 0.2s,background 0.2s;}
  .login-input:focus{outline:none;border-color:rgba(245,200,0,0.4);background:rgba(255,255,255,0.08);}
  .login-button{width:100%;padding:14px 16px;background:var(--q-accent);color:#000;border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;font-family:'Barlow',sans-serif;transition:opacity 0.2s;}
  .login-button:hover{opacity:0.9;}
  .login-button:active{opacity:0.8;}
  .login-error{color:#e05555;font-size:12px;margin-top:12px;text-align:center;}