.sesverin-events-page { background: #f2f7fb; }
.sesverin-events-page .site-content { background: linear-gradient(#f7faff,#eef5fa); }
.sesverin-events-page .site-header .sv-container,.sesverin-events-page .sve-page > .sv-container,.sesverin-events-page .sve-hero .sv-container { width: min(1138px,calc(100% - 48px)); }
.sesverin-events-page .header-top { min-height: 50px; grid-template-columns: 330px minmax(300px,428px) 1fr; gap: 18px; }
.sesverin-events-page .brand-mark { width: 35px; height: 35px; border-radius: 9px; }
.sesverin-events-page .brand-mark .sv-icon { width: 22px; height: 22px; }
.sesverin-events-page .brand-copy strong { font-size: 26px; letter-spacing: -1.2px; }
.sesverin-events-page .brand-copy small { margin-top: 2px; font-size: 10px; }
.sesverin-events-page .header-search { height: 34px; border-radius: 7px; font-size: 10px; }
.sesverin-events-page .header-actions { gap: 7px; }
.sesverin-events-page .header-actions .button { min-height: 34px; padding: 0 16px; border-radius: 6px; font-size: 10px; }
.sesverin-events-page .header-actions .icon-button { width: 29px; height: 29px; }
.sesverin-events-page .mobile-menu-toggle { display: none; }
.sesverin-events-page .site-nav { display: block; }
.sesverin-events-page .nav-inner { height: 38px; gap: 9px; }
.sesverin-events-page .nav-inner > a { min-width: auto; height: 31px; padding: 0 10px; border-radius: 6px; font-size: 10px; }
.sesverin-events-page .nav-inner > a .sv-icon { width: 15px; height: 15px; }
.sesverin-events-page .sv-header-notification { position: relative; }
.sesverin-events-page .sv-header-notification i { position: absolute; top: -2px; right: -2px; min-width: 14px; height: 14px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 8px; color: #fff; background: #ef2438; font-size: 7px; font-style: normal; }

.sve-page { color: #0c1739; font-family: Inter,Arial,sans-serif; }
.sve-page * { box-sizing: border-box; }
.sve-page a { color: inherit; text-decoration: none; }
.sve-page button { font-family: inherit; }
.sve-hero { overflow: hidden; background: linear-gradient(112deg,#0357d6 0,#0873ed 48%,#5c35d3 100%); color: #fff; }
.sve-hero-inner { min-height: 260px; display: grid; grid-template-columns: 57% 43%; align-items: center; }
.sve-hero-copy { position: relative; z-index: 2; padding: 24px 0; }
.sve-hero-label { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 9px; padding: 5px 10px; border: 1px solid rgba(255,255,255,.35); border-radius: 15px; background: rgba(13,24,108,.25); font-size: 10px; font-weight: 750; letter-spacing: .45px; }
.sve-hero-label .sv-icon { width: 14px; height: 14px; color: #ffd331; }
.sve-hero h1 { margin: 0 0 8px; font-size: 34px; line-height: 1.08; letter-spacing: -1.3px; }
.sve-hero-copy > p { max-width: 550px; margin: 0 0 14px; color: #e5efff; font-size: 12px; line-height: 1.5; }
.sve-hero-meta { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 17px; font-size: 10px; }
.sve-hero-meta span { display: flex; align-items: center; gap: 5px; }
.sve-hero-meta .sv-icon { width: 14px; height: 14px; color: #9ed7ff; }
.sve-primary { width: fit-content; height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 17px; border: 0; border-radius: 6px; color: #0767df !important; background: #fff; box-shadow: 0 8px 18px rgba(0,30,94,.22); cursor: pointer; font-size: 11px; font-weight: 750; }
.sve-primary .sv-icon { width: 14px; height: 14px; }
.sve-hero-art { position: relative; align-self: stretch; margin-left: -20px; overflow: hidden; clip-path: polygon(20% 0,100% 0,100% 100%,0 100%); }
.sve-hero-art::after { position: absolute; inset: 0; background: linear-gradient(90deg,#0873ed 0,transparent 45%),linear-gradient(0deg,rgba(20,12,91,.38),transparent 55%); content: ''; }
.sve-hero-art img { width: 100%; height: 100%; display: block; object-fit: cover; }
.sve-hero-art span { position: absolute; z-index: 2; right: 16px; bottom: 17px; padding: 7px 10px; border-radius: 5px; color: #fff; background: #f32b66; box-shadow: 0 4px 10px rgba(0,0,0,.2); font-size: 10px; font-weight: 800; }

.sve-content { display: grid; grid-template-columns: minmax(0,864px) 260px; align-items: start; gap: 14px; padding-block: 19px 24px; }
.sve-main { min-width: 0; }
.sve-title-row { min-height: 47px; display: flex; align-items: flex-start; justify-content: space-between; }
.sve-title-row h2 { margin: 0 0 3px; font-size: 22px; line-height: 1.1; }
.sve-title-row p { margin: 0; color: #697b98; font-size: 10px; }
.sve-create { height: 33px; display: flex; align-items: center; gap: 6px; padding: 0 12px; border: 1px solid #0874f7; border-radius: 6px; color: #0874f7; background: #fff; cursor: pointer; font-size: 10px; font-weight: 650; }
.sve-create .sv-icon { width: 14px; height: 14px; }
.sve-filters { height: 42px; display: flex; gap: 7px; align-items: flex-start; overflow-x: auto; }
.sve-filters button { height: 30px; display: flex; align-items: center; gap: 6px; padding: 0 11px; border: 1px solid #dfe7f1; border-radius: 6px; color: #344766; background: #fff; cursor: pointer; font-size: 10px; white-space: nowrap; }
.sve-filters button b { min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; border-radius: 9px; background: #edf2f8; color: #6f8099; font-size: 8px; }
.sve-filters button.active { border-color: #0874f7; color: #fff; background: #0874f7; box-shadow: 0 4px 10px rgba(8,116,247,.2); }
.sve-filters button.active b { background: rgba(255,255,255,.22); color: #fff; }
.sve-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.sve-card { min-width: 0; overflow: hidden; border: 1px solid #dfe8f2; border-radius: 7px; background: #fff; box-shadow: 0 4px 15px rgba(29,62,103,.045); }
.sve-card[hidden] { display: none; }
.sve-card-image { position: relative; height: 132px; overflow: hidden; }
.sve-card-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .2s; }
.sve-card:hover .sve-card-image img { transform: scale(1.03); }
.sve-card-image span { position: absolute; top: 8px; padding: 5px 8px; border-radius: 4px; color: #fff; font-size: 8px; font-weight: 700; }
.sve-label { left: 8px; }
.sve-status { right: 8px; background: rgba(12,23,57,.76); backdrop-filter: blur(4px); }
.sve-blue { background: #0874f7; }.sve-orange { background: #f08b1e; }.sve-green { background: #12a86b; }.sve-purple { background: #7838df; }.sve-violet { background: #6142dd; }.sve-pink { background: #e83389; }.sve-red { background: #e54145; }.sve-cyan { background: #129eb8; }.sve-rose { background: #ef3567; }
.sve-card-body { min-height: 138px; display: flex; flex-direction: column; padding: 10px 11px 9px; }
.sve-card h3 { min-height: 34px; margin: 0 0 6px; font-size: 13px; line-height: 1.27; }
.sve-card p { display: flex; align-items: center; gap: 5px; margin: 0 0 4px; color: #687b99; font-size: 9px; }
.sve-card p .sv-icon { width: 12px; height: 12px; color: #0874f7; }
.sve-card footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 7px; border-top: 1px solid #edf1f5; }
.sve-card footer strong,.sve-card footer a,.sve-card footer button { display: flex; align-items: center; gap: 4px; font-size: 9px; }
.sve-card footer strong { color: #ef8a16; }.sve-card footer a,.sve-card footer button { padding: 0; border: 0; color: #0874f7; background: transparent; cursor: pointer; font-weight: 650; }
.sve-card footer .sv-icon { width: 12px; height: 12px; }
.sve-load { width: 100%; height: 35px; display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 12px; border: 1px solid #dce6f0; border-radius: 6px; color: #0874f7; background: #fff; cursor: pointer; font-size: 10px; font-weight: 650; }
.sve-load .sv-icon { width: 12px; height: 12px; transform: rotate(90deg); }

.sve-sidebar { display: grid; gap: 12px; }
.sve-side-card { overflow: hidden; border: 1px solid #dfe8f2; border-radius: 7px; background: #fff; box-shadow: 0 4px 15px rgba(29,62,103,.04); }
.sve-side-card > header { min-height: 39px; display: flex; align-items: center; padding: 0 11px; border-bottom: 1px solid #edf1f5; }
.sve-side-card > header h2 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; }
.sve-side-card > header h2 .sv-icon { width: 17px; height: 17px; color: #0874f7; }
.sve-side-card > a { min-height: 31px; display: flex; align-items: center; justify-content: center; gap: 4px; border-top: 1px solid #edf1f5; color: #0874f7; font-size: 9px; font-weight: 650; }
.sve-side-card > a .sv-icon { width: 11px; height: 11px; }
.sve-calendar > header { display: block; padding-top: 9px; border: 0; }
.sve-calendar > header > div { height: 34px; display: flex; align-items: center; justify-content: space-between; }
.sve-calendar > header button { width: 25px; height: 25px; border: 1px solid #e0e7ef; border-radius: 5px; color: #5a6f90; background: #fff; cursor: pointer; font-size: 17px; }
.sve-calendar > header strong { text-transform: capitalize; font-size: 10px; }
.sve-week,.sve-days { display: grid; grid-template-columns: repeat(7,1fr); padding: 0 9px; text-align: center; }
.sve-week b { color: #7c8ba2; font-size: 7px; }
.sve-days { grid-auto-rows: 25px; margin-top: 3px; }
.sve-days i,.sve-days span { position: relative; display: grid; place-items: center; font-size: 8px; font-style: normal; }
.sve-days span.today { border-radius: 50%; color: #fff; background: #0874f7; }
.sve-days span[class*="has-"]::after { position: absolute; bottom: 2px; width: 3px; height: 3px; border-radius: 50%; background: #0874f7; content: ''; }
.sve-days span.has-pink::after { background: #ee3c82; }.sve-days span.has-purple::after { background: #7441dc; }
.sve-calendar > p { display: flex; align-items: center; gap: 4px; margin: 7px 10px 8px; color: #71829c; font-size: 7px; }
.sve-calendar > p i { width: 5px; height: 5px; margin-left: 4px; border-radius: 50%; background: #0874f7; }.sve-calendar > p i.pink { background: #ee3c82; }.sve-calendar > p i.purple { background: #7441dc; }
.sve-upcoming ul { margin: 0; padding: 3px 10px; list-style: none; }
.sve-upcoming li { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #edf1f5; }
.sve-upcoming li:last-child { border: 0; }
.sve-upcoming time { width: 34px; height: 36px; flex: 0 0 auto; display: grid; place-content: center; border-radius: 5px; color: #0874f7; background: #eaf4ff; text-align: center; font-size: 7px; font-weight: 750; }
.sve-upcoming time b { display: block; font-size: 13px; line-height: 1; }
.sve-upcoming li div { min-width: 0; }
.sve-upcoming li strong,.sve-upcoming li span { display: block; }
.sve-upcoming li strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.sve-upcoming li span { margin-top: 2px; color: #7688a2; font-size: 7px; }
.sve-winners > div { min-height: 52px; display: flex; align-items: center; gap: 6px; padding: 6px 9px; border-bottom: 1px solid #edf1f5; }
.sve-winners .sve-rank { width: 17px; height: 17px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; font-size: 7px; font-weight: 750; }.sve-rank.gold { background: #f4a614; }.sve-rank.silver { background: #91a0b5; }.sve-rank.bronze { background: #c68148; }
.sve-winners img { width: 28px; height: 28px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; }
.sve-winners p { min-width: 0; margin: 0; line-height: 1.2; }.sve-winners p strong,.sve-winners p small { display: block; }.sve-winners p strong { font-size: 9px; }.sve-winners p small { margin-top: 3px; overflow: hidden; color: #75869f; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.sve-winners > div > b { margin-left: auto; color: #ee8819; font-size: 8px; white-space: nowrap; }
.sve-badges { padding-bottom: 0; }.sve-badge-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; padding: 11px 12px 6px; }.sve-badge-row span { aspect-ratio: 1; display: grid; place-items: center; border: 1px solid #dfe7f1; border-radius: 50%; background: linear-gradient(#fff,#f3f7fb); font-size: 18px; }
.sve-badges > p { margin: 3px 12px 10px; color: #6d7f9b; font-size: 8px; line-height: 1.45; text-align: center; }
.sve-host { padding: 15px 14px; text-align: center; background: linear-gradient(140deg,#eef6ff,#f5efff); }.sve-host > div { width: 38px; height: 38px; display: grid; place-items: center; margin: 0 auto 7px; border-radius: 10px; color: #fff; background: linear-gradient(135deg,#0874f7,#7841e2); }.sve-host > div .sv-icon { width: 21px; height: 21px; }.sve-host h2 { margin: 0 0 4px; font-size: 13px; }.sve-host p { margin: 0 0 10px; color: #687b99; font-size: 8px; }.sve-host > a,.sve-host > button { height: 30px; display: inline-flex; align-items: center; padding: 0 14px; border: 0; border-radius: 5px; color: #fff; background: #0874f7; cursor: pointer; font-size: 9px; font-weight: 650; }
.sve-toast { position: fixed; z-index: 1000; right: 22px; bottom: 22px; max-width: 360px; padding: 12px 16px; border-radius: 8px; color: #fff; background: #102041; box-shadow: 0 8px 24px rgba(3,20,49,.25); font-size: 13px; }
.sve-toast.error { background: #c92342; }
.sved-create-dialog{width:min(620px,calc(100% - 24px));padding:0;border:1px solid #d3e0ec;border-radius:9px;color:#173475;background:#fff;box-shadow:0 20px 60px rgba(8,31,70,.3);font-family:Inter,Arial,sans-serif}.sved-create-dialog::backdrop{background:rgba(2,13,35,.68)}.sved-create-dialog>button{position:absolute;z-index:2;top:10px;right:12px;border:0;color:#7183a5;background:transparent;cursor:pointer;font-size:24px}.sved-create-dialog>header{min-height:77px;display:flex;align-items:center;gap:12px;padding:13px 19px;border-bottom:1px solid #e0e8f1}.sved-create-dialog>header>span{width:43px;height:43px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#0874f7}.sved-create-dialog>header .sv-icon{width:23px;height:23px}.sved-create-dialog h2{margin:0;color:#07165c;font-size:18px}.sved-create-dialog header p{margin:4px 0 0;color:#687fad;font-size:10px}.sved-create-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.sved-create-dialog label{display:grid;gap:6px;color:#173475;font-size:10px;font-weight:700}.sved-create-dialog .full{grid-column:1/-1}.sved-create-dialog input,.sved-create-dialog select,.sved-create-dialog textarea{width:100%;padding:9px;border:1px solid #cfdeeb;border-radius:5px;outline:0;color:#173475;background:#fbfdff;font:10px Inter,Arial,sans-serif}.sved-create-dialog input,.sved-create-dialog select{height:39px}.sved-create-dialog textarea{resize:vertical}.sved-create-dialog form>p{min-height:15px;margin:0;color:#6c80a8;font-size:9px}.sved-create-dialog form>p.success{color:#07975a}.sved-create-dialog form>p.error{color:#e42a47}.sved-create-dialog form footer{display:flex;justify-content:flex-end;gap:8px}.sved-create-dialog form footer button{min-width:90px;height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d0ddea;border-radius:5px;color:#526ca2;background:#fff;cursor:pointer;font-weight:700}.sved-create-dialog form footer button[type='submit']{border-color:#0874f7;color:#fff;background:#0874f7}.sved-create-dialog form footer button:disabled{opacity:.55}.sved-create-dialog form footer .sv-icon{width:15px;height:15px}

.sesverin-events-page .community-stats { margin-top: 0; }
.sesverin-events-page .footer-bottom .sv-container { min-height: 32px; }
@media (max-width: 920px) {
  .sve-hero-inner { grid-template-columns: 1fr 38%; }.sve-hero h1 { font-size: 29px; }
  .sve-content { grid-template-columns: minmax(0,1fr) 240px; }.sve-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .sesverin-events-page .site-header .sv-container,.sesverin-events-page .sve-page > .sv-container,.sesverin-events-page .sve-hero .sv-container { width: calc(100% - 20px); }
  .sesverin-events-page .header-top { min-height: 58px; grid-template-columns: 1fr auto; }.sesverin-events-page .brand-copy strong { font-size: 22px; }.sesverin-events-page .brand-copy small,.sesverin-events-page .header-search,.sesverin-events-page .header-actions .button { display: none; }
  .sesverin-events-page .mobile-menu-toggle { display: grid; }.sesverin-events-page .site-nav { display: none; }.sesverin-events-page.menu-open .site-nav { display: block; }
  .sesverin-events-page .nav-inner { height: auto; display: grid; grid-template-columns: repeat(2,1fr); padding: 8px 0; }.sesverin-events-page .nav-inner > a { justify-content: flex-start; }
  .sve-hero-inner { min-height: 370px; display: block; padding-top: 1px; }.sve-hero-copy { padding: 23px 10px 17px; }.sve-hero h1 { font-size: 28px; }.sve-hero-copy > p { font-size: 11px; }.sve-hero-meta { gap: 8px 13px; }
  .sve-hero-art { height: 150px; margin: 0; clip-path: none; border-radius: 9px 9px 0 0; }.sve-hero-art::after { background: linear-gradient(0deg,rgba(12,23,57,.5),transparent); }
  .sve-content { display: block; padding-top: 15px; }.sve-title-row { gap: 10px; }.sve-title-row h2 { font-size: 20px; }.sve-create { flex: 0 0 auto; }
  .sve-filters { margin-right: -10px; }.sve-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.sve-card-image { height: 120px; }.sve-card-body { min-height: 145px; }
  .sve-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 15px; }.sve-sidebar > section:last-child { grid-column: 1/-1; }
  .sved-create-dialog form { grid-template-columns: 1fr; }.sved-create-dialog form>*{grid-column:1!important}
}
@media (max-width: 480px) {
  .sve-hero h1 { font-size: 25px; }.sve-hero-meta { display: grid; grid-template-columns: 1fr 1fr; }.sve-primary { height: 34px; }
  .sve-title-row { align-items: center; }.sve-create { padding: 0 9px; font-size: 9px; }.sve-grid { grid-template-columns: 1fr; }.sve-card-image { height: 175px; }.sve-card-body { min-height: 132px; }.sve-card h3 { min-height: 0; font-size: 14px; }
  .sve-sidebar { grid-template-columns: 1fr; }.sve-sidebar > section:last-child { grid-column: auto; }
}
[data-theme="dark"] .sesverin-events-page .site-content,[data-theme="dark"].sesverin-events-page .site-content { background: #0e1728; }
[data-theme="dark"] .sve-page,[data-theme="dark"].sesverin-events-page .sve-page { color: #e8effa; }
[data-theme="dark"] .sve-card,[data-theme="dark"] .sve-side-card,[data-theme="dark"] .sve-filters button,[data-theme="dark"] .sve-create,[data-theme="dark"] .sve-load { border-color: #293a52; background: #172238; color: #e8effa; }

/* Keep the information-dense layout readable at normal browser zoom. */
.sesverin-events-page .header-search,
.sesverin-events-page .header-actions .button,
.sesverin-events-page .nav-inner > a { font-size: 12px; }
.sesverin-events-page .brand-copy small { font-size: 11px; }
.sve-hero-inner { min-height: 290px; }
.sve-hero-label { font-size: 12px; }
.sve-hero h1 { font-size: 38px; }
.sve-hero-copy > p { max-width: 590px; font-size: 14px; }
.sve-hero-meta { font-size: 12px; }
.sve-primary { height: 41px; font-size: 13px; }
.sve-content { grid-template-columns: minmax(0,844px) 280px; gap: 14px; }
.sve-title-row { min-height: 55px; }
.sve-title-row h2 { font-size: 25px; }
.sve-title-row p { font-size: 12px; }
.sve-create { height: 37px; font-size: 12px; }
.sve-filters { height: 48px; }
.sve-filters button { height: 35px; padding-inline: 13px; font-size: 12px; }
.sve-filters button b { min-width: 20px; height: 20px; font-size: 10px; }
.sve-card-image { height: 150px; }
.sve-card-body { min-height: 166px; padding: 13px; }
.sve-card h3 { min-height: 40px; font-size: 15px; }
.sve-card p { margin-bottom: 6px; font-size: 11px; }
.sve-card p .sv-icon { width: 14px; height: 14px; }
.sve-card footer { padding-top: 10px; }
.sve-card footer strong,.sve-card footer a,.sve-card footer button { font-size: 11px; }
.sve-load { height: 41px; font-size: 12px; }
.sve-side-card > header { min-height: 46px; padding-inline: 13px; }
.sve-side-card > header h2 { font-size: 15px; }
.sve-side-card > header h2 .sv-icon { width: 19px; height: 19px; }
.sve-side-card > a { min-height: 38px; font-size: 11px; }
.sve-calendar > header { padding-top: 11px; }
.sve-calendar > header > div { height: 40px; }
.sve-calendar > header strong { font-size: 12px; }
.sve-calendar > header button { width: 29px; height: 29px; }
.sve-week b { font-size: 9px; }
.sve-days { grid-auto-rows: 30px; }
.sve-days i,.sve-days span { font-size: 11px; }
.sve-calendar > p { margin-block: 9px 10px; font-size: 9px; }
.sve-upcoming li { gap: 10px; padding-block: 10px; }
.sve-upcoming time { width: 40px; height: 42px; font-size: 9px; }
.sve-upcoming time b { font-size: 15px; }
.sve-upcoming li strong { font-size: 11px; }
.sve-upcoming li span { font-size: 9px; }
.sve-winners > div { min-height: 62px; gap: 8px; }
.sve-winners .sve-rank { width: 20px; height: 20px; font-size: 9px; }
.sve-winners img { width: 34px; height: 34px; }
.sve-winners p strong { font-size: 11px; }
.sve-winners p small { font-size: 9px; }
.sve-winners > div > b { font-size: 10px; }
.sve-badge-row span { font-size: 21px; }
.sve-badges > p { font-size: 10px; }
.sve-host { padding-block: 19px; }
.sve-host h2 { font-size: 15px; }
.sve-host p { font-size: 10px; }
.sve-host > a { height: 35px; font-size: 11px; }
.sesverin-events-page .community-stats,
.sesverin-events-page .site-footer,
.sesverin-events-page .footer-bottom { font-size: 12px; }

@media (max-width: 920px) {
  .sve-content { grid-template-columns: minmax(0,1fr) 260px; }
}
@media (max-width: 720px) {
  .sve-hero-inner { min-height: 410px; }
  .sve-hero h1 { font-size: 30px; }
  .sve-hero-copy > p { font-size: 13px; }
  .sve-card-body { min-height: 155px; }
  .sve-card h3 { min-height: 0; font-size: 16px; }
  .sve-toast { right: 10px; bottom: 10px; left: 10px; max-width: none; text-align: center; }
}