:root{color-scheme:dark;--bg: #08090d;--surface: #14161b;--surface-raised: #202329;--surface-subtle: #101217;--text: #f4f6f8;--muted: #aeb4bd;--border: #3a3f48;--input: #4a4f59;--ring: #d7dce3;--primary: #c9ced6;--primary-strong: #eef1f5;--primary-foreground: #101217;--accent: #aeb7c4;--blue: #9eb4d0;--danger: #f07167;--success-bg: #202733;--success-text: #d7dde7;--draft-bg: #282b32;--draft-text: #c7ccd5;--page-overlay: color-mix(in srgb, var(--bg) 84%, transparent);--shadow: 0 1px 2px rgba(0, 0, 0, .22), 0 14px 36px rgba(0, 0, 0, .32);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .48);--font-sans: Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--font-sans)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:linear-gradient(180deg,var(--page-overlay),color-mix(in srgb,var(--bg) 92%,transparent)),radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 10%,transparent) 0,transparent 360px),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 8%,transparent) 0,transparent 360px),url(/assets/background-Czvkvj_n.png) center / cover fixed,var(--bg);-webkit-font-smoothing:antialiased}.appShell{min-height:100vh}main{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:24px 0 56px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:12px max(20px,calc((100vw - 1320px)/2));background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px color-mix(in srgb,var(--text) 4%,transparent)}.brandBlock,.topActions,.mainNav,.panelTitle,.inlineActions,.formActions,.tabs,.toggleLabel{display:flex;align-items:center}.brandBlock{gap:12px;min-width:220px}.brandButton{justify-content:flex-start;border:0;border-radius:14px;padding:0;background:transparent;color:var(--text);text-align:left;box-shadow:none}.brandButton:hover{transform:translateY(-1px);background:transparent;box-shadow:none}.brandMark{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:inset 0 1px #fff3,0 10px 26px color-mix(in srgb,var(--text) 12%,transparent)}.brandMark img{width:100%;height:100%;object-fit:contain;padding:4px}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.mainNav{flex:1;justify-content:center;gap:4px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:10px;padding:4px;background:color-mix(in srgb,var(--surface-raised) 72%,transparent);width:fit-content;max-width:100%;margin-inline:auto}.mainNav button{min-height:34px;border:1px solid transparent;border-radius:8px;padding:0 12px;background:transparent;color:var(--muted);box-shadow:none}.mainNav button:hover{transform:none;background:color-mix(in srgb,var(--surface) 80%,var(--text) 4%);color:var(--text);box-shadow:none}.mainNav button.active{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb,var(--text) 7%,transparent)}.adminNavMenu{position:relative;display:inline-flex}.adminNavMenu:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}.adminNavMenu>button:after{content:"";width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s ease}.adminNavMenu:hover>button:after,.adminNavMenu:focus-within>button:after,.adminNavMenu.open>button:after{transform:rotate(180deg)}.adminNavDropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:40;display:grid;gap:4px;min-width:220px;border:1px solid var(--border);border-radius:12px;padding:6px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translateY(-4px) scale(.98);transition:opacity .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.adminNavMenu:hover .adminNavDropdown,.adminNavMenu:focus-within .adminNavDropdown,.adminNavMenu.open .adminNavDropdown{opacity:0;pointer-events:none;transform:translateY(-4px) scale(.98)}.adminNavDropdown button{justify-content:flex-start;width:100%;min-height:36px}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-family:var(--font-heading);font-size:24px;line-height:1.05}h2{margin-bottom:0;font-family:var(--font-heading);font-size:21px;line-height:1.25}h3{font-family:var(--font-heading);line-height:1.25}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid color-mix(in srgb,var(--primary) 78%,var(--border));border-radius:8px;padding:0 14px;background:var(--primary);color:var(--primary-foreground);font-weight:700;font-size:14px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}button:hover{transform:translateY(-1px);background:var(--primary-strong);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 18%,transparent)}button:active{transform:translateY(0) scale(.98);box-shadow:none}button:disabled{opacity:.65;cursor:default;transform:none}a.smallButton{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-raised) 88%,var(--surface));color:var(--text);text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}a.smallButton:hover{transform:translateY(-1px);border-color:var(--primary);background:color-mix(in srgb,var(--surface-raised) 80%,var(--primary) 10%);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 12%,transparent)}input,textarea,select{width:100%;min-height:38px;border:1px solid var(--input);border-radius:8px;padding:8px 11px;color:var(--text);font:inherit;background:color-mix(in srgb,var(--surface) 92%,transparent);outline:none;box-shadow:0 1px 1px color-mix(in srgb,var(--text) 3%,transparent);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 32%,transparent);background:var(--surface)}textarea{min-height:96px;resize:vertical}label{display:grid;gap:6px;color:var(--muted);font-size:14px}.heroBand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:20px;border:1px solid var(--border);border-radius:12px;padding:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--primary) 2%),var(--surface));box-shadow:var(--shadow)}.heroBand h2{max-width:780px;font-size:32px}.quickStats{display:grid;grid-template-columns:repeat(3,minmax(108px,1fr));gap:8px}.quickStats div,.metrics div{border:1px solid var(--border);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--surface-raised) 74%,var(--surface))}[data-slot=section-cards]>[data-slot=card]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;overflow:hidden;background:linear-gradient(0deg,color-mix(in srgb,var(--primary) 5%,transparent),transparent 58%),var(--surface)}[data-slot=section-cards]>[data-slot=card]:after{content:"";position:absolute;right:-18px;bottom:-22px;width:72px;height:72px;border-radius:999px;background:color-mix(in srgb,var(--primary) 11%,transparent)}[data-slot=card-description]{color:var(--muted);font-size:12px;font-weight:600}[data-slot=card-title]{font-variant-numeric:tabular-nums}.dashboardBadge{z-index:1;grid-column:2;grid-row:1 / span 2;align-self:start;display:inline-flex;align-items:center;justify-content:center;width:fit-content;border:1px solid var(--border);border-radius:999px;padding:2px 7px;background:color-mix(in srgb,var(--surface-raised) 78%,transparent);color:var(--muted);font-size:11px;font-weight:700}.quickStats span,.metrics span,small,.muted{color:var(--muted)}.quickStats span,.quickStats strong,.metrics span,.metrics strong{display:block}.quickStats strong,.metrics strong{margin-top:4px}.panel{border:1px solid var(--border);border-radius:12px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--surface-raised) 4%),var(--surface));box-shadow:var(--shadow);animation:panelIn .22s ease both}.pageContent,.pageGrid{display:grid;gap:18px}.pageGrid{grid-template-columns:minmax(0,1fr) minmax(320px,.45fr);align-items:start}.authPage{display:grid;width:min(480px,100%);margin:0 auto}.standaloneAuth{min-height:calc(100vh - 132px);place-items:center;padding:28px 0}.loginPanel{width:min(440px,100%);padding:24px;border-radius:14px}.loginPanel .panelTitle{margin-bottom:18px}.loginPanel form{display:grid}.loginPanel button[type=submit],.loginPanel form>button{width:100%;margin-top:8px}.passwordInputWrap{position:relative;display:block}.passwordInputWrap input{padding-right:52px}.passwordToggle{position:absolute;top:50%;right:6px;min-width:34px;min-height:34px;transform:translateY(-50%)}.passwordToggle:hover{transform:translateY(-50%)}.aboutGrid{display:grid;grid-template-columns:1fr;gap:18px}.aboutLead{grid-column:1 / -1}.aboutLead p,.aboutGrid p{color:color-mix(in srgb,var(--text) 84%,var(--muted));line-height:1.65}.contactsPanel{grid-column:1 / -1}.contactGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.contactLink{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--surface-raised) 86%,var(--surface));color:var(--text);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.contactLink:hover{transform:translateY(-2px);border-color:var(--primary);background:color-mix(in srgb,var(--surface-raised) 78%,var(--primary) 12%)}.contactLink svg{color:var(--primary)}.contactLink span{display:grid;gap:2px;min-width:0}.contactLink small{color:var(--muted);overflow-wrap:anywhere}.usersLayout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.usersList{width:100%}.userCards{display:grid;gap:8px}[data-slot=item-group]{display:grid;gap:10px}[data-slot=item]{position:relative}[data-slot=item]:before{content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--primary);transition:width .16s ease}[data-slot=item]:hover:before,[data-slot=item].active:before{width:3px}.userCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:auto;border:1px solid var(--border);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--surface-raised) 88%,var(--surface));color:var(--text);text-align:left}.userCard:hover,.userCard.active{border-color:var(--primary);background:color-mix(in srgb,var(--surface-raised) 78%,var(--primary) 12%)}.userCard span{display:grid;gap:2px}.userEditor{min-width:0}.userMeta{overflow-wrap:anywhere}.passwordForm{border-top:1px solid var(--border);padding-top:14px}.panelTitle{gap:10px;margin-bottom:16px}.panelTitle svg{color:var(--primary)}.stack,.calendarList,.day,.table,.miniList,.compactForm{display:grid;gap:12px}.newsItem{position:relative;display:grid;gap:8px;border:1px solid var(--border);border-radius:12px;padding:14px;background:color-mix(in srgb,var(--surface-raised) 86%,var(--surface));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.newsPanel{width:min(100%,820px);margin-inline:auto}.newsItem:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 12%,transparent)}.newsCarousel{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:10px;background:#0b0f0e}.newsImageButton{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.newsImageButton:hover{transform:none;background:transparent;box-shadow:none}.newsImage{width:100%;height:100%;display:block;object-fit:contain}.newsCounter{position:absolute;top:10px;right:10px;z-index:2;padding:5px 9px;border-radius:999px;background:#0000009e;color:#fff;font-size:13px;font-weight:700;line-height:1}.carouselButton{position:absolute;top:50%;z-index:2;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#00000080;color:#fff;transform:translateY(-50%);box-shadow:0 10px 22px #00000038}.carouselButton:hover{transform:translateY(-50%) scale(1.06);background:#000000ad}.carouselButtonLeft{left:12px}.carouselButtonRight{right:12px}.imageViewerOverlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;background:#000000db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlayIn .16s ease both}.imageViewer{position:relative;display:grid;place-items:center;width:min(100%,1180px);height:min(100%,88vh)}.imageViewer img{max-width:100%;max-height:100%;border-radius:12px;object-fit:contain;box-shadow:0 24px 80px #00000073}.imageViewerTop{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.imageViewerTop span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 11px;background:#00000094;color:#fff;font-size:14px;font-weight:800}.imageViewerTop button{pointer-events:auto}.imageViewerArrow{width:48px;height:48px}.existingImages,.cropList{display:grid;gap:10px}.existingImages{grid-template-columns:repeat(5,minmax(0,1fr))}.existingImages div{position:relative}.existingImages img{width:100%;height:86px;object-fit:cover;border-radius:8px}.existingImages button{position:absolute;top:6px;right:6px}.cropCard{display:grid;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-raised)}.cropHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.cropPreview{position:relative;overflow:hidden;border-radius:8px;background:#0b0f0e;cursor:grab;min-height:220px;touch-action:none;-webkit-user-select:none;user-select:none}.cropPreview:active{cursor:grabbing}.cropPreview img{position:absolute;max-width:none;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:left,top,width,height}.cropFrame{position:absolute;inset:0;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 0 0 999px #0000000a;pointer-events:none}.cropControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.rangeValue{display:inline-block;margin-left:6px;color:var(--muted);font-size:12px}.emojiBar{display:flex;flex-wrap:wrap;gap:6px}.emojiBar .smallButton{font-size:18px}.newsItem time{color:var(--muted);font-size:13px}.newsItem h3{margin:0;font-size:22px}.newsItem p{margin-bottom:4px;color:color-mix(in srgb,var(--text) 88%,var(--muted));line-height:1.6}.statusBadge{display:inline-flex;width:fit-content;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.uploadDropzone,.uploadCard{border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:14px;padding:16px;background:radial-gradient(circle at 22px 22px,color-mix(in srgb,var(--primary) 8%,transparent),transparent 26px),color-mix(in srgb,var(--surface-raised) 82%,var(--surface))}.uploadDropzone{color:var(--text);font-weight:700}.uploadDropzone input[type=file],.uploadCard input[type=file]{margin-top:8px;border-style:dashed;background:color-mix(in srgb,var(--surface) 88%,transparent)}.statusBadge.published{background:var(--success-bg);color:var(--success-text);border-color:color-mix(in srgb,var(--success-text) 18%,transparent)}.statusBadge.draft{background:var(--draft-bg);color:var(--draft-text);border-color:color-mix(in srgb,var(--draft-text) 18%,transparent)}.inlineActions,.formActions{flex-wrap:wrap;gap:8px}.secondaryButton{background:color-mix(in srgb,var(--surface-raised) 88%,var(--surface));color:var(--text);border:1px solid var(--border);box-shadow:0 1px 1px color-mix(in srgb,var(--text) 4%,transparent)}.secondaryButton:hover{background:color-mix(in srgb,var(--surface-raised) 80%,var(--primary) 10%)}.smallTextButton{min-height:32px;padding:0 10px}.filterBar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,auto) minmax(170px,auto);gap:10px;margin:12px 0 16px;border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface-raised) 78%,transparent)}.filterBar input,.filterBar select{min-width:0}.adminEventFilterBar{grid-template-columns:minmax(220px,1fr) minmax(130px,auto) minmax(145px,auto) minmax(170px,auto);margin-top:18px}.toggleLabel{flex-direction:row;gap:8px}.toggleLabel input,.checkboxList input{width:auto}.roleSelector{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface-raised) 82%,transparent)}.loginPanel form,.compactForm{gap:12px}.compactForm{margin-top:18px}.calendarToolbar{display:grid;gap:10px;margin-bottom:14px}.compactTabs button{min-height:34px;padding:0 10px}.monthControls{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.monthControls strong{text-align:center;text-transform:capitalize}.monthGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekday{color:var(--muted);font-size:12px;text-align:center}.monthCell{display:grid;align-content:start;gap:4px;min-height:92px;border:1px solid var(--border);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--surface-raised) 86%,var(--surface))}.outsideMonth{opacity:.42}.monthEvent{overflow:hidden;display:block;width:100%;min-height:auto;border-top:0;border-right:0;border-bottom:0;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));border-left:4px solid var(--primary);border-radius:7px;padding:3px 5px;background:color-mix(in srgb,var(--primary) 22%,var(--surface));color:var(--text);font-weight:800;font-size:12px;text-overflow:ellipsis;white-space:nowrap;text-align:left}.monthEvent:hover{border-left-color:var(--primary);background:color-mix(in srgb,var(--primary) 34%,var(--surface));color:var(--text);box-shadow:0 6px 14px color-mix(in srgb,var(--primary) 16%,transparent)}.event{display:grid!important;width:100%;justify-content:stretch;justify-items:start;align-items:start;gap:3px;border:1px solid var(--border);border-left:5px solid var(--primary);border-radius:10px;padding:11px 12px;background:color-mix(in srgb,var(--surface-raised) 88%,var(--surface));color:var(--text);text-align:left;transition:transform .16s ease,border-color .16s ease}.event:hover{transform:translateY(-1px);border-color:var(--primary);background:color-mix(in srgb,var(--surface-raised) 78%,var(--primary) 12%);box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 10%,transparent)}.event span{color:var(--muted);font-size:13px}.event span,.event b,.event small{width:100%;justify-self:stretch;text-align:left}.modalOverlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#00000094;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);animation:overlayIn .16s ease both}.modalContent{width:min(100%,560px);max-height:min(86vh,760px);overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg);animation:dialogIn .18s ease both}.wideModal,.eventModal{width:min(100%,780px)}.paymentModal{width:min(100%,860px)}.modalContent .panel{border:0;box-shadow:none}.modalClose{margin-left:auto;min-width:34px;min-height:34px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 75%,var(--text) 18%);background:color-mix(in srgb,var(--surface-raised) 88%,var(--text) 8%);color:var(--text);box-shadow:none}.modalClose:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,var(--surface-raised));color:var(--danger)}.modalText{margin:12px 0 0;color:color-mix(in srgb,var(--text) 88%,var(--muted));line-height:1.6}.modalText b{color:var(--text)}.plainList{display:grid;gap:4px;margin:0;padding-left:18px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--surface-raised) 86%,var(--surface))}.tabs{flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;border:1px solid var(--border);border-radius:10px;padding:4px;background:color-mix(in srgb,var(--surface-raised) 80%,transparent)}.tabs button{min-height:34px;border-radius:8px;background:transparent;color:var(--text);border:1px solid transparent;box-shadow:none}.tabs button.active{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 1px 2px color-mix(in srgb,var(--text) 7%,transparent)}.hiddenLegacyTab{display:none}.smallButton{min-width:34px;min-height:34px;padding:0}.dangerButton{background:var(--danger);color:#fff;border-color:var(--danger)}.miniList{margin-top:14px}.miniList>div{border-top:1px solid var(--border);padding-top:8px}.paymentEvents{display:grid;gap:10px;margin-top:12px}.paymentEventCard{display:grid;justify-content:stretch;justify-items:start;gap:4px;width:100%;min-height:auto;border:1px solid var(--border);border-left:5px solid var(--primary);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--surface-raised) 88%,var(--surface));color:var(--text);text-align:left}.paymentEventCard:hover,.paymentEventCard.active{border-color:var(--primary);background:color-mix(in srgb,var(--surface-raised) 78%,var(--primary) 12%);box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 10%,transparent)}.paymentEventCard span,.paymentEventCard small{color:var(--muted)}.paymentTable{display:grid;gap:10px;margin-top:16px}.paymentViewRow{grid-template-columns:minmax(0,1fr) auto}.eventDetailsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.eventDetailsGrid div{display:grid;gap:4px;border:1px solid var(--border);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--surface-raised) 86%,var(--surface))}.eventDetailsGrid span{color:var(--muted);font-size:13px}.siteEditor,.editableAboutForm{display:grid;gap:18px}.editableAboutGrid textarea{min-height:132px;margin-top:10px;line-height:1.55;background:color-mix(in srgb,var(--surface) 92%,transparent)}.editableTitleInput{min-height:82px;color:var(--text);font-size:21px;font-weight:800;line-height:1.25}.editableContact{cursor:default}.editableContact:hover{transform:none}.editableContact input{margin-top:4px;min-height:34px}.siteIdentityPanel{margin-top:0}.siteIdentityFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.siteSaveActions{justify-content:flex-end;position:sticky;bottom:14px;z-index:5;border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.musicUploadForm button,.musicItem{align-items:center}.musicUploadForm{grid-template-columns:minmax(180px,1fr) minmax(240px,1.3fr) auto;align-items:end}.musicList{display:grid;gap:12px;margin-top:16px}.musicFilterBar{grid-template-columns:minmax(220px,1fr);margin-top:0}.musicItem{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,420px) auto;gap:12px;border:1px solid var(--border);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--surface-raised) 86%,var(--surface));box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent)}.musicInfo{display:grid;gap:4px;min-width:0}.musicInfo b,.paymentEventCard b,.event b,.userCard b{letter-spacing:0}.musicInfo b,.musicInfo small{overflow-wrap:anywhere}.musicInfo small{color:var(--muted)}.musicItem audio{width:100%;height:38px;border-radius:999px;color-scheme:dark}.compactTitle{margin-top:6px}.paymentRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface-raised) 88%,var(--surface))}.miniListRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.miniListRow span{display:grid;gap:2px}.checkboxList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkboxList label{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:color-mix(in srgb,var(--surface-raised) 88%,var(--surface))}.profile{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:12px 0 0}.profile dt{color:var(--muted)}.profile dd{margin:0;font-weight:800}.alert{margin-bottom:16px;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border));border-radius:10px;padding:12px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.toastStack{position:fixed;top:76px;right:20px;z-index:30;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.toast{justify-content:flex-start;width:100%;min-height:auto;border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);text-align:left;line-height:1.35;box-shadow:var(--shadow-lg);animation:toastIn .24s ease both}.eventDetails,.userEditor .profile{border:1px solid var(--border);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--surface-raised) 78%,transparent)}.toast.success{background:var(--success-bg);color:var(--success-text);border-color:color-mix(in srgb,var(--success-text) 30%,var(--border))}.toast.error{background:color-mix(in srgb,var(--danger) 13%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.siteFooter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;width:min(1320px,calc(100% - 40px));margin:0 auto;padding:0 0 34px;color:var(--muted);font-size:13px}.siteFooter button{min-height:auto;border:0;padding:0;background:transparent;color:var(--primary-strong);box-shadow:none;font-size:inherit}.siteFooter button:hover{transform:none;text-decoration:underline;background:transparent;box-shadow:none}.adminMenuOverlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:#0000009e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:overlayIn .16s ease both}.adminMenuDialog{width:min(100%,460px);border:1px solid var(--border);border-radius:22px;padding:18px;background:linear-gradient(145deg,#fff7ed1a,#fff7ed09),#1c161bf5;box-shadow:var(--shadow-lg);animation:dialogIn .18s ease both}.adminMenuList{display:grid;gap:10px}.adminMenuList button{display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;justify-items:start;gap:12px;min-height:auto;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff7ed0e;color:var(--text);text-align:left;box-shadow:none}.adminMenuList button.active,.adminMenuList button:hover{border-color:#f6c35f6b;background:#f6c35f1f;transform:translateY(-1px)}.adminMenuList span{display:grid;gap:3px;min-width:0}:root{--bg: #120d12;--surface: rgba(28, 22, 27, .86);--surface-raised: rgba(45, 35, 42, .88);--surface-subtle: rgba(22, 17, 22, .72);--text: #fff7ed;--muted: #d8c8bc;--border: rgba(255, 231, 199, .18);--input: rgba(255, 231, 199, .22);--ring: #f6c35f;--primary: #f6c35f;--primary-strong: #ffe0a0;--primary-foreground: #261306;--accent: #ef6f6c;--blue: #42d6c6;--danger: #ff6b6b;--success-bg: rgba(24, 83, 69, .5);--success-text: #a7ffe5;--draft-bg: rgba(95, 67, 36, .5);--draft-text: #ffe0a0;--page-overlay: rgba(18, 13, 18, .74);--shadow: 0 18px 60px rgba(0, 0, 0, .28);--shadow-lg: 0 28px 90px rgba(0, 0, 0, .52)}html{scroll-behavior:smooth}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(246,195,95,.18),transparent 28%),linear-gradient(245deg,rgba(66,214,198,.14),transparent 32%),linear-gradient(180deg,#120d121f,#120d12c7);mix-blend-mode:screen}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.topbar{top:12px;width:min(1320px,calc(100% - 28px));margin:12px auto 0;border:1px solid rgba(255,231,199,.2);border-radius:18px;padding:10px 12px;background:#191218bd;box-shadow:0 18px 70px #00000057,inset 0 1px #ffffff14}.brandBlock{min-width:250px}.brandMark{border-radius:16px;background:linear-gradient(145deg,#f6c35f47,#42d6c61f),#ffffff0f;transform:rotate(-2deg)}.brandMark img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))}.mainNav{border-radius:999px;background:#fff7ed0f;box-shadow:inset 0 1px #ffffff14}.mainNav button,.tabs button{border-radius:999px}.mainNav button.active,.tabs button.active{border-color:#f6c35f75;background:linear-gradient(135deg,#f6c35f38,#ef6f6c29),#ffffff14;color:var(--text);box-shadow:0 10px 28px #f6c35f24}button,a.smallButton{border-radius:999px;box-shadow:0 8px 24px #f6c35f1f}button:hover,a.smallButton:hover,.contactLink:hover,.newsItem:hover,.event:hover,.paymentEventCard:hover,.userCard:hover,.musicItem:hover,.checkboxList label:hover{transform:translateY(-3px)}input,textarea,select{min-height:42px;border-radius:12px;background:#fff7ed13}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px #f6c35f2e,0 12px 30px #0000002e}.landingHero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.44fr);gap:28px;align-items:center;min-height:clamp(520px,72vh,780px);border:1px solid rgba(255,231,199,.22);border-radius:28px;padding:clamp(24px,5vw,64px);background:linear-gradient(90deg,#120d12e0,#120d1252 62%,#120d12b8),linear-gradient(135deg,rgba(246,195,95,.22),transparent 38%),url(/assets/background-Czvkvj_n.png) center / cover;box-shadow:var(--shadow-lg);isolation:isolate;animation:panelIn .36s cubic-bezier(.2,.8,.2,1) both}.landingHero:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,transparent 0 36%,rgba(255,255,255,.16) 46%,transparent 56% 100%);transform:translate(-100%);animation:heroSheen 8s ease-in-out infinite}.heroCopy{display:grid;gap:20px;max-width:760px}.heroKicker,.floatingChip{display:inline-flex;align-items:center;gap:8px;width:fit-content;border:1px solid rgba(255,231,199,.22);border-radius:999px;padding:8px 12px;background:#fff7ed17;color:var(--primary-strong);font-weight:800;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.heroCopy h2{max-width:760px;margin:0;font-size:clamp(48px,8vw,104px);line-height:.9;text-wrap:balance}.heroCopy p{max-width:660px;margin:0;color:color-mix(in srgb,var(--text) 86%,var(--muted));font-size:clamp(17px,2vw,22px);line-height:1.6}.heroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.heroActions button{min-height:48px;padding:0 18px}.heroShowcase{position:relative;min-height:360px}.showcaseCard{position:absolute;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,231,199,.24);border-radius:26px;background:#1c161b8f;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mainShowcase{inset:24px 18px 38px;gap:12px;animation:floatCard 6s ease-in-out infinite}.mainShowcase img{width:min(72%,260px);max-height:210px;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.38))}.mainShowcase span{color:var(--primary-strong);font-size:18px;font-weight:900}.floatingChip{position:absolute;box-shadow:0 18px 44px #00000047}.chipOne{top:0;right:0;animation:floatCard 5s ease-in-out infinite reverse}.chipTwo{left:0;bottom:0;color:#bffdf3;animation:floatCard 7s ease-in-out infinite}.heroStats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.heroStats [data-slot=card],.quickStats div,.metrics div{min-width:0;min-height:92px;border-color:#ffe7c733;background:linear-gradient(135deg,#fff7ed1f,#fff7ed09),#1c161b9e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.heroStats [data-slot=card] strong,.quickStats strong,.metrics strong{color:var(--text);font-size:clamp(20px,2.6vw,28px);overflow-wrap:anywhere}.heroBand{position:relative;overflow:hidden;border-radius:24px;border-color:#ffe7c738;padding:clamp(22px,4vw,34px);background:linear-gradient(135deg,rgba(246,195,95,.16),transparent 34%),linear-gradient(245deg,rgba(66,214,198,.11),transparent 36%),#1c161bb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.heroBand h2{max-width:880px;font-size:clamp(28px,4vw,48px);line-height:1.02;text-wrap:balance}.panel{border-color:#ffe7c72e;border-radius:22px;background:linear-gradient(145deg,#fff7ed17,#fff7ed09),#1c161bbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panelTitle{align-items:center}.panelTitle svg{color:var(--primary);filter:drop-shadow(0 0 14px rgba(246,195,95,.28))}.newsPanel{width:100%}.newsPanel>.panelTitle{justify-content:space-between}.stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.newsItem{overflow:hidden;border-radius:22px;padding:16px;background:linear-gradient(145deg,#fff7ed1a,#fff7ed09),#231b21c7}.newsItem:first-of-type{grid-column:1 / -1;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;align-items:center}.newsItem:first-of-type .newsCarousel{grid-row:span 5}.newsCarousel{border-radius:18px;background:linear-gradient(135deg,#f6c35f38,#42d6c61f),#120d12}.newsImage{object-fit:cover;transition:transform .6s ease}.newsImageButton:hover .newsImage{transform:scale(1.035)}.contactLink,.userCard,.event,.paymentEventCard,.musicItem,.row,.paymentRow,.miniListRow,.checkboxList label,.eventDetailsGrid div{border-color:#ffe7c729;background:linear-gradient(135deg,#fff7ed14,#fff7ed06),#fff7ed09}.event,.paymentEventCard,.monthEvent{border-left-color:var(--primary)}.type2{border-left-color:var(--blue)}.type3,.type4,.type5{border-left-color:var(--accent)}.monthGrid{gap:8px}.monthCell{min-height:118px;border-color:#ffe7c724;background:#fff7ed0e}.monthCell b{color:var(--primary-strong)}.uploadDropzone,.uploadCard{border-color:#f6c35f7a;background:linear-gradient(135deg,#f6c35f24,#42d6c612),#fff7ed0e}.filterBar,.tabs,.roleSelector,.siteSaveActions{border-color:#ffe7c729;background:#fff7ed0e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modalContent{border-radius:24px;background:linear-gradient(145deg,#fff7ed1a,#fff7ed09),#1c161bf0}.toast{border-radius:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@keyframes heroSheen{0%,54%{transform:translate(-105%)}72%,to{transform:translate(105%)}}@keyframes floatCard{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:1040px){.heroBand,.pageGrid,.aboutGrid,.usersLayout{grid-template-columns:1fr}.quickStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){main{width:min(100% - 20px,1200px);padding-top:12px}.topbar{align-items:flex-start;flex-direction:column;padding:12px 10px}.mainNav{width:100%;justify-content:flex-start;flex-wrap:wrap;overflow:visible;padding-bottom:2px}.mainNav button,.adminNavMenu{flex:0 0 auto}.adminNavDropdown{top:calc(100% + 4px);left:0;right:auto;z-index:80;min-width:min(260px,calc(100vw - 24px))}.topActions{width:100%;justify-content:stretch}.topActions button{flex:1}.heroBand{padding:18px}.heroBand h2{font-size:24px}.quickStats,.contactGrid,.metrics,.existingImages,.cropControls,.checkboxList,.filterBar,.musicUploadForm,.musicItem,.paymentRow,.eventDetailsGrid,.row{grid-template-columns:1fr}.musicPanel{padding:14px}.musicUploadForm{gap:10px;align-items:stretch;padding:12px}.musicUploadForm label,.musicUploadForm button{width:100%}.musicUploadForm button{justify-content:center;min-height:44px}.musicItem{align-items:stretch}.musicItem audio{min-width:0}.musicItem .inlineActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.musicItem .smallButton{width:100%;min-height:40px}.carouselButton{width:36px;height:36px}.monthGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekday{display:none}.toastStack{inset:auto 10px 10px;width:auto}}@media(max-width:900px){.landingHero{grid-template-columns:1fr;min-height:auto}.heroShowcase{min-height:260px}.heroStats,.stack,.newsItem:first-of-type{grid-template-columns:1fr}.newsItem:first-of-type .newsCarousel{grid-row:auto}}@media(max-width:700px){.topbar{top:6px;width:calc(100% - 16px);margin-top:6px;border-radius:16px}.brandBlock{min-width:0}.landingHero{border-radius:22px;padding:22px;background-position:center top}.heroKicker,.floatingChip{max-width:100%}.heroCopy{gap:16px;min-width:0}.heroCopy h2{font-size:clamp(42px,17vw,64px)}.heroCopy p{font-size:16px;overflow-wrap:anywhere}.heroActions,.heroActions button{width:100%}.heroActions button{justify-content:center}.heroShowcase{overflow:hidden;min-height:220px}.mainShowcase{inset:22px 0 28px}.floatingChip{padding:7px 10px;font-size:12px}.heroStats [data-slot=card],.quickStats div,.metrics div{min-height:78px}.newsItem,.newsItem:first-of-type{padding:12px}.newsItem h3{font-size:20px}.monthCell{min-height:102px}}.newsPanel{width:min(100%,920px);margin-inline:auto}.newsPanel .stack{grid-template-columns:1fr}.newsItem:first-of-type{grid-column:auto;grid-template-columns:1fr;gap:8px}.newsItem:first-of-type .newsCarousel{grid-row:auto}.newsItem p,.modalText,.preformattedText,.memberCard p{white-space:pre-wrap;overflow-wrap:anywhere}.eventModal{width:min(100%,860px);padding:22px}.eventModal .panelTitle{gap:12px;padding-bottom:10px}.eventModal .modalClose{margin-right:2px}.eventDetails{grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:10px 16px;margin-top:0;padding:16px}.eventDetails dd{min-width:0;overflow-wrap:anywhere}.eventDetails .preformattedText{max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff7ed0e;font-weight:700;line-height:1.55}.memberShowcase{grid-column:1 / -1;overflow:hidden;padding-bottom:8px}.memberMarquee{--member-card-width: clamp(220px, 25vw, 300px);--member-gap: 18px;overflow:hidden;margin-inline:-18px;padding:6px 18px 14px;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.memberTrack{display:flex;width:max-content;animation:memberMarquee calc(max(var(--member-count),3)*8s) linear infinite;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.memberTrackGroup{display:flex;flex:0 0 auto;gap:var(--member-gap);padding-right:var(--member-gap)}.memberCard{position:relative;overflow:hidden;flex:0 0 var(--member-card-width);aspect-ratio:3 / 4;border:1px solid rgba(255,231,199,.2);border-radius:24px;background:#fff7ed0f;box-shadow:var(--shadow)}.memberCard img,.memberPhotoFallback{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#f6c35f47,#42d6c62e);color:var(--text);font-size:56px;font-weight:900}.memberCard:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.76))}.memberCard>div:last-child{position:absolute;left:14px;right:14px;bottom:14px;z-index:1}.memberCard h3{margin:0 0 6px;color:#fff;font-size:18px}.memberCard p{display:-webkit-box;margin:0;overflow:hidden;color:#ffffffd1;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.memberEditorPanel .panelTitle{justify-content:space-between}.memberEditorGrid{display:grid;gap:12px}.memberEditorCard{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff7ed0b}.memberEditorPreview{overflow:hidden;display:grid;place-items:center;aspect-ratio:3 / 4;border-radius:14px;background:#fff7ed14}.memberEditorPreview img{width:100%;height:100%;object-fit:cover}.memberEditorPreview span{color:var(--primary);font-size:42px;font-weight:900}.memberEditorFields{display:grid;gap:10px}.memberEditorFields textarea{min-height:86px}@keyframes memberMarquee{0%{transform:translateZ(0)}to{transform:translate3d(calc((var(--member-card-width) + var(--member-gap)) * var(--member-count) * -1),0,0)}}@media(max-width:700px){.memberShowcase{padding-inline:14px}.memberMarquee{--member-card-width: min(68vw, 240px);--member-gap: 12px;margin-inline:-14px;padding:6px 14px 14px;mask-image:none;-webkit-mask-image:none}.memberTrack{animation-duration:calc(max(var(--member-count),3)*9s)}.memberCard{border-radius:18px;transform:translateZ(0)}.memberCard h3{font-size:16px}.memberCard p{-webkit-line-clamp:2}.eventModal{padding:14px}.eventDetails,.memberEditorCard{grid-template-columns:1fr}.memberEditorPanel .panelTitle{align-items:stretch;flex-direction:column}.memberEditorPanel .panelTitle button{width:100%}}@media(max-width:700px){.topbar{display:grid;grid-template-columns:1fr;gap:10px;padding:10px}.brandButton{width:100%;min-height:50px;padding:2px 4px}.brandMark{width:42px;height:42px;flex:0 0 auto}.brandBlock h1{font-size:22px}.brandBlock .eyebrow{margin-bottom:2px;font-size:11px}.mainNav{display:flex;width:100%;max-width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:visible;border-radius:16px;padding:6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mainNav::-webkit-scrollbar{display:none}.mainNav button,.adminNavMenu>button{flex:0 0 auto;min-height:38px;padding:0 14px;font-size:14px;white-space:nowrap;scroll-snap-align:start}.adminNavMenu{flex:0 0 auto}.adminNavDropdown{position:fixed;top:128px;left:18px;right:18px;min-width:0}.topActions{display:grid;width:100%}.topActions .iconButton{min-height:42px;justify-content:center}}