.ad{--ad:#db2777;background:radial-gradient(60% 80% at 100% 0%, color-mix(in srgb, var(--ad) 14%, transparent), transparent 70%), var(--surface-alt);box-shadow:inset 0 0 0 1px var(--border);transition:background .4s var(--ease);border-radius:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;padding:clamp(14px,2.4vw,22px);display:grid}.ad[data-tone=blue],.ad-client[data-tone=blue]{--ad:#2563eb}.ad[data-tone=amber],.ad-client[data-tone=amber]{--ad:#d97706}.ad-client[data-tone=rose]{--ad:#db2777}.ad-side{align-content:start;gap:10px;display:grid}.ad-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-top:4px;font-size:12px;font-weight:800}.ad-clients{gap:8px;display:grid}.ad-client{border:1px solid var(--border);background:var(--surface);width:100%;min-height:60px;font:inherit;text-align:left;color:var(--heading);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:18px;align-items:center;gap:12px;padding:8px 12px;display:flex}.ad-client:hover{transform:translate(4px)}.ad-client:focus-visible,.ad-roles button:focus-visible,.ad-approve:focus-visible{outline:2px solid var(--ad);outline-offset:2px}.ad-client[aria-selected=true]{border-color:var(--ad);box-shadow:0 14px 28px -20px var(--ad)}.ad-client i{background:color-mix(in srgb, var(--ad) 16%, #fff);width:40px;height:40px;color:var(--ad);border-radius:12px;flex:none;place-items:center;font-size:13px;font-style:normal;font-weight:800;display:grid}.ad-client>span{flex:1;min-width:0;display:grid}.ad-client b{font-size:clamp(14px,13.562px + .112vw,15px)}.ad-client small{color:var(--text-3);font-size:12.5px}.ad-client-ok{color:#16a34a;flex:none}.ad-roles{flex-wrap:wrap;gap:6px;display:flex}.ad-roles button{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);min-height:38px;font:inherit;color:var(--heading);cursor:pointer;padding:0 12px;font-size:13px;font-weight:700}.ad-roles button[aria-pressed=true]{background:var(--heading);color:#fff;border-color:#0000}.ad-perms{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ad-perms li{background:var(--surface);color:var(--text-3);transition:color .2s var(--ease);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;display:flex}.ad-perms li span{margin-left:auto;font-size:12px;font-weight:800}.ad-perms li[data-allowed]{color:var(--heading)}.ad-perms li[data-allowed] span{color:#16a34a}.ad-main{animation:ad-in .4s both var(--ease);gap:12px;display:grid}@keyframes ad-in{0%{opacity:0;translate:10px}}.ad-panel{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border), 0 18px 36px -28px #0f172a66;border-radius:20px;padding:16px}.ad-cal b{color:var(--heading);align-items:center;gap:7px;font-size:clamp(14px,13.562px + .112vw,15px);display:flex}.ad-cal b svg{color:var(--ad)}.ad-bars{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px;height:120px;margin-top:12px;display:grid}.ad-bars span{grid-template-rows:1fr auto;justify-items:center;gap:6px;height:100%;display:grid}.ad-bars i{width:100%;height:var(--h);background:linear-gradient(180deg, var(--ad), color-mix(in srgb, var(--ad) 40%, #fff));transform-origin:bottom;animation:ad-grow .5s both var(--ease);border-radius:8px 8px 4px 4px;align-self:end}@keyframes ad-grow{0%{scale:1 0}}.ad-bars small{color:var(--text-3);font-size:12px;font-weight:700}.ad-approval{align-items:center;gap:12px;display:flex}.ad-thumb>img{object-fit:cover}.ad-thumb{background:linear-gradient(135deg, color-mix(in srgb, var(--ad) 60%, #fff), var(--ad));border-radius:14px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.ad-approval-copy{flex:1;min-width:0;display:grid}.ad-approval-copy b{color:var(--heading);font-size:clamp(14px,13.562px + .112vw,15px)}.ad-approval-copy small{color:#b45309;font-size:13px}.ad-approval[data-done] .ad-approval-copy small{color:#15803d}.ad-approve{border-radius:var(--r-pill);background:var(--ad);min-height:42px;font:inherit;color:#fff;cursor:pointer;border:0;flex:none;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.ad-approve:disabled{cursor:default;opacity:.55}.ad-approval[data-done] .ad-approve{opacity:1;background:#16a34a}.ad-report{gap:12px;display:grid}.ad-report-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.ad-logo{border:2px dashed var(--ad);color:var(--ad);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:800}.ad-report-head small{color:var(--text-2);font-size:13.5px;font-weight:700}.ad-report-lines{gap:7px;display:grid}.ad-report-lines i{background:var(--surface-alt);border-radius:4px;height:8px;display:block}.ad-report-lines i[data-short]{width:55%}@media (max-width:900px){.ad{grid-template-columns:minmax(0,1fr)}.ad-clients{scrollbar-width:none;margin-inline:-4px;padding:2px 4px 6px;display:flex;overflow-x:auto}.ad-clients::-webkit-scrollbar{display:none}.ad-client{flex:none;width:auto}.ad-client:hover{transform:none}.ad-perms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ad-approval{flex-wrap:wrap}.ad-approve{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.ad-main,.ad-bars i{animation:none}.ad,.ad-client,.ad-perms li{transition:none}}