/* /muslim_safar_ui_system/static/src/css/tokens.css */
 [data-msf-ui="admin"]{--msf-ui-canvas: #faf7ef; --msf-ui-surface: #ffffff; --msf-ui-surface-strong: #ffffff; --msf-ui-ink: #1f201d; --msf-ui-muted: #667085; --msf-ui-border: #e5dccf; --msf-ui-sidebar: #1f201d; --msf-ui-sidebar-soft: #2b2d29; --msf-ui-sidebar-text: #f8f4ec; --msf-ui-sidebar-muted: #c9c1b6; --msf-ui-gold: #c8a44d; --msf-ui-gold-strong: #98730b; --msf-ui-gold-soft: #f4ebd2; --msf-ui-success: #19754a; --msf-ui-success-soft: #e3f3e9; --msf-ui-warning: #9a6500; --msf-ui-warning-soft: #fff3d6; --msf-ui-danger: #b42318; --msf-ui-danger-soft: #fee9e7; --msf-ui-info: #175cd3; --msf-ui-info-soft: #e9f2ff; --msf-ui-font-sans: Inter, "Segoe UI", Roboto, Arial, sans-serif; --msf-ui-text-xs: 0.75rem; --msf-ui-text-sm: 0.875rem; --msf-ui-text-base: 1rem; --msf-ui-text-md: 1rem; --msf-ui-text-lg: 1.125rem; --msf-ui-text-xl: 1.5rem; --msf-ui-text-2xl: 2rem; --msf-ui-space-1: 0.25rem; --msf-ui-space-2: 0.5rem; --msf-ui-space-3: 0.75rem; --msf-ui-space-4: 1rem; --msf-ui-space-5: 1.25rem; --msf-ui-space-6: 1.5rem; --msf-ui-space-8: 2rem; --msf-ui-space-10: 2.5rem; --msf-ui-space-12: 3rem; --msf-ui-radius-sm: 0.5rem; --msf-ui-radius-md: 0.75rem; --msf-ui-radius-lg: 1rem; --msf-ui-radius-pill: 999px; --msf-ui-shadow-card: 0 8px 24px rgb(31 32 29 / 7%); --msf-ui-shadow-float: 0 16px 40px rgb(31 32 29 / 14%); --msf-ui-sidebar-width: 14.5rem; --msf-ui-topbar-height: 4rem; --msf-ui-control-height: 2.75rem; --msf-ui-content-max: 85rem; --msf-ui-focus-ring: 0 0 0 3px rgb(200 164 77 / 34%);}[data-msf-ui="event"]{--msf-ui-canvas: #faf7ef; --msf-ui-surface: #ffffff; --msf-ui-surface-strong: #ffffff; --msf-ui-ink: #1f201d; --msf-ui-muted: #667085; --msf-ui-border: #e5dccf; --msf-ui-gold: #c8a44d; --msf-ui-gold-strong: #98730b; --msf-ui-gold-soft: #f4ebd2; --msf-ui-success: #19754a; --msf-ui-success-soft: #e3f3e9; --msf-ui-warning: #9a6500; --msf-ui-warning-soft: #fff3d6; --msf-ui-danger: #b42318; --msf-ui-danger-soft: #fee9e7; --msf-ui-info: #175cd3; --msf-ui-info-soft: #e9f2ff; --msf-ui-font-sans: Inter, "Segoe UI", Roboto, Arial, sans-serif; --msf-ui-text-xs: 0.75rem; --msf-ui-text-sm: 0.875rem; --msf-ui-text-base: 1rem; --msf-ui-text-md: 1rem; --msf-ui-text-lg: 1.125rem; --msf-ui-text-xl: 1.5rem; --msf-ui-text-2xl: 2rem; --msf-ui-space-1: 0.25rem; --msf-ui-space-2: 0.5rem; --msf-ui-space-3: 0.75rem; --msf-ui-space-4: 1rem; --msf-ui-space-5: 1.25rem; --msf-ui-space-6: 1.5rem; --msf-ui-space-8: 2rem; --msf-ui-space-10: 2.5rem; --msf-ui-space-12: 3rem; --msf-ui-radius-sm: 0.5rem; --msf-ui-radius-md: 0.75rem; --msf-ui-radius-lg: 1rem; --msf-ui-radius-pill: 999px; --msf-ui-shadow-card: 0 8px 24px rgb(31 32 29 / 7%); --msf-ui-shadow-float: 0 16px 40px rgb(31 32 29 / 14%); --msf-ui-control-height: 2.75rem; --msf-ui-content-max: 75rem; --msf-ui-focus-ring: 0 0 0 3px rgb(200 164 77 / 34%);}

/* /muslim_safar_ui_system/static/src/css/event_primitives.css */
 [data-msf-ui="event"] .msf-ui-event-page{min-height: 100vh; background: var(--msf-ui-canvas); color: var(--msf-ui-ink); font-family: var(--msf-ui-font-sans);}[data-msf-ui="event"] .msf-ui-event-nav{min-height: 4rem; display: flex; align-items: center; justify-content: space-between; gap: var(--msf-ui-space-4); padding: 0 clamp(var(--msf-ui-space-4), 4vw, var(--msf-ui-space-8)); border-bottom: 1px solid var(--msf-ui-border); background: var(--msf-ui-surface);}[data-msf-ui="event"] .msf-ui-event-nav__brand{color: var(--msf-ui-ink); font-size: var(--msf-ui-text-lg); font-weight: 800; text-decoration: none;}[data-msf-ui="event"] .msf-ui-event-container{width: min(100% - 2rem, var(--msf-ui-content-max)); margin: 0 auto; padding: var(--msf-ui-space-8) 0;}[data-msf-ui="event"] .msf-ui-event-header{display: grid; gap: var(--msf-ui-space-3); margin-bottom: var(--msf-ui-space-6);}[data-msf-ui="event"] .msf-ui-event-title{margin: 0; font-size: clamp(var(--msf-ui-text-xl), 4vw, var(--msf-ui-text-2xl)); line-height: 1.15;}[data-msf-ui="event"] .msf-ui-event-subtitle{margin: 0; color: var(--msf-ui-muted);}[data-msf-ui="event"] .msf-ui-event-toolbar{display: flex; flex-wrap: wrap; gap: var(--msf-ui-space-3); align-items: center; margin-bottom: var(--msf-ui-space-6);}[data-msf-ui="event"] .msf-ui-event-search{flex: 1 1 16rem; min-height: var(--msf-ui-control-height); box-sizing: border-box; padding: 0 var(--msf-ui-space-3); border: 1px solid var(--msf-ui-border); border-radius: var(--msf-ui-radius-sm); background: var(--msf-ui-surface-strong); color: var(--msf-ui-ink); font: inherit;}[data-msf-ui="event"] .msf-ui-chip-list{display: flex; flex-wrap: wrap; gap: var(--msf-ui-space-2);}[data-msf-ui="event"] .msf-ui-chip{min-height: 2.25rem; padding: 0 var(--msf-ui-space-3); border: 1px solid var(--msf-ui-border); border-radius: var(--msf-ui-radius-pill); background: var(--msf-ui-surface); color: var(--msf-ui-ink); font: inherit; font-size: var(--msf-ui-text-sm); font-weight: 700;}[data-msf-ui="event"] .msf-ui-chip--active{border-color: var(--msf-ui-gold); background: var(--msf-ui-gold-soft); color: var(--msf-ui-gold-strong);}[data-msf-ui="event"] .msf-ui-event-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--msf-ui-space-5);}[data-msf-ui="event"] .msf-ui-event-card{display: grid; overflow: hidden; border: 1px solid var(--msf-ui-border); border-radius: var(--msf-ui-radius-lg); background: var(--msf-ui-surface); box-shadow: var(--msf-ui-shadow-card);}[data-msf-ui="event"] .msf-ui-event-card__media{aspect-ratio: 16 / 9; background: var(--msf-ui-gold-soft); object-fit: cover; width: 100%;}[data-msf-ui="event"] .msf-ui-event-card__body{display: grid; gap: var(--msf-ui-space-3); padding: var(--msf-ui-space-5);}[data-msf-ui="event"] .msf-ui-event-card__title{margin: 0; font-size: var(--msf-ui-text-lg); line-height: 1.35;}[data-msf-ui="event"] .msf-ui-event-card__schedule{display: grid; gap: var(--msf-ui-space-1); color: var(--msf-ui-muted); font-size: var(--msf-ui-text-sm);}[data-msf-ui="event"] .msf-ui-ticket-list, [data-msf-ui="event"] .msf-ui-registration-form{display: grid; gap: var(--msf-ui-space-4);}[data-msf-ui="event"] .msf-ui-ticket-card{display: flex; align-items: flex-start; justify-content: space-between; gap: var(--msf-ui-space-4); padding: var(--msf-ui-space-5); border: 1px solid var(--msf-ui-border); border-radius: var(--msf-ui-radius-md); background: var(--msf-ui-surface);}[data-msf-ui="event"] .msf-ui-ticket-card--selected{border-color: var(--msf-ui-gold); box-shadow: var(--msf-ui-focus-ring);}[data-msf-ui="event"] .msf-ui-event-field{display: grid; gap: var(--msf-ui-space-2);}[data-msf-ui="event"] .msf-ui-event-label{font-size: var(--msf-ui-text-sm); font-weight: 700;}[data-msf-ui="event"] .msf-ui-event-input, [data-msf-ui="event"] .msf-ui-event-select, [data-msf-ui="event"] .msf-ui-event-textarea{width: 100%; min-height: var(--msf-ui-control-height); box-sizing: border-box; padding: 0 var(--msf-ui-space-3); border: 1px solid var(--msf-ui-border); border-radius: var(--msf-ui-radius-sm); background: var(--msf-ui-surface-strong); color: var(--msf-ui-ink); font: inherit;}[data-msf-ui="event"] .msf-ui-event-textarea{min-height: 7rem; padding-block: var(--msf-ui-space-3); resize: vertical;}[data-msf-ui="event"] .msf-ui-event-button{min-height: var(--msf-ui-control-height); display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--msf-ui-space-5); border: 1px solid var(--msf-ui-gold); border-radius: var(--msf-ui-radius-sm); background: var(--msf-ui-sidebar, #0b0b0b); color: #ffffff; cursor: pointer; font: inherit; font-size: var(--msf-ui-text-sm); font-weight: 800; text-decoration: none;}[data-msf-ui="event"] .msf-ui-event-button:hover{background: var(--msf-ui-gold); color: #201809;}[data-msf-ui="event"] .msf-ui-event-status{display: inline-flex; width: fit-content; min-height: 1.75rem; align-items: center; padding: 0 var(--msf-ui-space-2); border-radius: var(--msf-ui-radius-pill); font-size: var(--msf-ui-text-xs); font-weight: 800;}[data-msf-ui="event"] .msf-ui-event-status--success{background: var(--msf-ui-success-soft); color: var(--msf-ui-success);}[data-msf-ui="event"] .msf-ui-event-status--warning{background: var(--msf-ui-warning-soft); color: var(--msf-ui-warning);}[data-msf-ui="event"] .msf-ui-event-status--danger{background: var(--msf-ui-danger-soft); color: var(--msf-ui-danger);}[data-msf-ui="event"] .msf-ui-event-empty{display: grid; justify-items: center; gap: var(--msf-ui-space-3); padding: var(--msf-ui-space-10) var(--msf-ui-space-6); border: 1px dashed var(--msf-ui-border); border-radius: var(--msf-ui-radius-lg); background: var(--msf-ui-surface); color: var(--msf-ui-muted); text-align: center;}[data-msf-ui="event"] .msf-ui-mobile-action-area{position: sticky; bottom: 0; padding: var(--msf-ui-space-3); border-top: 1px solid var(--msf-ui-border); background: rgb(255 253 248 / 95%);}[data-msf-ui="event"] :is(.msf-ui-event-search, .msf-ui-chip, .msf-ui-event-input, .msf-ui-event-select, .msf-ui-event-textarea, .msf-ui-event-button):focus-visible{outline: none; box-shadow: var(--msf-ui-focus-ring);}@media (max-width: 64rem){[data-msf-ui="event"] .msf-ui-event-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 48rem){[data-msf-ui="event"] .msf-ui-event-container{padding-block: var(--msf-ui-space-6);}[data-msf-ui="event"] .msf-ui-event-grid{grid-template-columns: 1fr;}[data-msf-ui="event"] .msf-ui-ticket-card{flex-direction: column;}}@media (max-width: 24.375rem){[data-msf-ui="event"] .msf-ui-event-container{width: min(100% - 1.5rem, var(--msf-ui-content-max));}[data-msf-ui="event"] .msf-ui-event-button{width: 100%;}}@media (prefers-reduced-motion: reduce){[data-msf-ui="event"] .msf-ui-event-page *, [data-msf-ui="event"] .msf-ui-event-page *::before, [data-msf-ui="event"] .msf-ui-event-page *::after{scroll-behavior: auto; transition-duration: 0.01ms; animation-duration: 0.01ms; animation-iteration-count: 1;}}