.management-gate{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding:32px 0;align-items:center}.gate-mark{width:64px;height:70px;object-fit:contain}.management-gate h2{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:24px 0 16px}.management-gate p{max-width:390px}.management-gate .access-note{font-size:12px;color:#ddd;margin-top:24px}.team-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.team-strip figure{margin:0;min-width:0}.team-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1)}.team-strip figcaption{font-size:12px;margin-top:14px}.summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:24px 0 32px;border-bottom:1px solid #303030;margin-bottom:32px}.summary>div{display:flex;flex-direction:column;gap:12px}.summary span{font-size:12px;color:#bdbdbd}.summary strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.summary .refresh{align-items:end;gap:4px}.refresh button{font-size:13px;border:1px solid #555;padding:0 16px;border-radius:6px}.management-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px}.filter{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;text-align:left;background:#080808;border:1px solid #333;border-radius:6px;margin-bottom:8px;font-size:13px;transition:background .2s}.filter img{width:44px;height:54px;object-fit:cover;filter:grayscale(1);border-radius:4px}.filter strong{font-size:13px;font-weight:600;display:block}.filter small{font-size:11px;color:#bdbdbd;display:block;margin-top:6px}.filter[aria-pressed=true]{background:#f4f4f1;color:#111;border-color:#f4f4f1}.filter[aria-pressed=true] small{color:#444}.filter.all{justify-content:space-between}.activity{min-width:0;border:1px solid #303030;border-radius:8px;overflow:hidden;align-self:start}.activity-heading{padding:22px 24px;border-bottom:1px solid #303030;display:flex;justify-content:space-between;gap:16px}.activity-heading h2{margin:0}.activity-heading>span{font-size:11px;color:#bdbdbd}.conversation-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;padding:20px 24px;border-bottom:1px solid #222}.conversation-row:hover{background:#111}.conversation-row strong{display:block;font-size:14px}.conversation-row small{display:block;color:#bdbdbd;font-size:12px;margin-top:6px}.row-meta{text-align:right;flex:none}.row-meta time{display:block;color:#bdbdbd;font-size:11px}.row-meta span{font-size:11px;display:block;margin-top:7px}.list-empty{padding:40px 24px}.list-empty strong{font-size:16px;display:block;margin-bottom:10px}.list-empty p{font-size:13px}.pages{display:flex;justify-content:space-between;padding:0 16px;gap:16px}.pages button,#more-messages{font-size:12px;padding:12px}.read-only{font-size:11px;margin-left:auto;color:#bdbdbd;white-space:nowrap}.read-note{font-size:12px;padding:16px 24px;border-top:1px solid #303030}.bubble .sender{display:block;font-size:11px;margin-bottom:6px;font-weight:600}.activity #messages{height:430px}.activity .bubble:not(.mine){background:#080808}.refresh button:disabled{opacity:.7}@media(max-width:900px){.management-gate{gap:32px}.management-grid{grid-template-columns:240px minmax(0,1fr);gap:24px}.activity-heading{display:block}.activity-heading>span{display:block;margin-top:8px}.conversation-row{padding:16px}.team-strip{gap:8px}}@media(max-width:640px){.management-gate{grid-template-columns:1fr;gap:28px;padding-top:16px}.management-gate h2{font-size:26px;margin-top:16px}.team-strip figcaption{font-size:11px}.summary{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.summary .refresh{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.summary strong{font-size:28px}.management-grid{display:block}.management-grid aside{margin-bottom:24px}.filter{min-height:72px}.filter.all{min-height:48px}.activity-heading{padding:18px}.row-meta{max-width:105px}.conversation-row{gap:12px}.conversation-row strong{overflow-wrap:anywhere}.activity #messages{height:48dvh}.management-grid.show-detail aside{display:none}.read-note{padding:16px}.team-strip img{aspect-ratio:3/4}}
@media(max-width:640px){#barbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#barbers .filter{display:flex;flex-direction:column;align-items:flex-start;padding:12px 10px;gap:8px;margin:0;min-width:0}#barbers .filter img{width:36px;height:44px}#barbers .filter strong{font-size:12px;line-height:1.4}#barbers .filter small{font-size:10px;line-height:1.5}#barbers .filter span{min-width:0}.management-grid aside .setup-note{margin-top:12px;font-size:11px}}
