/* Local liquid-glass shell for the operational OA surface. */
:root{--liquid-bg:#dfeaf5;--liquid-ink:#17212b;--liquid-muted:#607080;--liquid-accent:#0a84ff;--liquid-line:rgba(255,255,255,.62);--liquid-glass:rgba(255,255,255,.56);--liquid-glass-strong:rgba(255,255,255,.76);--liquid-shadow:0 18px 42px rgba(44,76,108,.15),inset 0 1px 0 rgba(255,255,255,.82);--liquid-ease:cubic-bezier(.23,1,.32,1)}
html,body{min-height:100%;background:var(--liquid-bg)}
html[data-theme] body{color:var(--liquid-ink);background:linear-gradient(135deg,#edf5fb 0%,#dcebf7 46%,#cbddea 100%)}
html[data-theme] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4;background-image:radial-gradient(rgba(92,118,145,.28) .7px,transparent .8px),linear-gradient(118deg,rgba(255,255,255,.38),transparent 34%,rgba(106,175,226,.12) 68%,transparent 92%);background-size:28px 28px,100% 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 72%)}
html[data-theme="pure-white"] body{background:#f5f5f7;color:#1d1d1f}
html[data-theme="pure-white"] body::before{display:none}
html[data-theme] .app,html[data-theme] .login-page{background:transparent}
html[data-theme] .app{display:block;min-height:100vh}
html[data-theme] .sidebar{top:18px;left:18px;bottom:18px;width:244px;height:auto;padding:16px 12px;border:1px solid var(--liquid-line);border-radius:22px;color:var(--liquid-ink);background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(236,247,255,.47));box-shadow:var(--liquid-shadow);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}
html[data-theme="pure-white"] .sidebar{color:#1d1d1f;background:#fff;border-color:#d2d2d7;box-shadow:0 10px 24px rgba(0,0,0,.06);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] .side-brand{padding:4px 8px 16px;border-color:rgba(95,120,144,.14)}html[data-theme] .side-user{padding:12px 6px 2px;border-color:rgba(95,120,144,.14)}
html[data-theme] .side-brand b,html[data-theme] .side-user b,html[data-theme] .topbar h1,html[data-theme] .panel-head h3,html[data-theme] .stat strong{color:var(--liquid-ink)}
html[data-theme] .side-brand small,html[data-theme] .side-user small,html[data-theme] .topbar p,html[data-theme] .panel-head small,html[data-theme] .stat small,html[data-theme] .empty,html[data-theme] .muted{color:var(--liquid-muted)}
html[data-theme] nav{padding-top:12px}html[data-theme] nav button{border-radius:12px;color:#34485a}html[data-theme] nav button.active{border-left-color:transparent;color:#0757a0;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(65,112,154,.1)}
html[data-theme] .main{margin-left:262px}html[data-theme] .topbar{top:18px;margin:18px 18px 0 0;height:72px;padding:0 26px;border:1px solid var(--liquid-line);border-radius:18px;background:rgba(255,255,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 12px 30px rgba(44,76,108,.08);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
html[data-theme="pure-white"] .topbar{background:#fff;border-color:#d2d2d7;box-shadow:0 6px 18px rgba(0,0,0,.04);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] .content{padding:28px 34px 54px 16px}
html[data-theme] .panel,html[data-theme] .stat,html[data-theme] .table-wrap,html[data-theme] .dialog,html[data-theme] .login-form,html[data-theme] .profile-hero,html[data-theme] .brand-pr-card,html[data-theme] .team-performance{border:1px solid var(--liquid-line);background:var(--liquid-glass);box-shadow:var(--liquid-shadow)}
html[data-theme="pure-white"] .panel,html[data-theme="pure-white"] .stat,html[data-theme="pure-white"] .table-wrap,html[data-theme="pure-white"] .dialog,html[data-theme="pure-white"] .login-form,html[data-theme="pure-white"] .profile-hero,html[data-theme="pure-white"] .brand-pr-card,html[data-theme="pure-white"] .team-performance{border-color:#d2d2d7;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.04)}
html[data-theme] .panel,html[data-theme] .stat,html[data-theme] .dialog,html[data-theme] .login-form,html[data-theme] .profile-hero{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
html[data-theme="pure-white"] .panel,html[data-theme="pure-white"] .stat,html[data-theme="pure-white"] .dialog,html[data-theme="pure-white"] .login-form,html[data-theme="pure-white"] .profile-hero{backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-theme] .sidebar,html[data-theme] .topbar,html[data-theme] .panel,html[data-theme] .stat,html[data-theme] .table-wrap,html[data-theme] .dialog,html[data-theme] .login-form,html[data-theme] .profile-hero,html[data-theme] .brand-pr-card,html[data-theme] .team-performance{background:rgba(248,252,255,.96)}}
html[data-theme] .panel,html[data-theme] .stat,html[data-theme] .dialog,html[data-theme] .login-form{border-radius:16px}html[data-theme] .panel{padding:20px}html[data-theme] .stat{min-height:112px;padding:18px}
html[data-theme] .stat-icon,html[data-theme] .btn.secondary,html[data-theme] .avatar{color:#066bc9;background:rgba(225,244,255,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme] .btn.primary{color:#fff;border:1px solid rgba(255,255,255,.52);background:linear-gradient(145deg,#1591ff,#0071e3);box-shadow:0 10px 20px rgba(0,113,227,.24),inset 0 1px 0 rgba(255,255,255,.35)}html[data-theme] .btn.primary:hover{background:linear-gradient(145deg,#299bff,#0a7bef)}
html[data-theme] .btn.ghost,html[data-theme] .mini-btn,html[data-theme] .icon-btn{border-color:rgba(255,255,255,.72);color:#365168;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}html[data-theme] .btn.ghost:hover,html[data-theme] .mini-btn:hover,html[data-theme] .icon-btn:hover{background:rgba(255,255,255,.78);color:var(--liquid-ink)}
html[data-theme] .toolbar input,html[data-theme] .toolbar select,html[data-theme] .form-field input,html[data-theme] .form-field select,html[data-theme] .form-field textarea{border-color:rgba(255,255,255,.7);color:var(--liquid-ink);background:rgba(255,255,255,.62);box-shadow:inset 0 1px 1px rgba(31,64,93,.05),0 1px 0 rgba(255,255,255,.8)}
html[data-theme] .data-table th{color:#3d5468;background:rgba(246,251,255,.64)}html[data-theme] .data-table td{border-color:rgba(108,142,170,.14)}html[data-theme] .data-table tr:hover td{background:rgba(255,255,255,.48)}html[data-theme] .dialog>header{border-color:rgba(108,142,170,.14);background:rgba(250,253,255,.66)}html[data-theme] .modal{background:rgba(29,53,75,.34);backdrop-filter:blur(5px)}html[data-theme] .dialog{background:var(--liquid-glass-strong)}html[data-theme] .photo-wall-section{border-color:rgba(108,142,170,.17)}
body.modal-open{overflow:hidden}.modal{opacity:1;transition:opacity 180ms var(--liquid-ease)}.modal.hidden{display:grid!important;visibility:hidden;opacity:0;pointer-events:none}.dialog{transform:scale(1);opacity:1;transition:transform 220ms var(--liquid-ease),opacity 180ms ease-out}.modal.hidden .dialog{transform:scale(.97) translateY(8px);opacity:0}
.btn,.mini-btn,.icon-btn,.stat.action-card,.brand-pool-tab,.photo-image-button{transition:transform 140ms var(--liquid-ease),background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,color 160ms ease}.btn:active,.mini-btn:active,.icon-btn:active,.stat.action-card:active,.brand-pool-tab:active{transform:scale(.98)}.dialog .form-actions .btn.primary{min-height:48px;padding-inline:20px;font-size:14px}.toast{right:28px;bottom:28px;border-radius:14px;background:rgba(26,37,48,.86);backdrop-filter:blur(18px)}.mobile-nav-btn{display:none}
@media (hover:hover) and (pointer:fine){html[data-theme] .stat.action-card:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(44,76,108,.16),inset 0 1px 0 rgba(255,255,255,.82)}.photo-image-button:hover .photo-image{transform:scale(1.015)}}
@media (max-width:1400px) and (min-width:801px){html[data-theme] .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-theme] .dashboard-today-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){html[data-theme] .app{display:block!important;grid-template-columns:none!important;min-width:0!important;width:100%!important}html[data-theme] .sidebar{position:sticky;top:8px;left:auto;bottom:auto;width:auto;height:auto;min-height:58px;margin:8px;padding:8px 12px;display:grid;grid-template-columns:1fr auto;border-radius:16px;z-index:10}html[data-theme] .main{margin-left:0}html[data-theme] .topbar{top:0;height:66px;margin:10px 8px 0;padding:0 16px;border-radius:16px}html[data-theme] .content{padding:18px 12px 36px}.mobile-nav-btn{display:grid;grid-column:2;grid-row:1}html[data-theme] nav{display:none;grid-column:1/-1;max-height:56vh;margin-top:8px;padding:8px 0 0;border-top:1px solid rgba(108,142,170,.16);overflow-y:auto}body.mobile-nav-open nav{display:flex;flex-direction:column;align-items:stretch}body.mobile-nav-open nav button{width:100%;justify-content:flex-start}html[data-theme] .side-brand{grid-column:1;grid-row:1;padding:0;border:0}html[data-theme] .side-user{display:none}html[data-theme] .stats{gap:10px}html[data-theme] .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] .dashboard-today-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] .stat{min-height:82px}.dialog{border-radius:16px}}
@media (prefers-reduced-motion:reduce){.modal,.dialog,.btn,.mini-btn,.icon-btn,.stat.action-card,.brand-pool-tab,.photo-image-button,.toast{transition:opacity 160ms ease,background-color 160ms ease,color 160ms ease,border-color 160ms ease!important}.modal.hidden .dialog{transform:none}}

/* Layered glass performance pass: keep blur on the few surfaces that need depth. */
html{scrollbar-gutter:stable}
html[data-theme]{
  --primary:var(--sky);
  --text:var(--ink);
  --layer-surface:rgba(255,255,255,.68);
  --layer-surface-soft:rgba(255,255,255,.52);
  --layer-surface-elevated:rgba(255,255,255,.82);
  --layer-line:rgba(90,120,148,.18);
  --layer-shadow:0 10px 26px rgba(44,76,108,.10),inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme] .sidebar{
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(236,247,255,.58));
  border-color:var(--layer-line);
  box-shadow:var(--layer-shadow);
  backdrop-filter:blur(16px) saturate(112%);
  -webkit-backdrop-filter:blur(16px) saturate(112%);
}
html[data-theme] .topbar{
  background:rgba(255,255,255,.66);
  border-color:var(--layer-line);
  box-shadow:0 8px 22px rgba(44,76,108,.08),inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter:blur(12px) saturate(108%);
  -webkit-backdrop-filter:blur(12px) saturate(108%);
}
html[data-theme] .panel,
html[data-theme] .stat,
html[data-theme] .table-wrap,
html[data-theme] .login-form,
html[data-theme] .profile-hero,
html[data-theme] .brand-pr-card,
html[data-theme] .team-performance{
  background:var(--layer-surface);
  border-color:var(--layer-line);
  box-shadow:var(--layer-shadow);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-theme] .dialog{
  background:var(--layer-surface-elevated);
  border-color:var(--layer-line);
  box-shadow:0 22px 54px rgba(29,53,75,.18),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(10px) saturate(108%);
  -webkit-backdrop-filter:blur(10px) saturate(108%);
}
html[data-theme] .modal{
  background:rgba(29,53,75,.28);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
html[data-theme] .dialog>header{background:rgba(250,253,255,.72)}
/* Reserve the page gutter on html, while keeping the modal backdrop free of a second scrollbar. */
body.modal-open{overflow:hidden;overscroll-behavior:none}
.modal .dialog{transform:none;opacity:1;transition:opacity 180ms ease-out}
.modal.hidden .dialog{transform:none;opacity:0}
html[data-theme] .stat.action-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(44,76,108,.12),inset 0 1px 0 rgba(255,255,255,.82)}
html[data-theme="pure-white"] .sidebar,
html[data-theme="pure-white"] .topbar,
html[data-theme="pure-white"] .dialog,
html[data-theme="pure-white"] .modal,
html[data-theme="pure-white"] .panel,
html[data-theme="pure-white"] .stat,
html[data-theme="pure-white"] .table-wrap,
html[data-theme="pure-white"] .login-form,
html[data-theme="pure-white"] .profile-hero,
html[data-theme="pure-white"] .brand-pr-card,
html[data-theme="pure-white"] .team-performance{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="pure-white"] .sidebar,
html[data-theme="pure-white"] .topbar,
html[data-theme="pure-white"] .dialog,
html[data-theme="pure-white"] .panel,
html[data-theme="pure-white"] .stat,
html[data-theme="pure-white"] .table-wrap,
html[data-theme="pure-white"] .login-form,
html[data-theme="pure-white"] .profile-hero,
html[data-theme="pure-white"] .brand-pr-card,
html[data-theme="pure-white"] .team-performance{background:#fff;border-color:#d2d2d7}
html[data-theme="pure-white"] .modal{background:rgba(29,29,31,.2)}
@media (prefers-reduced-motion:reduce){.modal .dialog{transition:none!important}.modal.hidden .dialog{opacity:0}}

/* Compact brand identity used across business records. */
.brand-name-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0;padding:3px 8px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--layer-line));border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-size:12px;font-weight:750;line-height:1.35;vertical-align:middle}
.brand-name-badge svg{flex:0 0 auto}
.brand-name-badge>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.influencer-name-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0;padding:3px 8px;border:1px solid #f3d7a1;border-radius:10px;background:#fff8e8;color:#b7791f;font-size:12px;font-weight:750;line-height:1.35;vertical-align:middle}
.influencer-name-badge svg{flex:0 0 auto;color:#b7791f}
.influencer-name-badge>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] .picker-selected .brand-name-badge{display:inline-flex;color:var(--primary);font-size:12px;font-weight:750;grid-column:auto}
html[data-theme] .picker-selected .brand-name-badge>span{display:inline;color:inherit;font-size:inherit;font-weight:inherit;grid-column:auto}

/* Grouped navigation and order workflow indicators. */
html[data-theme] .nav-group{display:grid;gap:3px}
html[data-theme] .nav-group>button [data-lucide="chevron-down"]{margin-left:auto;transition:transform 160ms ease}
html[data-theme] .nav-group.open>button [data-lucide="chevron-down"]{transform:rotate(180deg)}
html[data-theme] .nav-children{display:none;margin:0 0 5px 38px;padding-left:10px;border-left:1px solid var(--layer-line)}
html[data-theme] .nav-group.open .nav-children{display:grid;gap:2px}
html[data-theme] .nav-children .nav-child{min-height:34px;padding:7px 10px;font-size:12px;color:var(--muted);justify-content:flex-start}
html[data-theme] .nav-children .nav-child.active{color:var(--primary);background:rgba(45,157,221,.1)}
.execution-progress{display:grid;gap:7px;min-width:142px}
.execution-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.execution-status{color:var(--text);font-weight:650}
.execution-progress-head b{color:var(--primary);font-size:11px}
.execution-progress-track{height:6px;overflow:hidden;border-radius:999px;background:rgba(110,130,148,.16)}
.execution-progress-track i{display:block;width:100%;height:100%;border-radius:inherit;background:#1687d9;transform-origin:left center;transition:transform 220ms ease-out}
.execution-order-table-wrap .data-table{min-width:1180px}
.execution-order-table-wrap .data-table th,.execution-order-table-wrap .data-table td{padding-left:9px;padding-right:9px}
.execution-order-table-wrap .execution-progress{min-width:128px}
.execution-milestones{display:grid;grid-template-columns:repeat(2,max-content);gap:4px 10px;min-width:126px}
.execution-milestones span{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px}
.execution-milestones small{color:var(--muted);font-size:9px;font-weight:650}
.execution-milestones time{color:var(--text);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
.collection-state{appearance:none;display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid currentColor;border-radius:8px;font:inherit;font-weight:800;letter-spacing:0;line-height:1.1;white-space:nowrap;transition:background-color 140ms ease,transform 140ms ease}
button.collection-state{cursor:pointer}
.collection-state.pending{color:#b42318;background:rgba(255,59,48,.11)}
.collection-state.received{color:#18794e;background:rgba(52,199,89,.13)}
button.collection-state:hover{background-color:color-mix(in srgb,currentColor 14%,transparent)}
button.collection-state:active{transform:scale(.98)}
.collection-expected{display:block;width:100%;margin-top:4px;color:#6e6e73;font-size:11px;line-height:1.3;white-space:nowrap}
.payment-rebate-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.payment-rebate-summary span{color:#6e6e73}
@media (prefers-reduced-motion:reduce){.execution-progress-track i,.nav-group>button [data-lucide="chevron-down"]{transition:none!important}}

/* Influencer export approval. */
.influencer-filter-shell{display:grid;gap:10px;margin-bottom:14px}
.influencer-filter-shell .influencer-filters{margin-bottom:0}
.influencer-export-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:9px 2px;border-top:1px solid var(--layer-line);border-bottom:1px solid var(--layer-line)}
.influencer-export-actions>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}
.influencer-export-actions b{font-size:13px;color:var(--text)}
.influencer-export-actions span{font-size:12px;color:var(--muted)}
.influencer-export-actions strong{color:var(--primary);font-size:14px}
.influencer-export-check{display:grid;place-items:center;width:32px;height:32px;margin:auto;cursor:pointer}
.influencer-export-check input{position:absolute;opacity:0;pointer-events:none}
.influencer-export-check span{display:grid;place-items:center;width:19px;height:19px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--layer-line));border-radius:6px;background:var(--surface);transition:background-color 120ms ease,border-color 120ms ease,transform 120ms ease}
.influencer-export-check input:checked+span{border-color:var(--primary);background:var(--primary)}
.influencer-export-check input:checked+span::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.influencer-export-check input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--primary) 25%,transparent);outline-offset:2px}
.influencer-export-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.influencer-export-list span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--text);font-size:12px;font-weight:650}
.influencer-export-list svg{color:var(--primary)}
.influencer-export-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:800px){.influencer-filter-shell,.influencer-filters{min-width:0;width:100%}.influencer-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.influencer-filters .search{grid-column:span 2}.influencer-export-actions{align-items:flex-start;flex-direction:column}.influencer-export-actions .row-actions{width:100%}.influencer-export-actions .btn{flex:1}.influencer-export-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.influencer-export-check span{transition:none!important}}