:root{font-family:system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;padding:12px}main{width:min(740px,100%);max-width:100%;margin:clamp(12px,6vh,56px) auto;background:white;padding:clamp(20px,5vw,48px);border-radius:18px;box-shadow:0 16px 50px #1b315020;overflow:hidden}h1{color:#1264a3}.site-logo{margin:0 0 22px}.site-logo img{display:block;width:min(230px,62vw);height:auto;max-width:100%}label{display:block;font-weight:650;margin:18px 0}input{width:100%;padding:13px;margin-top:7px;border:1px solid #b7c2ce;border-radius:8px;font-size:1rem}button,.button{display:inline-block;border:0;border-radius:8px;padding:12px 18px;background:#1264a3;color:white;font-weight:700;text-decoration:none;cursor:pointer}.error{color:#a52222}.muted{color:#667085}.code{padding:16px;background:#e7f6ec;border:1px solid #63a878;border-radius:8px;font-size:1.05rem}.code li{display:flex;justify-content:space-between;gap:16px;margin:8px 0}.code code{font-weight:800}details{margin:18px 0;padding:14px;border:1px solid #d7dee7;border-radius:8px}summary{cursor:pointer;font-weight:700}.file-list{max-height:300px;overflow:auto;margin:12px 0 18px;border:1px solid #d7dee7;border-radius:8px;padding:4px 14px}.file-list label{display:flex;align-items:center;gap:10px;margin:0;padding:11px 0;border-bottom:1px solid #edf0f3}.file-list label:last-child{border-bottom:0}.file-list input{width:auto;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #ddd;word-break:break-word}.video-frame{width:100%;max-width:100%;overflow:hidden;margin:18px 0;border-radius:10px;background:#000}.video-frame video{display:block;width:100%!important;max-width:100%!important;height:auto;max-height:70vh;aspect-ratio:16/9;object-fit:contain;margin:0;background:#000}@media(max-width:520px){body{padding:0}main{width:100%;min-height:100vh;margin:0;padding:20px 16px;border-radius:0}.code li{display:block}.code code{display:block;margin-top:4px}button,.button{width:100%;text-align:center}h1{font-size:1.75rem}h2{font-size:1.3rem}.video-frame video{max-height:60vh}}

#access-code{text-transform:uppercase}
textarea{display:block;width:100%;max-width:100%;padding:13px;margin-top:7px;border:1px solid #b7c2ce;border-radius:8px;font:inherit;line-height:1.5;resize:vertical}
.support-card{margin-top:clamp(28px,6vw,52px);padding:clamp(20px,4vw,32px);border:1px solid #d7dee7;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);box-shadow:0 10px 28px #1b315014;overflow:hidden;overflow-wrap:anywhere}
.support-card h2{margin:.2rem 0 .75rem;font-size:clamp(1.35rem,4vw,1.8rem)}
.support-kicker{display:inline-block;margin:0;color:#1264a3;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.support-message{margin:0;line-height:1.65;color:#42506a;white-space:pre-line}
.support-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px;margin:22px 0 16px}
.support-method{display:flex;flex-direction:column;align-items:center;min-width:0;gap:10px}.support-method-label{margin:0;color:#172033;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.2;text-align:center;white-space:nowrap}
.support-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;min-height:68px;padding:12px clamp(12px,3vw,20px);border-radius:12px;text-align:center;line-height:1.25;overflow-wrap:anywhere;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.support-button:hover{transform:translateY(-2px);filter:brightness(1.03)}
.support-button:focus-visible{outline:3px solid #8abcf0;outline-offset:3px}
.support-button span{font-size:clamp(.86rem,2.5vw,1rem)}
.support-button strong{display:block;max-width:100%;margin-top:3px;font-size:clamp(.95rem,3vw,1.08rem);overflow-wrap:anywhere}
.cash-app-button{background:#00d64f;box-shadow:0 7px 18px #00a53c30;color:#062c16}
.venmo-button{background:#008cff;box-shadow:0 7px 18px #0074d430;color:#fff}
.support-qr{display:block;width:clamp(96px,13vw,132px);height:clamp(96px,13vw,132px);object-fit:contain;padding:6px;border:1px solid #d7dee7;border-radius:10px;background:#fff}
.support-note{margin:0;color:#667085;font-size:.88rem;line-height:1.45;text-align:center}
.support-settings{margin-bottom:28px}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;margin:16px 0}
fieldset{min-width:0;margin:0;padding:16px;border:1px solid #d7dee7;border-radius:12px}
legend{padding:0 6px;font-weight:800}
.checkbox-label{display:flex;align-items:center;gap:10px;margin:14px 0;font-weight:650}
.checkbox-label input{flex:0 0 auto;width:auto;margin:0}
.admin-qr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.admin-qr img{width:88px;height:88px;object-fit:contain;border:1px solid #d7dee7;border-radius:8px}
.table-actions{display:flex;flex-wrap:wrap;gap:7px;min-width:150px}
.table-actions form{margin:0}
.table-actions button{width:auto;padding:8px 10px;font-size:.82rem;white-space:normal;overflow-wrap:anywhere}
.button-secondary{background:#667085}
.button-danger{background:#a52222}
.status-missing{color:#a52222;font-weight:750}
th,td{overflow-wrap:anywhere}
@media(max-width:520px){.support-card{margin-inline:0;padding:18px 14px}.support-methods{grid-template-columns:1fr}.support-qr{display:none}.support-button{width:100%}.settings-grid{grid-template-columns:1fr}.table-actions button{width:auto}.support-settings>button{width:100%}}
@media(prefers-reduced-motion:reduce){.support-button{transition:none}}
.admin-shell{width:min(1400px,calc(100vw - 24px));max-width:none;overflow:visible}
.admin-shell .table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #e3e7ed;border-radius:10px}
.video-table{width:max-content;min-width:100%;table-layout:auto}
.video-table th,.video-table td{white-space:nowrap;word-break:normal;overflow-wrap:normal;vertical-align:middle}
.video-table th{font-size:.92rem}
.video-table .status-missing{white-space:nowrap}
.video-table .row-check{display:block;width:18px;height:18px;margin:0}
.video-table .table-actions{min-width:0;flex-wrap:nowrap}
.video-table .table-actions button{white-space:nowrap;overflow-wrap:normal}
.bulk-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.bulk-toolbar button{width:auto;white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.support-methods{grid-template-columns:repeat(2,minmax(96px,1fr));align-items:start}
.support-method{justify-content:flex-start}
.support-button{width:clamp(76px,12vw,104px);min-height:0;aspect-ratio:1;padding:0;border-radius:22%;background:transparent;box-shadow:none;overflow:hidden}
.support-button img{display:block;width:100%;height:100%;object-fit:contain}
.support-button:hover{box-shadow:0 8px 20px #17203324}
@media(max-width:700px){.admin-shell{width:100%;max-width:100%;overflow:hidden}.admin-shell .table-wrap{border-radius:8px}.bulk-toolbar{display:grid;grid-template-columns:1fr 1fr}.bulk-toolbar button{width:100%;white-space:normal}.support-button{width:clamp(72px,22vw,96px)}}