.oc-page{display:grid;gap:16px;direction:rtl}
.oc-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border:1px solid rgba(127,127,127,.22);border-radius:20px;background:linear-gradient(135deg,rgba(61,185,142,.08),rgba(80,125,255,.05))}
.oc-hero h2{margin:4px 0 8px}.oc-hero p{margin:0;max-width:760px}
.oc-provider{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.oc-provider .badge{white-space:nowrap}
.oc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.oc-card{display:grid;gap:12px;padding:16px;border:1px solid rgba(127,127,127,.25);border-radius:16px;background:rgba(127,127,127,.04)}
.oc-card.live{border-color:rgba(61,185,142,.7);box-shadow:0 0 0 1px rgba(61,185,142,.15)}
.oc-card.ended,.oc-card.cancelled{opacity:.72}
.oc-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.oc-card h3{margin:0}.oc-meta{display:grid;gap:6px;font-size:.9rem}.oc-meta span{display:flex;justify-content:space-between;gap:12px}
.oc-actions{display:flex;gap:8px;flex-wrap:wrap}.oc-actions button{min-height:38px}
.oc-create{display:grid;gap:12px}.oc-create-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.oc-create-grid label{display:grid;gap:6px}
.oc-create-grid .full{grid-column:1/-1}
.oc-note{padding:12px 14px;border-radius:12px;background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.2)}
@media(max-width:760px){.oc-hero{flex-direction:column}.oc-create-grid{grid-template-columns:1fr}.oc-create-grid .full{grid-column:auto}}
@media(max-width:390px){.oc-page{gap:12px}.oc-hero{padding:14px}.oc-grid{grid-template-columns:1fr}.oc-card{padding:13px}.oc-actions{display:grid;grid-template-columns:1fr 1fr}.oc-actions button{width:100%;min-width:0}}