:root{color:#16231e;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(180deg,#f7f9f4f5,#edf1e8f5),#f4f6f2}.login-panel{width:min(420px,100%);padding:28px;border:1px solid #d7dfd4;border-radius:8px;background:#fff;box-shadow:0 18px 50px #1a33281f}.brand-row,.brand-block{display:flex;align-items:center;gap:12px}.brand-row h1{margin:0;font-size:24px;line-height:1.2}.brand-row p{margin:6px 0 0;color:#6f7d73;font-size:13px}.brand-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:8px;background:#12392f;color:#e6c36b;font-weight:800}.login-actions{display:grid;gap:12px;margin-top:24px}.field{display:grid;gap:7px}.field span{color:#56645c;font-size:13px;font-weight:800}.field input{width:100%;min-height:42px;padding:0 12px;border:1px solid #cbd7ca;border-radius:8px;outline:0;color:#16231e}.field select{width:100%;min-height:42px;padding:0 12px;border:1px solid #cbd7ca;border-radius:8px;outline:0;background:#fff;color:#16231e}.field input:focus,.field select:focus,.field textarea:focus{border-color:#17624f;box-shadow:0 0 0 3px #17624f1f}.app-shell{display:grid;min-height:100vh;grid-template-columns:236px minmax(0,1fr)}.sidebar{padding:22px 16px;border-right:1px solid #d8dfd5;background:#12392f;color:#f8fbf4}.brand-block strong{display:block;font-size:18px}.brand-block span:last-child{display:block;margin-top:3px;color:#f8fbf49e;font-size:12px}.sidebar .brand-mark{background:#ffffff1a}.nav-list{display:grid;gap:8px;margin-top:32px}.nav-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border-radius:8px;background:transparent;color:#f8fbf4c2;text-align:left}.nav-item.active{background:#f3f7ef;color:#12392f}.nav-item:hover{background:#ffffff1a}.nav-item.active:hover{background:#f3f7ef}.nav-item span{min-width:24px;padding:3px 7px;border-radius:999px;background:#e6c36b;color:#17382f;text-align:center;font-size:12px;font-weight:700}.workspace{min-width:0;padding:24px}.topbar,.topbar-actions,.panel-tools,.detail-actions,.dialog-actions{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px}.topbar h1{margin:2px 0 0;font-size:26px;line-height:1.2}.eyebrow{margin:0;color:#6d7c73;font-size:12px;font-weight:800;letter-spacing:0}.topbar-actions,.detail-actions,.dialog-actions{gap:10px}.primary-button,.danger-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:8px;font-weight:700}.primary-button{background:#17624f;color:#fff}.danger-button{background:#a63c35;color:#fff}.ghost-button{border:1px solid #cbd7ca;background:#fff;color:#19382f}.ghost-button.compact,.danger-button.compact{min-height:36px;padding:0 12px}.icon-button{width:40px;padding:0;border:1px solid #cbd7ca;background:#fff;color:#17382f}.icon-button.subtle{border-color:transparent;background:transparent}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:22px 0}.metric{display:flex;align-items:center;gap:12px;min-height:82px;padding:16px;border:1px solid #d7dfd4;border-radius:8px;background:#fff}.metric>span{display:grid;width:38px;height:38px;place-items:center;border-radius:8px}.metric strong{display:block;font-size:24px;line-height:1}.metric p{margin:6px 0 0;color:#6d7c73;font-size:13px}.metric-pending>span{background:#fff3d2;color:#8a5c00}.metric-approved>span{background:#def4e9;color:#17624f}.metric-rejected>span{background:#fde4df;color:#a63c35}.metric-neutral>span{background:#e7ecf4;color:#315983}.review-layout{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) 420px;gap:16px}.queue-panel,.detail-panel{min-width:0;border:1px solid #d7dfd4;border-radius:8px;background:#fff}.queue-panel{overflow:hidden}.panel-tools{justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #e3e9e1}.segmented{display:inline-flex;min-height:36px;padding:3px;border:1px solid #d4ded2;border-radius:8px;background:#f3f6f1}.segmented button{min-width:68px;padding:0 12px;border-radius:6px;background:transparent;color:#53625a;font-weight:700}.segmented button.active{background:#fff;color:#143b31;box-shadow:0 1px 5px #18372c1f}.search-box{display:flex;align-items:center;width:min(320px,100%);min-height:38px;gap:8px;padding:0 11px;border:1px solid #d4ded2;border-radius:8px;background:#fff;color:#66736c}.search-box input{width:100%;border:0;outline:0;color:#16231e}.select-box{display:flex;align-items:center;min-height:38px;border:1px solid #d4ded2;border-radius:8px;background:#fff}.select-box select{min-height:36px;padding:0 32px 0 11px;border:0;outline:0;background:transparent;color:#16231e;font-weight:700}.audit-panel table{min-width:980px}.audit-tools{align-items:center}.audit-filter-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.rankings-layout{grid-template-columns:minmax(0,1fr) 460px}.ranking-panel table{min-width:900px}.refunds-layout{grid-template-columns:minmax(0,1fr) 440px}.refund-panel table{min-width:980px}.club-management-layout{grid-template-columns:minmax(0,1fr) 480px}.club-management-panel table{min-width:920px}.managed-club-detail .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.club-revenue-card{display:grid;gap:5px;margin-top:18px;padding:16px;border:1px solid #cfe2d6;border-radius:8px;background:#eef8f2}.club-revenue-card span{color:#47675a;font-size:12px;font-weight:900}.club-revenue-card strong{color:#17624f;font-size:32px;line-height:1.1}.club-revenue-card small{color:#5f7168;font-size:12px}.compact-summary-grid{margin-top:0}.managed-club-table{min-width:520px}.managed-club-table td strong,.managed-club-table td span{display:block}.table-action-button{min-height:32px;padding:0 10px}.detail-loading-text{margin:14px 0 0}.refund-amount-card{display:grid;gap:5px;margin-top:18px;padding:16px;border:1px solid #e7d099;border-radius:8px;background:#fff9e8}.refund-amount-card span{color:#7d6831;font-size:12px;font-weight:900}.refund-amount-card strong{color:#9a6700;font-size:32px;line-height:1.1}.refund-amount-card small{color:#756947;font-size:12px}.refund-reason-block{margin-top:16px;padding:13px;border:1px solid #dce5da;border-radius:8px;background:#f8faf6}.refund-reason-block.is-warning{border-color:#f1b8ae;background:#fff7f4}.refund-reason-block h3{margin:0 0 8px;color:#19382f;font-size:14px}.refund-reason-block p{margin:0;color:#53625a;line-height:1.6}.ranking-tools{align-items:stretch;flex-wrap:wrap}.ranking-tools .audit-filter-row{flex:1 1 640px}.ranking-board-admin{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:10px}.ranking-board-input{width:min(320px,100%)}.ranking-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.ranking-bound-tag{display:inline-flex;width:fit-content;margin-top:4px;padding:2px 7px;border-radius:999px;background:#e8f5ee;color:#17624f;font-size:11px;font-weight:800}.ranking-user-bind{display:grid;gap:10px;margin-top:16px;padding:12px;border:1px solid #dce5da;border-radius:8px;background:#f8faf6}.ranking-user-bind-head,.ranking-user-search-row,.ranking-bound-user,.ranking-bind-empty,.ranking-user-option{display:flex;align-items:center}.ranking-user-bind-head{justify-content:space-between;gap:10px}.ranking-user-bind-head>span{color:#19382f;font-size:13px;font-weight:900}.ranking-bound-user,.ranking-bind-empty{min-width:0;gap:10px;padding:10px;border:1px solid #dce5da;border-radius:8px;background:#fff}.ranking-bound-user>div{min-width:0;flex:1}.ranking-bound-user strong,.ranking-user-option strong{display:block;overflow:hidden;color:#16231e;text-overflow:ellipsis;white-space:nowrap}.ranking-bound-user span,.ranking-user-option span,.ranking-bind-empty,.ranking-bind-hint{color:#66736c;font-size:12px}.ranking-bound-user>svg{flex:0 0 auto;color:#17624f}.ranking-user-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#e7ecf4;color:#315983}.ranking-user-avatar img{width:100%;height:100%;object-fit:cover}.ranking-user-search-row{gap:8px}.ranking-user-search{flex:1;width:auto;min-width:0}.ranking-user-results{display:grid;max-height:230px;gap:8px;overflow:auto}.ranking-user-option{min-width:0;width:100%;gap:10px;padding:10px;border:1px solid #dce5da;border-radius:8px;background:#fff;text-align:left}.ranking-user-option:hover,.ranking-user-option.active{border-color:#17624f;background:#eef7f2}.ranking-user-option>div{min-width:0;flex:1}.ranking-user-option>svg{flex:0 0 auto;color:#17624f}.ranking-bind-hint{margin:0}.ranking-field-wide{grid-column:1 / -1}.ranking-check{display:flex;align-items:center;gap:9px;margin-top:16px;color:#19382f;font-weight:800}.ranking-check input{width:17px;height:17px;accent-color:#17624f}.ranking-actions{justify-content:flex-start}.ranking-actions button{flex:0 0 auto}.event-create-panel{max-height:calc(100vh - 32px);overflow:auto}.event-create-images{display:grid;gap:10px;margin-top:16px}.event-image-input{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:10px;border:1px solid #dce5da;border-radius:8px;background:#f8faf6}.event-image-preview{display:grid;min-width:0;aspect-ratio:4 / 3;place-items:center;overflow:hidden;border-radius:8px;background:#e7ecf4;color:#315983}.event-image-preview img{width:100%;height:100%;object-fit:cover}.event-image-fields{display:grid;min-width:0;gap:8px}.event-image-fields strong,.event-image-fields span{display:block}.event-image-fields strong{color:#16231e;font-size:13px}.event-image-fields span{color:#66736c;font-size:12px}.event-image-fields input{width:100%;min-height:36px;padding:0 10px;border:1px solid #cbd7ca;border-radius:8px;outline:0}.upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;gap:6px;padding:0 10px;border:1px solid #d4ded2;border-radius:8px;background:#fff;color:#17624f;cursor:pointer;font-size:12px;font-weight:900}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-button.disabled{cursor:wait;opacity:.62}.event-create-section{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #e3e9e1}.event-create-section h3{margin:0;color:#19382f;font-size:14px}.event-create-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-field-wide{grid-column:1 / -1}.event-location-picker{display:grid;min-width:0;gap:10px}.event-location-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.event-location-search input{min-width:0}.event-map-shell{position:relative;min-height:260px;overflow:hidden;border:1px solid #dce5da;border-radius:8px;background:#edf2ef}.event-map-canvas{width:100%;height:260px}.event-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;padding:18px;background:#f8faf6eb;color:#53625a;text-align:center;font-size:13px;font-weight:800}.event-map-overlay svg{color:#17624f}.event-location-status{display:flex;align-items:flex-start;gap:7px;min-height:36px;padding:9px 10px;border:1px solid #dce5da;border-radius:8px;background:#f8faf6;color:#53625a;font-size:12px;line-height:1.45;font-weight:800}.event-location-status svg{flex:0 0 auto;margin-top:1px;color:#17624f}.event-coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-reward-list{display:grid;gap:10px}.event-reward-row{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr) 40px;align-items:end;gap:10px}.event-reward-remove{width:40px;min-width:40px;padding:0}.event-reward-add{width:fit-content}.event-reward-summary{display:grid;gap:8px}.event-reward-summary div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:8px 10px;border:1px solid #e0e8de;border-radius:8px;background:#f8faf6}.event-reward-summary span{color:#66736c;font-size:12px;font-weight:800}.event-reward-summary strong{min-width:0;color:#16231e;font-size:13px}.field textarea{width:100%;min-height:104px;padding:12px;border:1px solid #cbd7ca;border-radius:8px;outline:0;color:#16231e}.event-create-actions{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:18px}.event-create-actions button{flex:1 1 140px}.audit-layout{grid-template-columns:minmax(0,1fr) 460px}.audit-detail-panel .info-grid{grid-template-columns:1fr}.audit-snapshot-grid{display:grid;gap:10px}.audit-snapshot-block{min-width:0;overflow:hidden;border:1px solid #e1e8df;border-radius:8px;background:#f8faf6}.audit-snapshot-block h4{margin:0;padding:10px 12px;border-bottom:1px solid #e1e8df;color:#53625a;font-size:12px}.audit-snapshot-block pre{max-height:260px;margin:0;overflow:auto;padding:12px;color:#17251f;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.audit-snapshot-block .muted{margin:0;padding:12px}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid #e7ece5;text-align:left;vertical-align:middle;font-size:14px}th{color:#66736c;font-size:12px;font-weight:800}td strong,td span{display:block}td span{margin-top:4px;color:#6b786f;font-size:12px}tbody tr{transition:background .15s ease}tbody tr:hover,tbody tr.selected{background:#f5f8f3}.status-badge{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-pending{background:#fff3d2;color:#805200}.status-approved{background:#def4e9;color:#17624f}.status-rejected{background:#fde4df;color:#a63c35}.status-neutral{background:#e7ecf4;color:#315983}.empty-state,.empty-detail{display:grid;min-height:220px;place-items:center;color:#6d7c73}.empty-detail{gap:10px;align-content:center}.detail-panel{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:18px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-head h2{margin:3px 0 4px;font-size:22px;line-height:1.25}.detail-head span{color:#6d7c73;font-size:13px}.detail-actions{margin-top:16px}.detail-actions button{flex:1}.events-layout{grid-template-columns:minmax(0,1fr) 480px}.event-detail-panel .detail-actions{justify-content:flex-start}.event-detail-panel .detail-actions button{flex:0 0 auto}.badge-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:16px;padding:3px;border:1px solid #d4ded2;border-radius:8px;background:#f3f6f1}.detail-tabs button{min-height:34px;border-radius:6px;background:transparent;color:#53625a;font-size:13px;font-weight:800}.detail-tabs button.active{background:#fff;color:#12392f;box-shadow:0 1px 5px #18372c1f}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.summary-pill{min-height:66px;padding:12px;border:1px solid #e1e8df;border-radius:8px;background:#f8faf6}.summary-pill span{display:block;color:#6d7c73;font-size:12px;font-weight:800}.summary-pill strong{display:block;margin-top:8px;color:#17251f;font-size:18px;line-height:1.2;word-break:break-word}.summary-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #e7ece5;color:#6d7c73;font-size:12px}.summary-strip span{padding:5px 8px;border-radius:999px;background:#f3f6f1}.risk-section{display:grid;gap:12px;margin-top:14px;padding:12px;border:1px solid #f1d2a6;border-radius:8px;background:#fffaf0}.risk-section h3{display:flex;align-items:center;gap:6px;margin:0;color:#7a4b00;font-size:14px}.risk-section p{margin:6px 0 0;color:#7d6844;font-size:12px;line-height:1.55}.risk-actions{display:flex;flex-wrap:wrap;gap:8px}.risk-actions button{min-height:34px}.visibility-section{display:grid;gap:12px;margin-top:14px;padding:12px;border:1px solid #dbe7df;border-radius:8px;background:#f8faf6}.visibility-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.visibility-section-head h3{display:flex;align-items:center;gap:6px;margin:0;color:#18372c;font-size:14px}.visibility-section-head span{color:#6d7c73;font-size:12px;line-height:1.5}.visibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.visibility-card{min-width:0;padding:10px;border:1px solid #e1e8df;border-radius:8px;background:#fff}.visibility-card>div{display:flex;align-items:center;gap:7px}.visibility-card strong{min-width:0;flex:1;color:#17251f;font-size:13px}.visibility-card p{min-height:38px;margin:8px 0 10px;color:#6d7c73;font-size:12px;line-height:1.55}.visibility-card button{width:100%}.mini-table-wrap{overflow-x:auto}.mini-table{min-width:420px}.mini-table th,.mini-table td{padding:10px 8px;font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}.info-grid div{min-height:78px;padding:12px;border:1px solid #e1e8df;border-radius:8px;background:#f8faf6}.publish-field-grid{margin-top:0}.publish-field-grid div{min-height:68px}.publish-field-grid dd{overflow-wrap:anywhere;white-space:pre-wrap}dt{display:flex;align-items:center;gap:6px;color:#6d7c73;font-size:12px;font-weight:800}dd{margin:8px 0 0;color:#17251f;line-height:1.45}.detail-section{margin-top:18px;padding-top:16px;border-top:1px solid #e7ece5}.detail-section h3{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:14px}.detail-section p{margin:0;color:#48564f;line-height:1.65}.warning-section{padding:12px;border:1px solid #f1b8ae;border-radius:8px;background:#fff7f4}.owner-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;min-height:40px}.owner-row strong{padding:4px 8px;border-radius:999px;background:#e8eee4;color:#17382f;font-size:12px}.owner-row em{color:#6d7c73;font-style:normal;font-size:13px}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-grid figure{margin:0;overflow:hidden;border:1px solid #dbe4d8;border-radius:8px;background:#f3f6f1}.image-preview-button{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:transparent;color:inherit;text-align:left}.image-preview-button img{transition:filter .16s ease,transform .16s ease}.image-preview-button:hover img,.image-preview-button:focus-visible img{filter:brightness(.9);transform:scale(1.02)}.image-preview-button:focus-visible{outline:3px solid rgba(23,98,79,.22);outline-offset:-3px}.image-preview-affordance{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border-radius:999px;background:#12392fe0;color:#fff;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.image-preview-button:hover .image-preview-affordance,.image-preview-button:focus-visible .image-preview-affordance{opacity:1;transform:translateY(0)}.image-grid img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.image-placeholder{display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;gap:6px;align-content:center;color:#6d7c73}.image-placeholder span{font-size:12px}.image-grid figcaption{padding:8px;color:#56645c;font-size:12px}.muted{color:#7b887f}.timeline{display:grid;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid #e7ece5;color:#6d7c73;font-size:12px}.inline-error{display:flex;align-items:center;gap:8px;min-height:42px;margin:0 0 14px;padding:10px 12px;border:1px solid #f1b8ae;border-radius:8px;background:#fff7f4;color:#9a352f;font-weight:700}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0d1f1980}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0d1f19b8}.image-lightbox{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:16px;border-radius:8px;background:#fff;box-shadow:0 24px 70px #00000052}.image-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.image-lightbox h2{margin:0;font-size:18px;line-height:1.25}.image-lightbox-stage{display:grid;min-height:240px;overflow:auto;place-items:center;border:1px solid #e1e8df;border-radius:8px;background:#f8faf6}.image-lightbox-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 190px);aspect-ratio:auto;object-fit:contain}.image-lightbox .dialog-actions{margin-top:12px}.image-lightbox-link{text-decoration:none}.dialog{width:min(480px,100%);padding:18px;border-radius:8px;background:#fff;box-shadow:0 24px 70px #00000047}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dialog h2{margin:0;font-size:20px}.dialog-copy{margin:0 0 14px;color:#58665e;font-size:13px;line-height:1.65}textarea{width:100%;resize:vertical;border:1px solid #cbd7ca;border-radius:8px;padding:12px;outline:0}textarea:focus,.search-box:focus-within{border-color:#17624f;box-shadow:0 0 0 3px #17624f1f}.dialog-actions{justify-content:flex-end;margin-top:14px}@media (max-width: 1180px){.review-layout{grid-template-columns:1fr}.detail-panel{position:static;max-height:none}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.nav-list{grid-auto-flow:column;grid-auto-columns:max-content;max-width:100%;margin-top:0;overflow-x:auto}.workspace{padding:16px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-tools,.topbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.audit-filter-row{align-items:stretch;flex-direction:column;width:100%}.select-box,.audit-filter-row .ghost-button{width:100%}.ranking-board-admin{align-items:stretch;flex-direction:column}.ranking-board-admin .ghost-button,.ranking-board-admin .danger-button{width:100%}.ranking-user-search-row{align-items:stretch;flex-direction:column}.ranking-user-search-row .ghost-button{width:100%}.ranking-form-grid,.event-create-form-grid,.event-coordinate-grid,.event-image-input,.event-reward-row,.event-location-search{grid-template-columns:1fr}.event-location-search button,.event-reward-remove{width:100%}}@media (max-width: 560px){.image-lightbox-backdrop{padding:16px}.image-lightbox{width:100%;max-height:calc(100vh - 32px);padding:12px}.image-lightbox-stage{min-height:180px}.image-lightbox-stage img{max-height:calc(100vh - 170px)}.metrics-grid,.info-grid,.image-grid,.summary-grid{grid-template-columns:1fr}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.detail-actions{flex-direction:column}.detail-actions button{width:100%}}