:root{
      --bg:#ffffff;--surface:rgba(138,150,163,.10);--surface-2:rgba(138,150,163,.18);--text:#27272b;--muted:#8a96a3;
      --border:rgba(138,150,163,.30);--accent:#018cf1;--accent-text:#ffffff;--danger:#a51d2d;--success:#176b3a;
      --shadow:0 18px 50px rgba(0,0,0,.10);--radius:22px;--container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
    body.no-scroll{overflow:hidden}.overlay,.sheet,.full-profile,.message-scroll,.conversation-list,.table-wrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
    button,input,select,textarea{font:inherit}
    button{color:inherit}
    a{color:inherit}
    .page{min-height:100vh}
    .container{width:min(calc(100% - 36px),var(--container));margin:auto}
    .section{padding:86px 0}
    .section--soft{background:var(--surface)}
    .eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700}
    h1,h2,h3,h4,p{margin:0}
    h1{font-size:clamp(2.8rem,7vw,6.2rem);letter-spacing:-.06em;line-height:.94}
    h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.045em;line-height:1}
    h3{font-size:1.25rem;letter-spacing:-.02em}
    h4{font-size:1rem}
    .lead{font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;color:var(--muted);max-width:760px}
    .muted{color:var(--muted)}
    .small{font-size:.88rem}
    .hero{padding-top:118px;padding-bottom:92px}
    .hero__content{max-width:920px;display:grid;gap:24px}
    .hero__actions,.action-row,.sheet-actions{display:flex;gap:10px;flex-wrap:wrap}
    .hero__footnote{font-size:.95rem;color:var(--muted);max-width:760px}
    .nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
    .nav__inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .brand{font-weight:900;letter-spacing:-.04em;font-size:1.25rem;text-decoration:none}
    .nav__links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
    .nav-link{border:0;background:transparent;border-radius:999px;padding:9px 12px;cursor:pointer;text-decoration:none;color:var(--muted)}
    .nav-link:hover,.nav-link.active{background:var(--surface);color:var(--text)}
    .button{border:0;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .16s ease,opacity .16s ease}
    .button:hover{transform:translateY(-1px)}
    .button:disabled{opacity:.45;cursor:not-allowed;transform:none}
    .button--primary{background:var(--accent);color:var(--accent-text)}
    .button--secondary{background:#fff;border:1px solid var(--border)}
    .button--ghost{background:transparent;border:1px solid var(--border)}
    .button--danger{background:#fff0f2;color:var(--danger);border:1px solid #f0c6cc}
    .button--small{padding:9px 14px;font-size:.9rem}
    .card{background:#fff;border:1px solid var(--border);border-radius:var(--radius)}
    .section-heading{display:grid;gap:16px;margin-bottom:30px}
    .toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px 220px;gap:10px;padding:12px;margin-bottom:20px}
    .input,.select,.textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:14px;padding:12px 13px;outline:none;color:var(--text)}
    .textarea{min-height:118px;resize:vertical}
    .input:focus,.select:focus,.textarea:focus{border-color:#00aff0;box-shadow:0 0 0 3px rgba(0,175,240,.14)}
    .creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .creator-card{padding:18px;display:grid;gap:16px;min-width:0}
    .creator-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
    .avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:900;object-fit:cover;flex:none}
    .avatar--large{width:112px;height:112px}
    .creator-name{font-size:1.15rem;font-weight:800}
    .chips{display:flex;gap:7px;flex-wrap:wrap}
    .chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--surface);font-size:.84rem;color:#3d4047}
    .social-list{display:grid;gap:8px}
    .social-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.92rem;padding:9px 0;border-top:1px solid var(--border)}
    .platform{display:flex;align-items:center;gap:8px;font-weight:700}
    .platform-icon{width:24px;height:24px;border-radius:7px;background:var(--surface);display:grid;place-items:center;font-size:.78rem}
    .preview-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .preview-tile{aspect-ratio:16/10;border-radius:13px;background:linear-gradient(145deg,#eef0f4,#dfe3e9);border:1px solid var(--border);padding:10px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;text-decoration:none}
    .preview-tile img{width:100%;height:100%;object-fit:cover;border-radius:9px;position:absolute;inset:0}
    .preview-tile{position:relative}
    .preview-caption{position:relative;z-index:1;background:rgba(255,255,255,.88);backdrop-filter:blur(5px);border-radius:9px;padding:7px;font-size:.78rem;font-weight:700}
    .empty{padding:42px;text-align:center;color:var(--muted)}
    .results-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0 18px;color:var(--muted);font-size:.92rem}
    .selected-pill{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--border)}
    .overlay{position:fixed;inset:0;background:rgba(13,14,16,.48);z-index:100;display:none;place-items:center;padding:24px;overflow:auto}
    .overlay.open{display:grid}
    .sheet{width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:26px;box-shadow:var(--shadow);padding:26px;position:relative;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
    .sheet--wide{width:min(980px,100%)}
    .close-btn{position:sticky;top:0;margin-left:auto;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;display:grid;place-items:center}
    .builder{display:grid;gap:18px}
    .builder-section{padding:19px;border:1px solid var(--border);border-radius:20px;background:#fff;display:grid;gap:14px}
    .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .field{display:grid;gap:7px}
    .field--full{grid-column:1/-1}
    .field-label{font-size:.88rem;font-weight:700;color:#484b52}
    .helper{font-size:.84rem;color:var(--muted);line-height:1.45}
    .info-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:#fff;display:inline-grid;place-items:center;font-size:.74rem;font-weight:800;cursor:pointer;vertical-align:middle}
    .info-pop{display:none;margin-top:7px;padding:10px 12px;background:var(--surface);border-radius:12px;font-size:.86rem;color:#50535a;line-height:1.45}
    .info-pop.open{display:block}
    .share-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end}
    .social-row{display:grid;grid-template-columns:150px minmax(0,1fr) 150px auto auto;gap:8px;align-items:end}
    .portfolio-row{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,.8fr) auto;gap:8px;align-items:end}
    .remove-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer}
    .photo-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
    .full-profile{position:fixed;inset:0;z-index:90;background:#fff;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .full-profile.open{display:block}
    .profile-topbar{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
    .profile-topbar__inner{height:64px;display:flex;justify-content:space-between;align-items:center;gap:12px}
    .profile-page{padding:34px 0 70px}
    .profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;padding:24px 0 30px}
    .profile-summary{display:grid;gap:12px}
    .profile-actions{display:flex;gap:9px;flex-wrap:wrap}
    .profile-sections{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}
    .profile-section{padding:20px;border:1px solid var(--border);border-radius:20px;background:#fff;display:grid;gap:13px}
    .profile-section + .profile-section{margin-top:14px}
    .numbers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .number-card{padding:14px;border-radius:16px;background:var(--surface)}
    .number-card strong{display:block;font-size:1.22rem;margin-top:5px}
    .showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .showcase-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;background:#fff}
    .showcase-thumb{aspect-ratio:16/9;background:var(--surface);display:grid;place-items:center;overflow:hidden}
    .showcase-thumb img{width:100%;height:100%;object-fit:cover}
    .showcase-copy{padding:12px;display:grid;gap:5px}
    .messages-layout{display:grid;grid-template-columns:310px minmax(0,1fr);height:min(690px,calc(100vh - 120px));min-height:420px;border:1px solid var(--border);border-radius:20px;overflow:hidden}
    .conversation-list{min-width:0;min-height:0;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}
    .conversation-list-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #cce6f5;background:#eaf7ff;color:#31536b;font-size:.78rem}.conversation-list-heading span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#018cf1;color:#fff;font-size:.68rem;font-weight:850}
    .conversation-item{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;padding:14px;cursor:pointer;display:grid;gap:4px}
    .conversation-item.active{background:#fff}
    .chat{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}
    .chat-head{position:relative;flex:0 0 auto;min-width:0;padding:14px 58px 14px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
    .chat-head>div:first-child{min-width:0;flex:1 1 120px;overflow-wrap:anywhere}
    .chat-head>.action-row{min-width:0;justify-content:flex-end}
    .chat-close-button{position:absolute;right:12px;top:11px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:#fff;color:#536274;font-size:1.2rem;line-height:1;cursor:pointer}.chat-close-button:hover{border-color:#018cf1;background:#eaf7ff;color:#006bad}.chat-close-button:focus-visible{outline:3px solid rgba(1,140,241,.25);outline-offset:2px}.message-chooser{flex:1 1 auto;display:grid;place-content:center;justify-items:center;gap:8px;min-height:0;padding:28px;text-align:center;color:var(--muted)}.message-chooser strong{color:var(--text);font-size:1.05rem}.message-chooser-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#eaf7ff;font-size:1.35rem}
    .message-scroll{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px;scrollbar-gutter:stable}
    .bubble{max-width:74%;padding:10px 12px;border-radius:16px;background:var(--surface);line-height:1.45}
    .bubble.me{align-self:flex-end;background:#018cf1;color:#fff}
    .bubble.held{background:#fff6df;color:#704b00;border:1px solid #ead59a}
    .bubble-meta{font-size:.72rem;opacity:.7;margin-top:4px}
    .composer{padding:12px;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
    .campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .campaign-card{padding:18px;display:grid;gap:12px}
    .budget{font-size:1.35rem;font-weight:900}
    .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
    .tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}
    .tab.active{background:#018cf1;color:#fff}
    .calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}

    .slider-stack{display:grid;gap:18px}
    .slider-control{display:grid;gap:10px;padding:2px 0 4px}
    .slider-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
    .slider-number{width:132px;flex:none;text-align:right}
    .range{width:100%;accent-color:#018cf1;cursor:pointer}
    .range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:#d9dce2}
    .range::-webkit-slider-thumb{margin-top:-5px}
    .panel{padding:22px;display:grid;gap:18px}
    .calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .result-card{padding:16px;border-radius:17px;background:var(--surface);display:grid;gap:5px}
    .result-value{font-size:1.7rem;font-weight:900;letter-spacing:-.04em}
    .disclaimer{padding:13px 15px;border-radius:15px;background:#f7f7f8;border:1px solid var(--border);font-size:.85rem;color:#575a62;line-height:1.5}
    .admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
    .admin-stat{padding:15px;background:var(--surface);border-radius:15px}
    button.admin-stat{border:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;font:inherit}
    button.admin-stat:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(1,140,241,.12)}
    .admin-stat strong{display:block;font-size:1.45rem;color:var(--text)}
    .admin-stat span{display:block;margin-top:3px;color:var(--muted);font-size:.82rem}
    .admin-center{gap:18px}
    .admin-title-row,.notice-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
    .admin-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
    .admin-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.35fr) auto;gap:10px;align-items:center;margin-bottom:14px}
    .admin-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .admin-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
    .admin-list{display:grid;gap:10px}
    .notice-card,.timeline-row{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:inherit;text-align:left}
    button.notice-card{cursor:pointer;font:inherit}
    button.notice-card:hover,.notice-card--active{border-color:var(--accent)}
    .notice-card h3,.notice-card p,.timeline-row p{margin:4px 0}
    .timeline-row>div:last-child{display:grid;justify-items:end;gap:8px;flex-shrink:0}
    .summary-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}
    .summary-line:last-child{border-bottom:0}
    .table-link{border:0;background:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0;text-align:left}
    .table-link:hover{text-decoration:underline}
    .table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px}
    table{width:100%;border-collapse:collapse;min-width:720px}
    th,td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:.88rem;vertical-align:top}
    th{background:var(--surface);position:sticky;top:0}
    .toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);z-index:300;background:#27272b;color:#fff;padding:11px 15px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s}
    .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
    .policy-copy{display:grid;gap:13px;line-height:1.62;color:#3f4249}
    .policy-copy h3{margin-top:7px}
    .policy-link{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font-weight:700}
    .check-row{display:flex;align-items:flex-start;gap:9px;font-size:.9rem;line-height:1.45}
    .status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.76rem;font-weight:800;background:var(--surface)}
    .status--good{background:#e8f6ed;color:var(--success)}
    .status--warn{background:#fff5d8;color:#805b00}
    .status--bad{background:#ffedf0;color:var(--danger)}

    .directory-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
    .directory-tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}
    .directory-tab.active{background:#018cf1;color:#fff}
    .brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .brand-card{padding:18px;display:grid;gap:14px}
    .brand-logo--large{width:74px;height:74px;border-radius:20px;font-size:1.25rem}
    .sample-portrait{width:64px;height:64px;border-radius:50%;overflow:hidden;border:1px solid var(--border);flex:none;background:#eee}
    .sample-portrait svg{width:100%;height:100%;display:block}
    .geo-toolbar{display:grid;grid-template-columns:1.3fr repeat(4,minmax(120px,.7fr));gap:10px;padding:12px;margin-bottom:20px}
    .location-note{font-size:.84rem;color:var(--muted);margin-top:-8px;margin-bottom:16px}
    .payment-card{padding:18px;display:grid;gap:12px}
    .payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .payment-line{padding:14px;border-radius:16px;background:var(--surface)}
    .payment-line strong{display:block;font-size:1.2rem;margin-top:4px}
    .help-center{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .help-item{border:1px solid var(--border);border-radius:15px;padding:14px;background:#fff}
    .help-item button{float:right}
    .help-item p{margin-top:8px;color:var(--muted);font-size:.9rem;line-height:1.5}
    .section-subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 14px}
    .payment-coming{padding:10px 12px;border-radius:12px;background:#fff8e8;color:#745300;border:1px solid #edd7a6;font-size:.86rem}
    .brand-message-actions{display:flex;gap:8px;flex-wrap:wrap}
    .demo-note{padding:10px 12px;border-radius:12px;background:#eef3ff;color:#38507a;border:1px solid #cfdaf2;font-size:.86rem}
    @media(max-width:980px){
      .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .geo-toolbar{grid-template-columns:1fr 1fr}
    }
    @media(max-width:700px){
      .brand-grid,.help-center,.payment-summary,.geo-toolbar{grid-template-columns:1fr}
    }

    .platform-icon.tiktok{background:#111;color:#fff;box-shadow:inset 3px 0 0 #25f4ee,inset -3px 0 0 #fe2c55}
    .platform-icon.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 5%,#fd5949 38%,#d6249f 62%,#285aeb 100%);color:#fff}
    .platform-icon.youtube{background:#ff0000;color:#fff}
    .platform-icon.other{background:#e9ebef;color:#34363b}
    .brand-head{display:flex;align-items:center;gap:10px}
    .brand-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font-weight:900;flex:none}
    .brand-name{font-weight:800}
    .mock-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef0f4;color:#565a63;font-size:.72rem;font-weight:800}
    .media-viewer{display:grid;gap:12px}
    .media-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#111}
    .applicant-grid{display:grid;gap:10px}
    .applicant-card{border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:10px}
    .applicant-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
    @media(max-width:980px){
      .creator-grid,.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .profile-sections,.calculator{grid-template-columns:1fr}
      .toolbar{grid-template-columns:1fr 1fr}
      .toolbar .input{grid-column:1/-1}
      .social-row{grid-template-columns:1fr 1fr}
      .social-row .remove-btn{width:100%}
      .messages-layout{grid-template-columns:240px minmax(0,1fr)}
      .chat-head>.action-row{flex:1 1 100%;justify-content:flex-start}
    }
    @media(max-width:700px){
      .container{width:min(calc(100% - 20px),var(--container))}
      .section{padding:64px 0}
      .nav__inner{height:auto;min-height:64px;padding:8px 0;align-items:flex-start}
      .nav__links{justify-content:flex-end}
      .creator-grid,.campaign-grid,.form-grid,.calc-grid,.result-grid,.numbers-grid,.showcase-grid{grid-template-columns:1fr}
      .toolbar{grid-template-columns:1fr}
      .toolbar .input{grid-column:auto}
      .profile-hero{grid-template-columns:1fr}
      .messages-layout{grid-template-columns:1fr;grid-template-rows:minmax(96px,118px) minmax(0,1fr);height:auto;min-height:0}
      .conversation-list{max-height:none;border-right:0;border-bottom:1px solid var(--border)}
      .share-row,.portfolio-row,.social-row{grid-template-columns:1fr}
      .remove-btn{width:100%}
      .sheet{max-height:calc(100vh - 20px);padding:18px}
      .overlay{padding:10px;place-items:start center}
      .hero__actions,.profile-actions,.sheet-actions{width:100%}
      .hero__actions .button,.profile-actions .button,.sheet-actions .button{flex:1}
      .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .admin-overview-grid,.admin-card-grid{grid-template-columns:1fr}
      .admin-toolbar{grid-template-columns:1fr}
      .slider-head{align-items:flex-start;flex-direction:column}
      .slider-number{width:100%;text-align:left}
    }
  
    /* ===== Reference-dashboard visual system ===== */
    :root{
      --dash-purple:#018cf1;
      --dash-purple-2:#00aff0;
      --dash-purple-soft:rgba(0,175,240,.09);
      --dash-navy:#27272b;
      --dash-bg:#f6f9fc;
      --dash-line:rgba(138,150,163,.26);
      --dash-text:#27272b;
      --dash-muted:#8a96a3;
      --sidebar-w:206px;
      --topbar-h:58px;
    }
    html,body{height:100%}
    body{background:var(--dash-bg);overflow-x:hidden}
    .reference-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
    .reference-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:#fff;border-right:1px solid var(--dash-line);z-index:50;padding:12px 10px 18px}
    .ref-brand{height:45px;display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:900;text-decoration:none;padding:0 5px 10px}
    .ref-logo{font-size:1.6rem;font-weight:950;font-style:italic;background:linear-gradient(135deg,#00aff0,#018cf1);-webkit-background-clip:text;color:transparent}
    .ref-nav{display:grid;gap:4px}
    .ref-link{width:100%;height:42px;border:0;background:transparent;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:10px;color:#27272b;text-decoration:none;cursor:pointer;text-align:left}
    .ref-link:hover{background:var(--dash-purple-soft);color:var(--dash-purple)}
    .ref-link.active{background:linear-gradient(135deg,#018cf1,#00aff0);color:#fff}
    .ref-icon{width:20px;text-align:center}
    .ref-label{font-size:.88rem}
    .ref-count{margin-left:auto;background:#018cf1;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;font-size:.72rem}
    .ref-sidebar-foot{margin-top:auto;padding-top:30px}
    .ref-pro{margin-top:28px;border:1px solid rgba(0,175,240,.28);border-radius:12px;padding:13px;background:var(--dash-purple-soft);display:grid;gap:8px}
    .ref-pro strong{color:var(--dash-purple);font-size:.86rem}.ref-pro p{font-size:.75rem;line-height:1.4;color:#8a96a3}

    .reference-main{min-width:0}
    .reference-topbar{height:var(--topbar-h);position:sticky;top:0;z-index:45;background:var(--dash-navy);color:#fff;display:flex;align-items:center;padding:0 16px;gap:18px}
    .ref-search{position:relative;flex:1;max-width:430px}.ref-search input{width:100%;height:36px;border:1px solid #8a96a3;background:#27272b;color:#fff;border-radius:8px;padding:0 38px;outline:none}.ref-search input::placeholder{color:#8a96a3}
    .ref-search span{position:absolute;left:12px;top:8px;color:#8a96a3}
    .ref-top-actions{margin-left:auto;display:flex;align-items:center;gap:5px}
    .ref-top-btn{height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#fff;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:.82rem}
    .ref-top-btn:hover{background:rgba(255,255,255,.08)}
    .ref-admin-dot{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#00aff0,#018cf1);display:grid;place-items:center;font-size:.68rem;font-weight:900}

    .page{min-height:calc(100vh - var(--topbar-h));overflow:visible}
    .page>.hero{display:none}
    .container{width:min(calc(100% - 26px),1310px)}
    .section{padding:22px 0;background:transparent!important}
    .card{border-radius:12px;border-color:var(--dash-line);box-shadow:none}
    .button{border-radius:8px;padding:9px 14px}
    .button--primary{background:var(--dash-purple)}
    .button--primary:hover{background:#00aff0}
    .button--secondary{background:#fff}
    .input,.select,.textarea{border-radius:8px;border-color:#dfe3ea}
    .info-btn{width:19px;height:19px;font-size:.65rem}

    .ref-content-head{padding:10px 0 0}
    .ref-tabs{display:flex;gap:28px;border-bottom:1px solid var(--dash-line)}
    .ref-tab{padding:10px 2px 9px;border-bottom:2px solid transparent;text-decoration:none;font-weight:700;color:#252a34}
    .ref-tab.active,.ref-tab:hover{color:var(--dash-purple);border-bottom-color:var(--dash-purple)}

    .ref-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}
    .ref-center{min-width:0}
    .ref-rail{display:grid;gap:14px;position:sticky;top:calc(var(--topbar-h) + 12px)}
    .ref-box{background:#fff;border:1px solid var(--dash-line);border-radius:12px;padding:13px;display:grid;gap:10px}
    .ref-box-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.ref-box-head h3{font-size:1rem}.ref-link-mini{color:var(--dash-purple);font-size:.77rem;text-decoration:none}
    .ref-help-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #edf0f4;font-size:.78rem}.ref-help-row:last-child{border-bottom:0}
    .ref-calc-row{display:grid;gap:6px}.ref-calc-row+.ref-calc-row{margin-top:4px}.ref-calc-top{display:flex;justify-content:space-between;font-size:.78rem}.ref-calc-val{font-weight:700}
    .ref-mini-slider{width:100%;accent-color:var(--dash-purple)}
    .ref-stat-line{display:flex;justify-content:space-between;font-size:.78rem;padding:3px 0}.ref-stat-line strong.good{color:#178044}
    .ref-small-note{font-size:.7rem;color:var(--dash-muted);font-style:italic}

    #creators{padding-top:10px}
    .section-heading{margin-bottom:10px;gap:5px}.section-heading .eyebrow{display:none}.section-heading h2{font-size:1.2rem}.section-heading .lead{font-size:.84rem;line-height:1.45}
    .geo-toolbar{grid-template-columns:1.1fr .8fr .75fr .75fr .75fr;padding:9px;gap:7px;margin-bottom:6px}
    .location-note{font-size:.72rem;margin:0 0 7px}.results-meta{font-size:.75rem;margin:5px 0 10px}.selected-pill{font-size:.72rem;padding:6px 8px;border-radius:8px}
    .creator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
    .creator-card{padding:0;gap:0;border-radius:11px;overflow:hidden}
    .creator-card .creator-top{padding:10px;align-items:center}
    .creator-card .creator-top>div:first-child{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%}
    .creator-card .avatar,.creator-card .sample-portrait{width:100%;height:auto;aspect-ratio:1.15/1;border-radius:10px;object-fit:cover;overflow:hidden}
    .creator-card .avatar img{width:100%;height:100%;object-fit:cover}
    .creator-card .social-list{padding:0 10px}.social-line{padding:5px 0;font-size:.72rem}
    .creator-card>div:has(.preview-strip){padding:7px 10px 0}.creator-card>.button{margin:9px 10px 10px;width:calc(100% - 20px);font-size:.75rem}
    .creator-name{font-size:.95rem}.muted.small{font-size:.73rem}.status{font-size:.66rem}.mock-badge{background:var(--dash-purple);color:#fff}
    .preview-strip{grid-template-columns:1fr}.preview-tile:nth-child(n+2){display:none}
    .preview-tile{aspect-ratio:16/8}

    #brands{padding-top:18px}
    .brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
    .brand-card{padding:10px;border-radius:11px;gap:8px}
    .brand-logo--large{width:100%;height:auto;aspect-ratio:1.12/1;border-radius:12px;font-size:1rem}
    .brand-card h3,.brand-name{font-size:.9rem}.brand-card p{font-size:.72rem}.brand-message-actions .button{font-size:.72rem;padding:7px 8px}

    .campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign-card{padding:12px;border-radius:11px}.campaign-card h3{font-size:.95rem}.budget{font-size:1rem}

    .calculator{grid-template-columns:1fr 1fr;gap:12px}.panel{padding:15px}.slider-stack{gap:12px}.slider-number{width:100px;padding:7px 8px}.slider-head{font-size:.76rem}.result-card{padding:12px}.result-value{font-size:1.3rem}
    .payment-card{padding:14px}.help-center{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.help-item{padding:10px;font-size:.76rem}

    .ref-status-strip{margin:16px 0 24px;border:1px solid #cfdcff;border-radius:10px;background:#fff;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden}
    .ref-status-item{padding:10px 12px;border-right:1px solid #e1e6ef;font-size:.7rem;line-height:1.35}.ref-status-item:last-child{border-right:0}.ref-status-item strong{display:block;color:var(--dash-purple);margin-bottom:4px;font-size:.74rem}

    .overlay{z-index:1000;overflow:auto;align-items:start}.sheet{max-height:calc(100vh - 32px);overflow:auto}.full-profile{z-index:900;overflow-y:auto}.conversation-list,.message-scroll,.table-wrap{overflow:auto}

    @media(max-width:1180px){.ref-layout{grid-template-columns:1fr}.ref-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
    @media(max-width:900px){:root{--sidebar-w:74px}.ref-brand span:last-child,.ref-label,.ref-count,.ref-pro{display:none}.ref-brand{justify-content:center}.ref-link{justify-content:center;padding:0}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:700px){.reference-shell{display:block}.reference-sidebar{position:fixed;bottom:0;top:auto;left:0;width:100%;height:62px;display:flex;overflow-x:auto;padding:7px;border-right:0;border-top:1px solid var(--dash-line);z-index:70}.ref-brand,.ref-pro{display:none}.ref-nav{display:flex;min-width:max-content}.ref-link{width:58px;height:48px;display:grid;place-items:center;gap:0}.ref-label{display:block;font-size:.58rem;line-height:1}.reference-main{padding-bottom:68px}.reference-topbar{padding:0 8px}.ref-search{display:none}.ref-top-btn .ref-btn-label{display:none}.container{width:min(calc(100% - 16px),1310px)}.ref-tabs{gap:18px;overflow:auto;white-space:nowrap}.ref-layout{display:block}.ref-rail{grid-template-columns:1fr;margin-top:12px}.creator-grid,.brand-grid,.campaign-grid,.calculator,.help-center{grid-template-columns:1fr}.geo-toolbar{grid-template-columns:1fr}.ref-status-strip{grid-template-columns:1fr}.section{padding:16px 0}.sheet{max-height:calc(100vh - 20px)}}


    /* Brand-card layout fix: keep logos proportional and text underneath */
    .brand-card .brand-head{
      display:grid;
      grid-template-columns:1fr;
      gap:9px;
      align-items:start;
    }
    .brand-card .brand-head > div:last-child{
      min-width:0;
      width:100%;
    }
    .brand-card .brand-logo--large{
      width:100%;
      height:118px;
      aspect-ratio:auto;
      border-radius:12px;
      overflow:hidden;
      display:grid;
      place-items:center;
      font-size:1rem;
    }
    .brand-card img.brand-logo--large{
      object-fit:contain;
      padding:8px;
      background:#fff;
    }
    .brand-card .brand-name{
      white-space:normal;
      overflow-wrap:anywhere;
      line-height:1.25;
    }
    .brand-card .small.muted{
      white-space:normal;
      overflow-wrap:anywhere;
      line-height:1.35;
    }
    @media(max-width:700px){
      .brand-card .brand-logo--large{height:150px}
    }



/* Multi-page shell */
.ref-link[hidden]{display:none!important}
.ref-count:empty{display:none}
.ref-top-btn{text-decoration:none}
.page-intro{padding:28px 0 8px}
.page-intro__card{background:linear-gradient(135deg,#27272b,#018cf1 72%,#00aff0);color:#fff;border-radius:18px;padding:28px;display:grid;gap:9px}
.page-intro h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.045em}
.page-intro p{max-width:760px;color:#ffffff;line-height:1.55;opacity:.9}
.page-intro .eyebrow{color:#ffffff;opacity:.8}
section[id]{scroll-margin-top:calc(var(--topbar-h) + 10px)}
.sheet .brand-logo--large{width:74px;height:74px;aspect-ratio:auto;border-radius:20px;font-size:1.25rem}
.sheet img.brand-logo--large{object-fit:cover;padding:0}
.page[data-view="marketplace"] #brands{padding-top:14px}
.page[data-view="marketplace"] #campaigns{padding-bottom:40px}
.page[data-view="creators"] #creators{padding-top:16px}
.nav-note{font-size:.75rem;color:var(--dash-muted);padding:8px 11px 0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:901px){
  :root{--sidebar-w:74px}
  .reference-shell{grid-template-columns:74px minmax(0,1fr)}
  .reference-sidebar{width:74px;transition:width .2s ease,box-shadow .2s ease;box-shadow:4px 0 18px rgba(25,18,48,0)}
  .reference-sidebar:hover,.reference-sidebar:focus-within{width:206px;box-shadow:8px 0 28px rgba(25,18,48,.14)}
  .reference-sidebar:not(:hover):not(:focus-within) .ref-brand{justify-content:center}
  .reference-sidebar:not(:hover):not(:focus-within) .ref-brand span:last-child,
  .reference-sidebar:not(:hover):not(:focus-within) .ref-label,
  .reference-sidebar:not(:hover):not(:focus-within) .ref-count,
  .reference-sidebar:not(:hover):not(:focus-within) .ref-pro{display:none}
  .reference-sidebar:not(:hover):not(:focus-within) .ref-link{justify-content:center;padding-inline:0}
  .reference-sidebar:hover .ref-pro,.reference-sidebar:focus-within .ref-pro{display:grid}
}
@media(max-width:700px){
  .page-intro{padding:14px 0 2px}
  .page-intro__card{padding:20px;border-radius:14px}
  .page-intro h1{font-size:2rem}
  .reference-sidebar .ref-nav{gap:3px}
}

/* Campaign workflow, notification center, and enhanced direct messages */
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.status-grid>div,.terms-panel,.submission-card,.campaign-hub-card,.notification-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:14px}
.status-grid>div{display:grid;gap:5px}.pre-line{white-space:pre-line}
.pipeline-manager{gap:20px}.pipeline-heading{align-items:flex-start}.pipeline-heading>div:first-child{display:grid;min-width:0;gap:7px}.pipeline-heading h2{margin:0;line-height:1.12;overflow-wrap:anywhere}.pipeline-heading p{line-height:1.5}.pipeline-summary{display:flex;gap:8px;flex-wrap:wrap}.pipeline-summary-button{appearance:none;border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:var(--surface);font-size:.78rem;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.pipeline-summary-button:hover{border-color:#65bdf0;background:#edf8ff;transform:translateY(-1px)}.pipeline-summary-button:focus-visible{outline:3px solid rgba(1,140,241,.25);outline-offset:2px}.pipeline-summary-button.active{border-color:#018cf1;background:#e8f6ff;box-shadow:0 0 0 2px rgba(1,140,241,.08)}.pipeline-summary-button strong{color:#006bad}.pipeline-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,240px);gap:10px;align-items:center}.pipeline-search-field{display:block;min-width:0}.pipeline-search-field .input{min-width:0}
.toolbar-row,.message-tools,.hub-head{display:flex;gap:10px;align-items:center}.hub-head{justify-content:space-between}.toolbar-row>*{min-width:0}.toolbar-row .input{flex:1}
.application-answers{display:grid;gap:6px;margin-top:10px;padding:10px;background:var(--surface);border-radius:10px}
.applicant-identity{display:flex;align-items:center;gap:10px;min-width:0}.applicant-identity>div:last-child{min-width:0}.applicant-actions{align-items:center}.application-card-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #d8eaf5;border-radius:12px;background:#f6fbff}.application-card-preview strong{font-size:.78rem;color:#4e6070}.application-completion{display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:5px;margin:0;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:850}.application-completion.is-complete{background:#e4f7ee;color:#176b46}.application-completion.is-incomplete{background:#fff1dc;color:#8a5200}.application-view-button{border-color:#65bdf0!important;background:#edf8ff!important;color:#006bad!important;font-weight:850}.application-review{gap:22px}.application-review-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:34px}.application-review-header{display:flex;align-items:center;gap:14px;padding:4px 0}.application-review-header .avatar{width:68px;height:68px;font-size:1.05rem}.application-review-header h2,.application-summary h3,.application-section-heading h3,.application-supporting-section h3{margin:3px 0}.application-summary{display:grid;gap:12px}.application-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.application-section-heading>strong{font-size:.8rem;color:var(--muted)}.application-response-list{counter-reset:application-question;display:grid;gap:12px;margin:14px 0 0;padding:0;list-style:none}.application-response-list>li{counter-increment:application-question;position:relative}.application-response-list>li:before{content:counter(application-question);position:absolute;left:14px;top:15px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f6ff;color:#006bad;font-size:.72rem;font-weight:900}.application-response-card{display:grid;gap:12px;border:1px solid var(--border);border-radius:15px;background:#fff;padding:16px 16px 16px 52px;box-shadow:0 5px 18px rgba(26,61,84,.04)}.application-response-card h4{margin:1px 0;font-size:.96rem;line-height:1.4;color:#273744}.application-answer{margin:0;color:#526270;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.application-answer--empty{color:#8996a2;font-style:italic}.application-answer--choice{width:max-content;border-radius:999px;background:#e8f6ff;color:#006bad;padding:6px 10px;font-weight:850}.application-answer-chips{display:flex;gap:7px;flex-wrap:wrap}.application-answer-link,.application-material-list a{width:max-content;max-width:100%;color:#006bad;font-weight:800;overflow-wrap:anywhere}.application-upload-answer{display:grid;gap:9px}.application-upload-answer img{width:min(360px,100%);max-height:260px;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.application-supporting-section{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:18px}.application-material-list{display:flex;gap:10px;flex-wrap:wrap}.application-material-list a,.application-material-list span{border:1px solid var(--border);border-radius:10px;padding:9px 11px;background:var(--surface)}.application-review-actions{position:sticky;bottom:-26px;z-index:2;display:flex;gap:9px;flex-wrap:wrap;margin:0 -26px -26px;padding:15px 26px;background:rgba(255,255,255,.96);border-top:1px solid var(--border);box-shadow:0 -10px 28px rgba(27,59,80,.08);backdrop-filter:blur(8px)}.application-review-actions .button:disabled,.applicant-actions .button:disabled{cursor:default;opacity:.58}
.applicant-status-stack{display:flex;align-items:flex-end;gap:6px;flex-direction:column}.application-new-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#018cf1;color:#fff;padding:5px 9px;font-size:.7rem;font-weight:900}.application-new-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.applicant-card--archived{border-style:dashed;background:#fbfcfd}.pipeline-archived-summary{background:#edf2f6!important}.campaign-hub-card--attention{border-color:#65bdf0!important;background:linear-gradient(100deg,#f0f9ff,#fff)!important;box-shadow:0 7px 22px rgba(1,140,241,.08)}.campaign-application-alert{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:7px 0 2px;border-radius:999px;background:#e8f6ff;color:#006bad;padding:7px 10px;font-size:.78rem}.campaign-application-alert>span{width:8px;height:8px;border-radius:50%;background:#018cf1;box-shadow:0 0 0 4px rgba(1,140,241,.12)}
.campaign-hub-card--cancelled{border-style:dashed;background:#f7f9fb}.campaign-cancelled-summary{max-width:44rem;margin:7px 0;color:#64748b}.campaign-cancelled-notice{border-left:4px solid #8a96a3}
.campaign-folder-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:10px}.campaign-folder-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:#fff;padding:9px 13px;font-weight:800;cursor:pointer}.campaign-folder-tab span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--surface-2);font-size:.69rem}.campaign-folder-tab.active{border-color:#018cf1;background:#eaf7ff;color:#006bad}.campaign-folder-tab.active span{background:#018cf1;color:#fff}.campaign-hub-card--deleted{border-style:dashed;background:#f4f6f8;opacity:.96}.campaign-hub-card--deleted h3{text-decoration:line-through;text-decoration-thickness:1px}.deleted-campaign-detail{border-left:4px solid #8a96a3}
.campaign-hub-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,210px) minmax(150px,210px);gap:10px;align-items:center}.campaign-hub-toolbar>*{min-width:0}
.attention-pill{border-radius:999px;background:#e8f6ff;color:#006bad;padding:8px 12px;font-weight:800;white-space:nowrap}
.campaign-hub-list,.notification-list,.submission-list,.event-timeline{display:grid;gap:10px}.campaign-hub-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.campaign-hub-card h3{margin:5px 0}.submission-card{display:grid;gap:9px}
.event-row{position:relative;display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;padding:4px 0}.event-dot{width:9px;height:9px;border-radius:50%;background:#018cf1;box-shadow:0 0 0 4px #e8f6ff;margin-top:5px}.event-row:not(:last-child):after{content:"";position:absolute;left:4px;top:18px;bottom:-9px;width:1px;background:var(--border)}
.notification-center{min-height:520px}.notification-folder-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:10px}.notification-folder-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:#fff;padding:9px 13px;font-weight:800;cursor:pointer}.notification-folder-tab span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--surface-2);font-size:.69rem}.notification-folder-tab.active{border-color:#018cf1;background:#eaf7ff;color:#006bad}.notification-folder-tab.active span{background:#018cf1;color:#fff}.notification-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:10px}.notification-bulk-bar{position:sticky;top:-26px;z-index:4;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #9ddcff;border-radius:14px;background:rgba(242,250,255,.97);padding:10px 12px;box-shadow:0 8px 25px rgba(18,77,115,.08);backdrop-filter:blur(8px)}.notification-bulk-bar[hidden]{display:none}.notification-bulk-bar>.action-row{margin-left:auto}.notification-select-all{display:flex;align-items:center;gap:7px;font-size:.78rem;cursor:pointer}.notification-card{position:relative;display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;text-align:left;color:inherit;cursor:default;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.notification-card.unread{border-color:#018cf1;background:#f2faff}.notification-card.unread strong{color:#006bad}.notification-card.pinned{box-shadow:inset 4px 0 0 #018cf1}.notification-card.selected{border-color:#018cf1;box-shadow:0 0 0 3px rgba(1,140,241,.13)}.notification-check{position:relative;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;cursor:pointer}.notification-check input{position:absolute;opacity:0;pointer-events:none}.notification-check span{display:grid;place-items:center;width:22px;height:22px;border:2px solid #a9b5c0;border-radius:50%;background:#fff;transition:.15s ease}.notification-check input:checked+span{border-color:#018cf1;background:#018cf1}.notification-check input:checked+span:after{content:"✓";color:#fff;font-size:.75rem;font-weight:900}.notification-check input:focus-visible+span{outline:3px solid rgba(1,140,241,.25);outline-offset:2px}.notification-open{display:grid;min-width:0;grid-template-columns:12px minmax(0,1fr);gap:10px;border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.notification-open:hover strong{text-decoration:underline}.notification-copy{display:grid;min-width:0;gap:3px;overflow-wrap:anywhere}.notification-copy small{color:var(--muted)}.notification-pin{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaf7ff;font-size:.78rem}
.message-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:grab;user-select:none}.message-window-bar:active{cursor:grabbing}.message-window-bar h2{margin:0}.message-window-bar p{margin:2px 0 0}.message-tools{padding:10px 0}.message-tools .input{flex:1}.message-tools .select{width:170px}
.message-sheet{transition:transform .08s linear}
.conversation-avatar-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.conversation-avatar-row>.avatar,.conversation-avatar-row>.sample-portrait{width:42px;height:42px;font-size:.76rem}.conversation-item-copy{display:grid;min-width:0;gap:4px}.conversation-item-copy>.small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-person{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.conversation-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-unread{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#018cf1;color:white;font-size:.69rem}.chat-identity{display:flex!important;align-items:center;gap:10px}.chat-identity>.avatar,.chat-identity>.sample-portrait{width:42px;height:42px;font-size:.76rem}.chat-identity>span{display:grid;min-width:0;gap:2px}.chat-identity>span>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-identity .small{display:block}
.campaign-chat-context{display:flex;flex:0 0 auto;align-items:center;gap:10px;width:100%;min-width:0;border:0;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#f0f9ff,#fff);padding:9px 14px;text-align:left;cursor:pointer;color:inherit}.campaign-chat-context span,.campaign-chat-context small{font-size:.72rem;color:var(--muted)}.campaign-chat-context strong{flex:1;min-width:0;overflow-wrap:anywhere}.campaign-chat-context small{text-align:right}
.message-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.message-row.mine{align-items:flex-end}.message-row.system{align-items:stretch}.system-bubble{max-width:100%!important;text-align:center;background:#eef7fc!important;color:#31536b!important;border:1px solid #cce6f5;border-radius:10px!important;font-size:.85rem}.reply-snippet{padding:6px 8px;margin:-3px -3px 7px;border-left:3px solid currentColor;background:rgba(255,255,255,.18);border-radius:6px;font-size:.76rem;opacity:.85}.reaction-strip{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.reaction-count{background:#fff;border:1px solid rgba(0,0,0,.12);color:#27272b;padding:2px 6px;border-radius:999px;font-size:.69rem}
.campaign-system-message{display:grid;width:100%;gap:5px;font:inherit;cursor:pointer;appearance:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.campaign-system-message:hover{border-color:#65bdf0;background:#e5f5ff!important;box-shadow:0 7px 20px rgba(1,140,241,.12);transform:translateY(-1px)}.campaign-system-message:focus-visible{outline:3px solid rgba(1,140,241,.3);outline-offset:2px}.campaign-message-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:5px auto 0;border-radius:999px;background:#018cf1;color:#fff;padding:6px 11px;font-size:.72rem;font-weight:850}.campaign-system-message .bubble-meta{color:#718393}.campaign-chat-context:hover{background:linear-gradient(90deg,#e3f5ff,#f8fcff)}.campaign-chat-context:focus-visible{outline:3px solid rgba(1,140,241,.25);outline-offset:-3px}
.message-actions{display:flex;gap:3px;opacity:0;transition:opacity .15s}.message-row:hover .message-actions,.message-actions:focus-within{opacity:1}.message-actions button,.replying-banner button,.emoji-button{border:1px solid var(--border);background:#fff;border-radius:999px;color:#536274;font-size:.69rem;padding:3px 7px;cursor:pointer}.typing-indicator{flex:0 0 20px;height:20px;padding:2px 16px;font-size:.75rem;color:var(--muted);font-style:italic}.replying-banner{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:7px 12px;background:#f2faff;border-top:1px solid #cce6f5;font-size:.78rem}.replying-banner.hidden{display:none}.composer{flex:0 0 auto;grid-template-columns:auto minmax(0,1fr) auto;min-width:0}.emoji-button{font-size:1rem;align-self:center;width:34px;height:34px;padding:0}.chat>.disclaimer{flex:0 0 auto;margin:0;border-radius:0;border-width:1px 0 0}
.message-link{color:inherit;text-decoration:underline;overflow-wrap:anywhere}
.incoming-message-notice{position:fixed;right:22px;bottom:22px;z-index:1500;width:min(330px,calc(100vw - 32px));display:grid;gap:4px;text-align:left;border:1px solid #9ddcff;border-radius:14px;padding:14px;background:#fff;box-shadow:0 18px 50px rgba(10,45,75,.24);color:#27272b;cursor:pointer}.incoming-message-notice strong{color:#006bad}.incoming-message-notice span{font-size:.82rem;color:#586775}
.incoming-message-stack{position:fixed;right:18px;bottom:88px;z-index:1500;display:grid;gap:9px;width:min(350px,calc(100vw - 28px))}.incoming-message-stack .incoming-message-notice{position:relative;right:auto;bottom:auto;width:100%;grid-template-columns:42px 1fr;align-items:center}.incoming-message-notice img,.incoming-notice-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.incoming-notice-avatar{display:grid;place-items:center;background:#018cf1;color:#fff;font-weight:800}.incoming-notice-copy{display:grid;gap:2px}.incoming-notice-copy small{color:#7a8794;font-size:.68rem}
.minimized-dm-dock{position:fixed;right:18px;bottom:18px;z-index:1450;display:flex;flex-direction:row-reverse;align-items:center;gap:9px}.minimized-dm-bubble,.minimized-dm-more{position:relative;width:54px;height:54px;border-radius:50%;border:3px solid #fff;background:#018cf1;color:#fff;box-shadow:0 9px 26px rgba(12,57,91,.3);display:grid;place-items:center;font-weight:850;cursor:pointer;overflow:visible}.minimized-dm-bubble img{width:100%;height:100%;object-fit:cover;border-radius:50%}.minimized-dm-bubble b{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e1374c;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:.65rem}.minimized-dm-bubble.pulse{animation:dmBubblePulse .8s ease 2}.minimized-dm-more{width:42px;height:42px;background:#27272b;font-size:.78rem}@keyframes dmBubblePulse{50%{transform:scale(1.1);box-shadow:0 0 0 8px rgba(1,140,241,.18),0 9px 26px rgba(12,57,91,.3)}}
.message-sheet{will-change:transform;contain:layout paint}.dm-dragging{user-select:none!important;cursor:grabbing!important}.dm-dragging *{user-select:none!important}
.support-share-request{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1700;width:min(720px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #8bd1f8;border-radius:16px;background:#fff;padding:16px;box-shadow:0 18px 55px rgba(9,57,91,.28)}.support-share-request p{margin:5px 0}.support-share-request small{color:var(--muted)}
.admin-support-share-ready{border:2px solid #018cf1;background:linear-gradient(135deg,#fff,#edf8ff)}
.screen-share-indicator{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:1800;width:min(680px,calc(100vw - 24px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:2px solid #018cf1;border-radius:14px;background:#fff;padding:10px 14px;box-shadow:0 12px 38px rgba(9,57,91,.24)}.screen-share-indicator span{font-size:.78rem;color:var(--muted)}.support-share-video{width:100%;max-height:70vh;background:#111;border-radius:14px;object-fit:contain}.admin-preview-mode{pointer-events:none}.admin-preview-mode #exitAdminPreview{pointer-events:auto}.admin-preview-banner{pointer-events:auto;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;border-radius:12px;background:#27272b;color:#fff;padding:12px}.admin-preview-banner span{flex:1;font-size:.8rem}
@media(max-width:700px){.status-grid{grid-template-columns:1fr}.toolbar-row,.message-tools,.hub-head,.campaign-hub-card{align-items:stretch;flex-direction:column}.message-tools .select{width:100%}.message-actions{opacity:1}.message-sheet{width:100%;height:100dvh;max-height:100dvh;padding:12px;border-radius:0;overflow:hidden;transform:none!important}.message-window{height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr);gap:10px}.message-window-bar{align-items:flex-start;flex-wrap:wrap}.message-window-bar>.action-row{width:100%}.message-window-bar>.action-row .button{flex:1;padding:8px 9px}.message-tools{padding:0}.chat-head{padding:10px 50px 10px 10px}.chat-close-button{right:8px;top:8px}.chat-head>.action-row{display:flex;width:100%;gap:6px}.chat-head>.action-row .button{flex:1 1 calc(33.333% - 6px);padding:8px 9px;font-size:.78rem}.campaign-chat-context{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 8px;padding:8px 10px}.campaign-chat-context small{grid-column:1/-1;text-align:left}.message-scroll{padding:12px;gap:8px}.bubble{max-width:88%}.composer{padding:9px;gap:6px}.composer .textarea{min-height:48px!important;resize:none}.composer .button{padding-left:13px;padding-right:13px}.campaign-hub-card .action-row{justify-content:flex-start}}
@media(max-width:700px){.sheet:has(.application-review){width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:18px}.application-review-nav{padding-right:34px}.application-review-header{align-items:flex-start}.application-card-preview{align-items:flex-start;flex-direction:column}.applicant-actions .button{flex:1 1 calc(50% - 8px)}.application-view-button{flex-basis:100%!important}.application-section-heading{align-items:flex-start;flex-direction:column}.application-response-card{padding:48px 14px 15px}.application-review-actions{bottom:-18px;margin:0 -18px -18px;padding:13px 18px}.application-review-actions .button{flex:1 1 calc(50% - 8px)}}
@media(max-width:700px){.pipeline-toolbar,.campaign-hub-toolbar{grid-template-columns:1fr}.pipeline-heading h2{font-size:clamp(2rem,12vw,3.2rem)}.pipeline-summary{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 7px}.pipeline-summary-button{flex:0 0 auto}.campaign-folder-tabs{overflow-x:auto}.campaign-folder-tab{flex:1;justify-content:center;white-space:nowrap}}

/* Multi-link deliverable composer, private video previews, and final verification */
.deliverable-composer{gap:20px}.deliverable-composer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.deliverable-composer-top>div{min-width:0}.deliverable-composer-top h2{margin:4px 0;line-height:1.08}.deliverable-links-input{min-height:112px}.deliverable-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.deliverable-divider:before,.deliverable-divider:after{content:"";height:1px;background:var(--border);flex:1}
.deliverable-upload-zone{position:relative;display:grid;place-items:center;gap:6px;min-height:150px;border:2px dashed #8bd1f8;border-radius:18px;background:#f2faff;padding:22px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.deliverable-upload-zone:hover{border-color:#018cf1;background:#e8f6ff;transform:translateY(-1px)}.deliverable-upload-zone:focus-within{outline:3px solid rgba(1,140,241,.22);outline-offset:2px}.deliverable-upload-zone>span:last-of-type{color:var(--muted);font-size:.84rem}.deliverable-upload-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.deliverable-upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#018cf1;color:#fff;font-size:1.35rem;font-weight:900}
.deliverable-file-list{display:grid;gap:8px}.deliverable-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:13px;background:#fff;padding:11px 12px}.deliverable-file-row>div{min-width:0}.deliverable-file-row strong{display:block;overflow-wrap:anywhere}.deliverable-file-empty{padding:10px}.submission-card__heading,.deliverable-asset-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.deliverable-asset-heading>div{display:grid;gap:6px;min-width:0}.deliverable-asset-heading strong{overflow-wrap:anywhere}
.deliverable-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.deliverable-asset-card{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid #cbdbe6;border-radius:15px;background:#fff;padding:13px}.deliverable-asset-card--error{border-color:#efb7b7;background:#fff7f7}.deliverable-video{display:block;width:100%;max-height:360px;aspect-ratio:16/9;border-radius:11px;background:#17191c;object-fit:contain}.deliverable-link-preview{display:flex;align-items:center;gap:12px;min-height:90px;border-radius:12px;background:#edf8ff;padding:14px}.deliverable-link-preview>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#018cf1;color:#fff;font-size:1.2rem}.deliverable-message{border-left:4px solid #018cf1;border-radius:10px;background:#edf8ff;padding:12px 14px}.deliverable-message p{margin:4px 0;line-height:1.55}.deliverable-preview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.deliverable-preview-summary>div{display:grid;gap:4px;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:12px}.deliverable-preview-summary strong{font-size:1.25rem}
.deliverable-confirmation{display:grid;gap:14px;border:2px solid #8bd1f8;border-radius:18px;background:#f2faff;padding:18px}.deliverable-confirmation h3{margin:4px 0}.deliverable-confirmation p{margin:0;color:var(--muted)}.deliverable-confirm-check{display:flex;align-items:center;gap:12px;width:100%;border:2px solid #8a96a3;border-radius:14px;background:#fff;padding:14px;text-align:left;font-weight:800;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.deliverable-confirm-check:hover{border-color:#018cf1}.deliverable-confirm-check:focus-visible{outline:3px solid rgba(1,140,241,.25);outline-offset:2px}.deliverable-check-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:2px solid #8a96a3;border-radius:50%;background:#fff;color:transparent;font-size:1.1rem;font-weight:900}.deliverable-confirm-check.checked{border-color:#018cf1;background:#e8f6ff;box-shadow:0 0 0 3px rgba(1,140,241,.1)}.deliverable-confirm-check.checked .deliverable-check-icon{border-color:#018cf1;background:#018cf1;color:#fff}.deliverable-confirmation .button:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.3)}
@media(max-width:700px){.deliverable-composer-top{flex-direction:column}.deliverable-composer-top .button{width:100%}.deliverable-asset-grid{grid-template-columns:1fr}.deliverable-preview-summary{grid-template-columns:1fr}.submission-card__heading,.deliverable-asset-heading,.deliverable-file-row{align-items:stretch;flex-direction:column}.deliverable-file-row .button{width:100%}}
@media(max-width:700px){.notification-toolbar{grid-template-columns:1fr}.notification-folder-tabs{overflow-x:auto}.notification-folder-tab{flex:1;justify-content:center;white-space:nowrap}.notification-bulk-bar{top:-18px;align-items:stretch}.notification-bulk-bar>.action-row{width:100%;margin-left:0}.notification-bulk-bar>.action-row .button{flex:1}.notification-card{padding:12px;gap:8px}.notification-open{gap:8px}.notification-pin{width:24px;height:24px}}
@media(max-width:700px){.minimized-dm-dock{right:10px;bottom:74px}.incoming-message-stack{right:10px;bottom:140px}.support-share-request{align-items:stretch;flex-direction:column}.screen-share-indicator{grid-template-columns:1fr;text-align:center}}