:root{
  --bg:#050506;
  --panel:#0f1012;
  --panel-2:#151518;
  --line:rgba(212,175,55,.18);
  --gold:#d4af37;
  --gold-light:#f0d27a;
  --text:#f7f3e8;
  --muted:#a9a293;
  --danger:#ff7676;
  --success:#55d68b;
  --warn:#ffcf66;
  --font-display:'Plus Jakarta Sans','DM Sans',ui-sans-serif,system-ui,sans-serif;
  --font-body:'DM Sans','Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(212,175,55,.16),transparent 28rem),linear-gradient(180deg,#08080a,#020203);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;letter-spacing:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:18px 0 56px}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;background:linear-gradient(180deg,rgba(5,5,6,.96),rgba(5,5,6,.78));backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:15px}.brand img{border-radius:50%}.topbar nav{display:flex;gap:10px;align-items:center}.topbar-home{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700;background:transparent;transition:color .18s ease,border-color .18s ease,background .18s ease}.topbar-home:hover,.topbar-home:focus-visible{color:var(--gold-light);border-color:var(--line);background:rgba(212,175,55,.05);outline:none}.topbar-home span{color:var(--gold-light);font-size:15px;line-height:1}
.app-root{padding-top:36px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,18,20,.94),rgba(10,10,12,.94));border-radius:14px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
h1,h2{font-family:var(--font-display);margin:0 0 12px;line-height:1.08;letter-spacing:0}h1{font-size:4rem}h2{font-size:2rem}p{line-height:1.65;max-width:68ch}.muted{color:var(--muted);margin-top:0}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--gold-light);margin:0 0 12px}
.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:28px;align-items:center;min-height:calc(100vh - 180px)}.auth-shell.narrow{display:flex;justify-content:center}.auth-shell.narrow .auth-card{width:min(460px,100%)}.auth-copy p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:18px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.mini-grid span{border:1px solid var(--line);background:rgba(212,175,55,.06);border-radius:12px;padding:14px;color:var(--gold-light);font-weight:700;font-size:13px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.tab{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);border-radius:10px;padding:12px;cursor:pointer}.tab.active{background:linear-gradient(135deg,#8f6f1d,var(--gold),var(--gold-light));color:#080806;border-color:transparent;font-weight:800}
label{display:grid;gap:8px;margin-bottom:16px;color:var(--gold-light);font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid rgba(240,210,122,.24);background:#050506;color:var(--text);border-radius:10px;padding:13px 14px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.12)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;color:var(--text);font-weight:600}.checkbox input{width:auto;margin-top:3px}.fine-print{font-size:12px;color:var(--muted);margin:4px 0 16px}.text-link{display:inline-block;color:var(--gold-light);font-weight:700;margin-top:14px}.google-auth-btn{width:100%;height:46px;min-height:46px;display:flex;align-items:center;justify-content:center;margin:0 0 16px}.google-auth-btn>div{width:min(100%,var(--google-button-width,390px));max-width:100%;background:#fff;border-radius:999px;opacity:0;transition:opacity .18s ease}.google-auth-btn.ready>div{opacity:1}.google-auth-btn iframe{max-width:100%}.google-auth-btn [role="button"]{border-radius:999px!important;overflow:hidden!important}.google-config-note{text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0 18px;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.auth-divider::before,.auth-divider::after{content:'';height:1px;flex:1;background:rgba(255,255,255,.1)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 18px;background:linear-gradient(135deg,#8f6f1d,var(--gold),var(--gold-light));color:#070704;font-weight:900;cursor:pointer;min-height:46px}.btn.secondary{border:1px solid var(--line);background:rgba(212,175,55,.06);color:var(--gold-light)}.btn.small{min-height:38px;padding:9px 12px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 14px;border-radius:10px;margin:0 0 16px;font-size:13px}.alert.error{border:1px solid rgba(255,118,118,.35);background:rgba(255,118,118,.1);color:#ffd1d1}.alert.success{border:1px solid rgba(85,214,139,.35);background:rgba(85,214,139,.1);color:#caffdd}
.portal-header,.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.portal-header p,.admin-header p{max-width:620px;color:var(--muted)}.portal-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.status-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.status-card.approved{border-color:rgba(85,214,139,.34)}.status-card.needs_fix{border-color:rgba(255,207,102,.36)}.status-pill{display:inline-flex;white-space:nowrap;border:1px solid var(--line);background:rgba(212,175,55,.08);border-radius:999px;padding:8px 10px;color:var(--gold-light);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.status-pill.approved{color:var(--success);border-color:rgba(85,214,139,.35);background:rgba(85,214,139,.1)}.status-pill.needs_fix{color:var(--warn);border-color:rgba(255,207,102,.35);background:rgba(255,207,102,.1)}.admin-note,.note{border-left:3px solid var(--gold);padding-left:12px;color:var(--muted)}.help-card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.history-card{margin-top:18px}.history-list{display:grid;gap:10px}.history-item{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;background:rgba(255,255,255,.03)}.history-item span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.history-item p{margin:0;color:var(--muted);font-size:13px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat{border:1px solid var(--line);border-radius:14px;background:rgba(212,175,55,.05);padding:18px}.stat strong{display:block;font-family:var(--font-display);font-size:32px;color:var(--gold-light)}.stat span{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--muted)}.review-list{display:grid;gap:14px}.submission-card{display:grid;gap:14px}.submission-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.proof-actions,.actions-row{display:flex;gap:8px;flex-wrap:wrap}.submission-top h2{margin-top:10px}.note.admin{border-left-color:var(--warn)}.blocked-card{max-width:620px;margin:0 auto;text-align:center}
@media (max-width:760px){.shell{width:min(100% - 22px,1160px);padding-bottom:34px}.auth-shell,.portal-grid{grid-template-columns:1fr;min-height:auto}.portal-header,.admin-header,.status-card,.submission-top{display:grid}.mini-grid,.stats-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.panel{padding:20px}.topbar-home{padding:8px 9px;font-size:12px}.brand span{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.notice-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,2,3,.72);backdrop-filter:blur(12px)}
.notice-modal.open{display:flex}.notice-card{width:min(460px,100%);border:1px solid rgba(212,175,55,.28);background:linear-gradient(180deg,rgba(22,22,24,.98),rgba(7,7,8,.98));border-radius:16px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.45);text-align:left}.notice-card h2{margin-bottom:12px}.notice-card p:not(.eyebrow){color:var(--muted);margin:0 0 22px}.notice-card .btn{width:100%}
.status-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.filter-stat{appearance:none;text-align:left;color:var(--text);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.filter-stat:hover{transform:translateY(-1px);border-color:rgba(240,210,122,.42)}.filter-stat.active{background:linear-gradient(180deg,rgba(212,175,55,.18),rgba(212,175,55,.07));border-color:rgba(240,210,122,.5);box-shadow:0 14px 44px rgba(212,175,55,.08)}.submission-summary{width:100%;display:flex;justify-content:space-between;gap:18px;align-items:center;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0}.summary-main{display:grid;grid-template-columns:auto minmax(160px,1fr);gap:8px 12px;align-items:center}.summary-name{font-family:var(--font-display);font-size:20px;font-weight:800}.summary-email{grid-column:2;color:var(--muted);font-size:14px;word-break:break-word}.summary-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.summary-meta span{white-space:nowrap}.summary-caret{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--gold-light);background:rgba(212,175,55,.06);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.submission-card.open{border-color:rgba(240,210,122,.34)}.submission-details{display:grid;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.details-grid div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:12px;padding:12px}.details-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:6px}.details-grid strong{font-size:13px;color:var(--text);word-break:break-word}.proof-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{text-align:center}.proof-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,2,3,.78);backdrop-filter:blur(14px)}.proof-modal.open{display:flex}.proof-modal-card{width:min(1040px,100%);height:min(86vh,820px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(212,175,55,.28);background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(7,7,8,.98));border-radius:16px;padding:18px;box-shadow:0 28px 90px rgba(0,0,0,.5)}.proof-modal-head,.proof-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.proof-modal-head h2{margin:0}.modal-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:rgba(212,175,55,.06);color:var(--gold-light);cursor:pointer;font-weight:900}.proof-preview-stage{min-height:0;display:flex;align-items:center;justify-content:center;margin:14px 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#050506;overflow:hidden}.proof-image{max-width:100%;max-height:100%;object-fit:contain}.proof-frame{width:100%;height:100%;border:0;background:#fff}.proof-modal-actions{justify-content:flex-end}
@media (max-width:760px){.status-filters{grid-template-columns:1fr 1fr}.submission-summary{display:grid}.summary-main{grid-template-columns:1fr}.summary-email{grid-column:auto}.summary-meta{justify-content:flex-start}.details-grid{grid-template-columns:1fr}.proof-modal-card{height:88vh;padding:14px}}
.setup-guide{margin-bottom:18px;overflow:hidden}.setup-guide-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.setup-guide-head h2{max-width:760px}.setup-guide-head .muted{max-width:720px;margin-bottom:0}.setup-guide-actions{display:grid;gap:10px;justify-items:stretch;min-width:190px}.setup-guide-actions .btn{width:100%}.referral-pill{display:inline-flex;justify-content:center;border:1px solid rgba(240,210,122,.28);background:rgba(212,175,55,.07);border-radius:999px;padding:9px 12px;color:var(--gold-light);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;white-space:nowrap}.setup-flow{display:grid;gap:10px;margin-top:20px}.setup-step{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:14px;overflow:hidden}.setup-step[open]{border-color:rgba(240,210,122,.3);background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(255,255,255,.025))}.setup-step summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:16px;cursor:pointer;list-style:none}.setup-step summary::-webkit-details-marker{display:none}.setup-step summary:focus-visible{outline:2px solid rgba(240,210,122,.7);outline-offset:-3px;border-radius:14px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(240,210,122,.32);border-radius:12px;background:rgba(212,175,55,.08);color:var(--gold-light);font-family:var(--font-mono);font-size:12px}.step-kicker{display:block;margin-bottom:3px;color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.setup-step summary strong{display:block;font-family:var(--font-display);font-size:18px;line-height:1.2}.step-body{padding:0 16px 16px}.step-body>p{margin:0 0 14px;color:var(--muted)}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.level-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.18);padding:15px}.level-card span{display:inline-flex;margin-bottom:9px;color:var(--gold-light);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.level-card h3{margin:0 0 10px;font-family:var(--font-display);font-size:16px;line-height:1.2}.level-card ul,.compact-list ol{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.65}.level-card li,.compact-list li{margin:0 0 7px}.level-card li:last-child,.compact-list li:last-child{margin-bottom:0}.level-fast-track,.proof-callout{display:flex;gap:8px;align-items:flex-start;margin-top:16px;border:1px solid rgba(85,214,139,.3);background:linear-gradient(135deg,rgba(85,214,139,.13),rgba(85,214,139,.05));border-radius:12px;padding:14px;color:#d9ffe6}.level-fast-track{display:block;font-size:13px;line-height:1.55}.level-fast-track strong,.proof-callout strong{color:#fff;white-space:nowrap}.proof-callout span{color:#caffdd;line-height:1.45}
@media (max-width:960px){.setup-guide-head{grid-template-columns:1fr}.setup-guide-actions{grid-template-columns:auto auto;justify-content:start}.setup-guide-actions .btn{width:auto}.level-grid{grid-template-columns:1fr}}
@media (max-width:560px){.setup-guide-actions{grid-template-columns:1fr}.setup-step summary{grid-template-columns:1fr}.step-number{width:34px;height:34px}.proof-callout{display:grid}.proof-callout strong,.level-fast-track strong{white-space:normal}}
.desktop-quick-join{position:fixed;right:22px;bottom:22px;z-index:80;width:min(292px,calc(100vw - 44px));display:grid;gap:8px;border:1px solid rgba(85,214,139,.28);background:linear-gradient(180deg,rgba(15,16,18,.96),rgba(5,5,6,.94));box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 38px rgba(85,214,139,.08);backdrop-filter:blur(16px);border-radius:16px;padding:16px}.desktop-quick-join span{color:var(--muted);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.desktop-quick-join strong{font-family:var(--font-display);font-size:18px;line-height:1.15;color:var(--text)}.desktop-quick-join a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;background:linear-gradient(135deg,#159f65,#55d68b,#d9ffe6);color:#041109;font-weight:900}
@media (max-width:760px){.desktop-quick-join{display:none}}
@media (max-height:860px){.desktop-quick-join{display:none}}

/* Impeccable site-wide polish overrides */
:root{--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.app-root{animation:surfaceEnter .38s var(--ease-out-quint) both}
@keyframes surfaceEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tab,.btn,.filter-stat,input,select,textarea,.topbar-home{transition:transform .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart),border-color .18s var(--ease-out-quart),background .18s var(--ease-out-quart),color .18s var(--ease-out-quart)}
.tab,.topbar-home,.btn.small{min-height:44px}
input,select,textarea{min-height:46px}
textarea{min-height:118px}
.checkbox input{width:20px;min-height:20px;flex:0 0 20px}
.tab:hover,.btn:hover,.filter-stat:hover{transform:translateY(-1px)}
.btn:hover{box-shadow:0 12px 34px rgba(212,175,55,.16)}
.btn:active{transform:translateY(0) scale(.99)}
.btn:disabled{transform:none;box-shadow:none}
.btn:focus-visible,.tab:focus-visible,.topbar-home:focus-visible,.filter-stat:focus-visible,.submission-summary:focus-visible,.modal-icon-btn:focus-visible,.desktop-quick-join a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
.submission-summary{border-radius:12px}
.submission-details,.notice-card,.proof-modal-card{animation:surfaceEnter .24s var(--ease-out-quint) both}
.empty-state h2{font-size:1.875rem}
.modal-icon-btn{width:auto;min-width:44px;min-height:44px;padding:0 12px}
.proof-modal-actions{flex-wrap:wrap}
@media (max-width:760px){
  h1{font-size:2.25rem}
  h2,.empty-state h2{font-size:1.5rem}
  .shell{width:min(100% - 22px,1160px);padding:12px 0 34px}
  .app-root{padding-top:22px}
  .topbar{gap:10px}
  .topbar nav{gap:6px;flex-shrink:0}
  .brand{min-width:0}
  .brand span{max-width:150px}
  .auth-copy p:not(.eyebrow){font-size:16px}
  .btn{width:100%}
  .actions-row .btn,.proof-preview-actions .btn,.proof-modal-actions .btn{width:100%}
  .history-item{display:grid}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
