:root{--bg:#080d19;--panel:#111827;--panel2:#172033;--text:#f8fafc;--muted:#9ca3af;--line:#263247;--accent:#22c55e;--accent2:#16a34a;--danger:#ef4444;--shadow:0 18px 60px rgba(0,0,0,.25)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.narrow{max-width:760px}.topbar{position:sticky;top:0;z-index:50;background:rgba(8,13,25,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:70px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{color:var(--accent)}nav{display:flex;gap:22px}nav a{color:#d1d5db}.menu-toggle{display:none}.hero{padding:86px 0 54px;background:radial-gradient(circle at 20% 0,#193b2c 0,transparent 38%),linear-gradient(180deg,#0d1424,var(--bg))}.hero-copy{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:.78rem;font-weight:800}h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.02;margin:.2em 0}h2{font-size:1.7rem}h3{margin:.2rem 0}.lead{font-size:1.15rem;color:#cbd5e1}.searchbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-top:30px}.section{padding:48px 0}.muted{background:#0c1322}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel,.auth-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.card{overflow:hidden}.card-media{position:relative;}.card-media-link{display:block;width:100%;height:100%;cursor:pointer}.card-media-link img{transition:transform .2s ease,opacity .2s ease}.card-media-link:hover img,.card-media-link:focus-visible img{transform:scale(1.025);opacity:.94}.card-media img{width:100%;height:100%;object-fit:contain}.card-body{padding:18px}.meta{color:var(--muted);font-size:.9rem}.status{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:999px;background:#374151;font-size:.72rem;text-transform:uppercase}.status.online,.badge.online{background:#14532d;color:#bbf7d0}.status.offline,.badge.offline{background:#7f1d1d;color:#fecaca}.status.warning,.badge.warning{background:#78350f;color:#fde68a}.actions{display:flex;gap:9px;align-items:center;margin-top:14px}.actions.large{flex-wrap:wrap}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 16px;background:var(--accent);color:#052e16;font:inherit;font-weight:800;cursor:pointer}.btn.secondary,.secondary{background:#263247;color:#fff}.btn.icon{padding:10px 12px}.danger{background:var(--danger)!important;color:#fff!important}.link-button{background:none;padding:0;color:#93c5fd}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.chip span{color:var(--muted)}.split,.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.empty{padding:34px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.pagination a{padding:9px 13px;border:1px solid var(--line);border-radius:9px}.pagination a.active{background:var(--accent);color:#052e16}.station-hero{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;margin-bottom:34px}.station-hero>img{width:220px;height:220px;object-fit:contain;border-radius:24px}.badges{display:flex;gap:8px}.badge{padding:5px 10px;border-radius:999px;background:#334155;font-size:.78rem}.panel{padding:24px}.details{display:grid;grid-template-columns:1fr 1fr;gap:14px}.details div{border-bottom:1px solid var(--line);padding-bottom:10px}.details dt{color:var(--muted);font-size:.8rem}.details dd{margin:3px 0}.rating{display:flex;align-items:end;gap:10px;margin-top:20px}.directory-list{display:grid;gap:10px}.directory-list>a,.directory-list>div{display:flex;justify-content:space-between;gap:20px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid h3,.form-grid .full,.form-grid button{grid-column:1/-1}label{display:grid;gap:6px;color:#dbe3ef}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#0b1220;color:#fff;padding:11px 12px;font:inherit}.check{display:flex;align-items:center}.check input{width:auto}.auth-shell{min-height:80vh;display:grid;place-items:center;padding:30px}.auth-card{width:min(560px,100%);padding:30px}.flash{padding:12px 16px;border-radius:10px;margin:16px auto}.flash.success{background:#14532d}.flash.warning{background:#78350f}.flash.error{background:#7f1d1d}.stats{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:20px 0}.stats>div{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.stats strong{font-size:1.6rem;display:block}.stats span{color:var(--muted);font-size:.82rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}.filters{display:flex;gap:10px;margin-bottom:18px}.player[hidden]{display:none!important}.player{position:fixed;z-index:80;left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:54px 1fr auto auto 150px auto;gap:12px;align-items:center;padding:12px 14px;background:#111827;border:1px solid #334155;border-radius:16px;box-shadow:var(--shadow)}.player img{width:54px;height:54px;object-fit:contain;background:white;border-radius:10px}.player-info{display:grid}.player-info span{color:var(--muted);font-size:.85rem}footer{padding:50px 0 120px;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between}.footer-grid div:last-child{display:grid;gap:8px}.admin-body{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px;background:#0b1220;border-right:1px solid var(--line)}.admin-nav a{padding:9px 5px}.admin-main{padding:28px;min-width:0}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.searchbar{grid-template-columns:1fr 1fr}.searchbar input{grid-column:1/-1}.split,.content-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.admin-body{grid-template-columns:1fr}.admin-nav{position:static;height:auto;flex-direction:row;overflow:auto}.admin-main{padding:18px}}@media(max-width:620px){.grid,.grid.compact{grid-template-columns:1fr}.topbar nav{display:none;position:absolute;left:0;right:0;top:70px;padding:20px;background:#111827;flex-direction:column}.topbar nav.open{display:flex}.menu-toggle{display:block}.searchbar,.form-grid{grid-template-columns:1fr}.station-hero{grid-template-columns:1fr}.station-hero>img{width:160px;height:160px}.player{left:8px;right:8px;bottom:8px;grid-template-columns:44px 1fr auto auto}.player input{display:none}.player img{width:44px;height:44px}.stats{grid-template-columns:1fr 1fr}.details{grid-template-columns:1fr}.footer-grid{display:grid;gap:20px}}
/* Station tools */
.station-tools-list{display:grid;gap:10px}.station-tool{width:100%;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#0b1220;color:var(--text);text-align:left;transition:border-color .15s ease,transform .15s ease,background .15s ease}.station-tool:hover,.station-tool:focus-visible{border-color:var(--accent);background:#101a2d;transform:translateY(-1px)}.station-tool>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1d2a3e;color:var(--accent);font-weight:900}.station-tool strong,.station-tool small{display:block}.station-tool small{margin-top:2px;color:var(--muted);font-weight:400;line-height:1.35}.station-tool-button{font:inherit;cursor:pointer}.station-check{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}


/* Unified button system */
.btn,button,input[type="submit"],input[type="button"]{
  min-height:44px;
  max-width:100%;
  gap:.45rem;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  -webkit-appearance:none;
  appearance:none;
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.btn:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover{
  background:var(--accent2);
  transform:translateY(-1px);
}
.btn:active,button:active,input[type="submit"]:active,input[type="button"]:active{
  transform:translateY(0);
}
.btn:focus-visible,button:focus-visible,input[type="submit"]:focus-visible,input[type="button"]:focus-visible{
  outline:3px solid rgba(34,197,94,.38);
  outline-offset:2px;
  box-shadow:0 0 0 1px var(--accent);
}
.btn[disabled],button[disabled],input[type="submit"][disabled],input[type="button"][disabled],
.btn[aria-disabled="true"]{
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none;
  transform:none;
}
.btn.secondary:hover,.secondary:hover{background:#334155;color:#fff}
.btn.danger:hover,button.danger:hover,.danger:hover{background:#dc2626!important;color:#fff!important}
.btn.icon{min-width:44px;white-space:nowrap}
.menu-toggle{min-width:44px;padding:9px 12px;color:#fff;background:#263247}
.menu-toggle:hover{background:#334155}
.player button{min-width:44px;padding:9px 11px}
.actions{flex-wrap:wrap}
.actions form{display:flex;gap:9px;flex-wrap:wrap;margin:0}
.filters{flex-wrap:wrap;align-items:end}
.filters>label{min-width:190px;flex:1}
.filters>button,.filters>.btn{flex:0 0 auto}
.table-wrap td .actions{margin-top:0}
.link-button{min-height:auto;border-radius:0;transform:none!important}
.link-button:hover{background:none;text-decoration:underline}
.station-tool-button:hover{background:#101a2d}
@media(max-width:620px){
  .actions>.btn,.actions>button,.actions>form{width:100%}
  .actions>form>button{flex:1}
  .searchbar button,.form-grid>button,.filters>button{width:100%}
  .player button{width:auto}
}

/* Compact, consistent admin action controls */
.section-head > form,
.section-head .header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
}
.section-head > form input[type="number"]{
  width:88px;
  min-width:88px;
}

.table-wrap td form{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:0;
}
.table-wrap td .actions,
.table-wrap td form.actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:0;
}
.table-wrap td button,
.table-wrap td .btn,
.table-wrap td input[type="submit"],
.table-wrap td input[type="button"]{
  min-height:36px;
  padding:7px 11px;
  border-radius:8px;
  font-size:.875rem;
  line-height:1;
  white-space:nowrap;
  width:auto;
}

/* Text-style destructive actions should not become oversized red blocks */
.table-wrap .link-button{
  min-height:36px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent!important;
  color:#93c5fd!important;
  text-decoration:none;
  transform:none!important;
}
.table-wrap .link-button:hover{
  background:#172033!important;
  border-color:#334155;
  text-decoration:none;
}
.table-wrap .link-button.danger{
  background:transparent!important;
  border-color:rgba(239,68,68,.45);
  color:#fca5a5!important;
}
.table-wrap .link-button.danger:hover{
  background:rgba(127,29,29,.35)!important;
  border-color:#ef4444;
  color:#fecaca!important;
}
.table-wrap .link-button[disabled],
.table-wrap .link-button:disabled{
  border-color:#334155;
  color:#64748b!important;
  background:transparent!important;
}

/* Keep normal action groups compact on small screens instead of full-width stacking */
@media(max-width:620px){
  .table-wrap td .actions > .btn,
  .table-wrap td .actions > button,
  .table-wrap td .actions > form,
  .table-wrap td form.actions > button{
    width:auto;
    flex:0 0 auto;
  }
  .section-head > form{
    width:100%;
    justify-content:flex-start;
  }
}

/* Redesigned authentication pages */
.auth-page{min-height:100vh;background:radial-gradient(circle at 8% 8%,rgba(34,197,94,.15),transparent 30%),radial-gradient(circle at 92% 88%,rgba(59,130,246,.12),transparent 28%),#080d19}.auth-shell-full{min-height:100vh;padding:32px}.auth-layout{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:28px;background:#101827;box-shadow:0 30px 90px rgba(0,0,0,.42)}.auth-intro{position:relative;min-height:650px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,#12243a,#0d1a2d)}.auth-intro:before,.auth-intro:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.auth-intro:before{width:330px;height:330px;right:-140px;top:-95px;background:rgba(34,197,94,.13)}.auth-intro:after{width:240px;height:240px;left:-120px;bottom:-100px;background:rgba(59,130,246,.11)}.auth-intro-admin{background:linear-gradient(145deg,#10253a,#111b2c)}.auth-intro-owner{background:linear-gradient(145deg,#123327,#101c2d)}.auth-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:11px;width:max-content;font-weight:850;font-size:1.05rem}.auth-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:#052e16;box-shadow:0 10px 28px rgba(34,197,94,.25)}.auth-intro-copy{position:relative;z-index:1;max-width:460px}.auth-intro-copy h1{font-size:clamp(2.5rem,5vw,4.5rem);margin:.25em 0 .35em}.auth-intro-copy p{max-width:430px;color:#cbd5e1;font-size:1.08rem}.auth-kicker{display:block;color:#86efac;text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:850}.auth-back-link{position:relative;z-index:1;width:max-content;color:#cbd5e1;font-weight:700}.auth-back-link:hover{color:#fff}.auth-form-panel{padding:58px 54px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(23,32,51,.98),rgba(15,23,42,.98))}.auth-form-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px}.auth-form-heading h2{margin:2px 0 5px;font-size:2rem}.auth-form-heading p{margin:0;color:var(--muted)}.auth-icon{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(134,239,172,.24);border-radius:15px;background:rgba(34,197,94,.09);color:#86efac;font-size:1.35rem}.auth-form{display:grid;gap:18px}.auth-field{gap:8px;font-weight:750}.auth-field>span:first-child{font-size:.9rem}.auth-field input{min-height:50px;border-color:#344258;background:#09111f;padding:13px 14px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-field input:hover{border-color:#506078}.auth-field input:focus{outline:0;border-color:#4ade80;background:#0b1525;box-shadow:0 0 0 4px rgba(34,197,94,.13)}.password-field{position:relative;display:block}.password-field input{padding-right:74px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-width:56px;padding:7px 9px;border-radius:8px;background:#253147;color:#dbeafe;font-size:.78rem;font-weight:800}.password-toggle:hover{background:#334155}.auth-submit{width:100%;min-height:52px;margin-top:3px;font-size:1rem;box-shadow:0 12px 28px rgba(34,197,94,.16)}.auth-alert{width:100%;margin:0 0 20px}.auth-help{margin:18px 0 0;color:var(--muted);font-size:.88rem;text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:25px 0 17px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-secondary-action{width:100%;min-height:48px}.auth-form-panel .flash{box-shadow:none}
@media(max-width:820px){.auth-shell-full{padding:18px}.auth-layout{grid-template-columns:1fr;max-width:600px}.auth-intro{min-height:auto;padding:30px}.auth-intro-copy{padding:55px 0}.auth-intro-copy h1{font-size:2.75rem}.auth-form-panel{padding:38px 30px}}
@media(max-width:520px){.auth-shell-full{padding:0}.auth-layout{min-height:100vh;border:0;border-radius:0}.auth-intro{padding:24px}.auth-intro-copy{padding:38px 0}.auth-intro-copy h1{font-size:2.25rem}.auth-form-panel{padding:34px 22px 42px}.auth-form-heading h2{font-size:1.65rem}.auth-icon{width:42px;height:42px}.auth-back-link{font-size:.9rem}}

/* Unified multi-role account menu */
.account-menu{position:relative;display:inline-flex;align-items:center;margin:0}
.account-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:.5rem;min-height:42px;padding:.58rem .78rem;border:1px solid var(--line);border-radius:11px;cursor:pointer;font:inherit;font-weight:800;color:#f8fafc;background:var(--panel);box-shadow:0 8px 24px rgba(0,0,0,.18);user-select:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{background:var(--panel2);border-color:#3a4a63;transform:translateY(-1px)}
.account-menu>summary:focus-visible{outline:3px solid rgba(34,197,94,.38);outline-offset:2px}
.account-avatar{display:block;width:28px;height:28px;border-radius:9px;object-fit:cover;background:#1d2a3e;border:1px solid #3a4a63;flex:0 0 auto}.account-avatar-fallback{display:grid;place-items:center;color:var(--accent);font-size:.92rem;line-height:1}
.account-summary-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-caret{font-size:.62rem;color:var(--muted);transition:transform .18s ease}
.account-menu[open] .account-caret{transform:rotate(180deg)}
.account-dropdown{position:absolute;z-index:1000;right:0;top:calc(100% + .65rem);width:min(310px,calc(100vw - 2rem));padding:.55rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel2),var(--panel));color:var(--text);box-shadow:var(--shadow)}
.account-dropdown-profile{display:grid;gap:.18rem;padding:.78rem .82rem .85rem}
.account-dropdown-profile strong{font-size:1rem;color:var(--text)}
.account-dropdown-profile span{font-size:.82rem;color:var(--muted);overflow-wrap:anywhere}
.account-dropdown-profile small{margin-top:.18rem;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.topbar nav .account-dropdown a{display:flex;align-items:center;gap:.72rem;width:100%;padding:.7rem .78rem;border:1px solid transparent;border-radius:10px;color:#dbe3ef;text-decoration:none;font-weight:750;white-space:normal;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.topbar nav .account-dropdown a:hover,.topbar nav .account-dropdown a:focus-visible{background:#101a2d;border-color:#334155;color:#fff;transform:translateX(2px)}
.topbar nav .account-dropdown a span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1d2a3e;color:var(--accent);text-align:center;flex:0 0 auto}
.topbar nav .account-dropdown .account-signout{color:#fecaca}
.topbar nav .account-dropdown .account-signout span{background:rgba(127,29,29,.38);color:#fca5a5}
.topbar nav .account-dropdown .account-signout:hover{background:rgba(127,29,29,.3);border-color:rgba(239,68,68,.45);color:#fff}
.account-divider{height:1px;margin:.38rem .48rem;background:var(--line)}
@media(max-width:800px){.account-menu{display:block;width:100%}.account-menu>summary{justify-content:space-between;width:100%;border-radius:10px}.account-summary-name{max-width:none;flex:1;text-align:left}.account-dropdown{position:static;width:100%;margin-top:.45rem;box-shadow:none}.topbar nav .account-dropdown a{display:flex}}

/* Unified administration design */
.admin-body{display:block;min-height:100vh;background:radial-gradient(circle at 100% 0,rgba(34,197,94,.10),transparent 30%),var(--bg)}
.admin-shell{min-height:100vh;margin-left:284px;display:flex;flex-direction:column}
.admin-nav{position:fixed;inset:0 auto 0 0;width:284px;height:100vh;padding:0;background:linear-gradient(180deg,#0d1525,#090f1b);border-right:1px solid var(--line);box-shadow:18px 0 55px rgba(0,0,0,.18);z-index:75;overflow-y:auto}
.admin-brand-block{min-height:92px;padding:20px 20px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.admin-brand{display:flex;align-items:center;gap:12px}
.admin-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#86efac);color:#052e16;font-weight:950;letter-spacing:-.04em;box-shadow:0 10px 25px rgba(34,197,94,.18);object-fit:cover;flex:0 0 42px}
.admin-brand strong{display:block;font-size:.96rem}.admin-brand small{display:block;color:var(--muted);font-size:.75rem;margin-top:1px}
.admin-nav-close{display:none;background:transparent;color:var(--muted);font-size:1.6rem;padding:5px 8px}
.admin-menu{display:grid;gap:5px;padding:18px 14px}
.admin-menu-link{display:grid;gap:1px;padding:11px 13px;border:1px solid transparent;border-radius:12px;color:#d7dfeb;transition:.18s ease}
.admin-menu-link span{font-size:.92rem;font-weight:750}.admin-menu-link small{color:#748096;font-size:.7rem;line-height:1.25}
.admin-menu-link:hover{background:#111c2f;border-color:#26354e;transform:translateX(2px)}
.admin-menu-link.active{background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(34,197,94,.06));border-color:rgba(34,197,94,.35);color:#dcfce7;box-shadow:inset 3px 0 var(--accent)}
.admin-menu-link.active small{color:#a7f3d0}
.admin-nav-footer{display:grid;gap:7px;padding:16px 20px 24px;margin-top:auto;border-top:1px solid var(--line)}
.admin-nav-footer a{padding:5px 0;color:var(--muted);font-size:.82rem}.admin-nav-footer a:hover{color:var(--accent)}
.admin-topbar{min-height:76px;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:12px 30px;background:rgba(8,13,25,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.admin-topbar-left{display:flex;align-items:center;gap:13px}.admin-topbar-left>div{display:grid}.admin-topbar-left strong{font-size:1.05rem}.admin-eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-weight:850}
.admin-menu-toggle{display:none;background:#172033;color:#fff;padding:9px 12px}
.admin-account-menu{position:relative}.admin-account-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:215px}.admin-account-menu summary::-webkit-details-marker{display:none}
.admin-account-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#15803d);color:#052e16;font-weight:900}
.admin-account-copy{display:grid;flex:1;min-width:0}.admin-account-copy strong,.admin-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-account-copy strong{font-size:.86rem}.admin-account-copy small{font-size:.68rem;color:var(--muted)}
.admin-account-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:220px;padding:8px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:3px}.admin-account-dropdown a{padding:10px 11px;border-radius:9px;font-size:.86rem}.admin-account-dropdown a:hover{background:#223047}.admin-account-dropdown .admin-signout{color:#fecaca}.admin-account-dropdown .admin-signout:hover{background:#451a1a}
.admin-main{padding:32px;min-width:0;flex:1;width:100%;max-width:1680px;margin:0 auto}
.admin-footer{display:flex;justify-content:space-between;padding:18px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}
.admin-page-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:27px}.admin-page-heading h1{font-size:clamp(2.2rem,4vw,3.6rem);margin:.12em 0}.admin-page-heading p{color:var(--muted);margin:0;max-width:680px}.admin-heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.admin-stat-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:13px;margin-bottom:24px}.admin-stat-card{position:relative;overflow:hidden;padding:19px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:17px;box-shadow:0 14px 35px rgba(0,0,0,.16)}.admin-stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-35px;top:-35px;background:rgba(148,163,184,.10)}.admin-stat-card strong{display:block;font-size:1.75rem;line-height:1.1;margin-top:12px}.admin-stat-label{display:block;color:var(--muted);font-size:.74rem;line-height:1.2;min-height:2.4em}.admin-stat-rule{display:block;width:30px;height:3px;border-radius:10px;background:#64748b;margin-top:15px}.tone-success .admin-stat-rule{background:var(--accent)}.tone-danger .admin-stat-rule{background:#ef4444}.tone-warning .admin-stat-rule{background:#f59e0b}.tone-accent .admin-stat-rule{background:#38bdf8}
.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.72fr);gap:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.panel-heading h2{margin:.15em 0 0}.admin-compact-btn{padding:7px 11px!important;border-radius:9px!important;font-size:.78rem!important;min-height:34px}.admin-table td strong{display:block}.admin-table td small{display:block;color:var(--muted);margin-top:2px}.admin-table tbody tr{transition:.15s ease}.admin-table tbody tr:hover{background:rgba(255,255,255,.025)}
.admin-quick-panel h2{margin:.2em 0 18px}.admin-quick-links{display:grid;gap:9px}.admin-quick-links a{display:grid;gap:2px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#0e1727;transition:.18s ease}.admin-quick-links a strong{font-size:.87rem}.admin-quick-links a span{font-size:.72rem;color:var(--muted)}.admin-quick-links a:hover{border-color:rgba(34,197,94,.45);background:#12231d;transform:translateY(-1px)}
.admin-main>.section-head:first-child,.admin-main>h1:first-child{margin-top:0}.admin-main>.section-head h1,.admin-main>h1:first-child{font-size:clamp(2rem,4vw,3.1rem)}
.admin-main .panel{box-shadow:0 16px 45px rgba(0,0,0,.17)}
.admin-main .filters{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap}.admin-main .filters input{flex:1;min-width:220px}.admin-main .filters select{width:auto;min-width:150px}
@media(max-width:1280px){.admin-stat-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1050px){.admin-dashboard-grid{grid-template-columns:1fr}.admin-quick-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.admin-shell{margin-left:0}.admin-nav{transform:translateX(-105%);transition:.23s ease}.admin-nav.open{transform:translateX(0)}.admin-nav-close,.admin-menu-toggle{display:inline-flex}.admin-topbar{padding:10px 18px}.admin-main{padding:22px 18px}.admin-page-heading{align-items:flex-start;flex-direction:column}.admin-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.admin-account-copy{display:none}.admin-account-menu summary{min-width:0}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-quick-links{grid-template-columns:1fr}.admin-heading-actions{width:100%}.admin-heading-actions .btn{flex:1}.admin-footer{padding:16px 18px}.admin-main .filters>*{width:100%!important}.panel-heading{align-items:flex-start;flex-direction:column}}


/* Site-wide unified design system */
:root{--surface:#111827;--surface-raised:#172033;--surface-soft:#0d1627;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--focus:0 0 0 3px rgba(34,197,94,.3)}
body{background:radial-gradient(circle at 85% -10%,rgba(34,197,94,.08),transparent 30%),var(--bg)}
.topbar,.admin-topbar{box-shadow:0 8px 30px rgba(0,0,0,.14)}
.brand,.admin-brand{letter-spacing:-.01em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(34,197,94,.13)}
.topbar nav>a{padding:8px 10px;border-radius:9px;font-weight:700;transition:.15s ease}.topbar nav>a:hover,.topbar nav>a:focus-visible{color:#fff;background:#172033}
h1,h2,h3{letter-spacing:-.025em}.panel,.card,.auth-card,.portal-stat-card,.dashboard-card{background:linear-gradient(180deg,var(--surface-raised),var(--surface));border:1px solid var(--line)}
.panel{box-shadow:0 16px 45px rgba(0,0,0,.16)}
input,select,textarea{min-height:44px;background:#0a1220;border-color:#2a3850;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
table{background:transparent}thead th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:rgba(8,13,25,.35)}tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(255,255,255,.025)}
.flash{border:1px solid transparent;box-shadow:0 10px 30px rgba(0,0,0,.12)}.flash.success{border-color:#166534}.flash.warning{border-color:#92400e}.flash.error{border-color:#991b1b}
.portal-page{min-height:70vh}.portal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;padding:28px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(34,197,94,.15),transparent 43%),linear-gradient(180deg,#131d30,#0d1524);box-shadow:var(--shadow)}.portal-heading h1{font-size:clamp(2.15rem,5vw,4rem);margin:.12em 0}.portal-heading p{max-width:700px;margin:0;color:var(--muted)}.portal-heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.portal-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.portal-stat-card{position:relative;overflow:hidden;padding:20px;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.14)}.portal-stat-card span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.portal-stat-card strong{display:block;font-size:2rem;margin-top:9px}.portal-stat-card i{display:block;width:34px;height:3px;margin-top:15px;border-radius:8px;background:var(--accent)}
.portal-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:22px}.portal-panel{min-width:0}.portal-list{display:grid;gap:10px}.portal-list-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.portal-list-item>div:first-child{display:grid;gap:3px}.portal-list-item strong{font-size:.94rem}.portal-list-item span:not(.badge){font-size:.78rem;color:var(--muted)}.compact-list .portal-list-item{padding:13px 14px}
.account-heading{align-items:center}.account-identity{display:flex;align-items:center;gap:18px}.account-identity>img{width:82px;height:82px;border-radius:22px;object-fit:cover;border:2px solid rgba(34,197,94,.5);box-shadow:0 12px 30px rgba(0,0,0,.25)}.account-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.dashboard-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-card{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:16px;border-radius:14px;transition:.17s ease}.dashboard-card>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1c2a3e;color:var(--accent);font-size:1.15rem}.dashboard-card strong{align-self:end}.dashboard-card small{color:var(--muted)}.dashboard-card:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.5);background:linear-gradient(180deg,#1a2a39,#12231d)}.account-details{grid-template-columns:1fr}.account-details div{display:flex;align-items:center;justify-content:space-between;gap:14px}
.admin-account-avatar{object-fit:cover;border:2px solid rgba(34,197,94,.4);background:linear-gradient(135deg,var(--accent),#15803d);color:#052e16;flex:0 0 38px}.admin-account-dropdown,.account-dropdown{backdrop-filter:blur(18px)}
.admin-main .section-head{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 14px 38px rgba(0,0,0,.14)}.admin-main .section-head h1{margin:.05em 0}.admin-main>form.panel,.admin-main>.panel{border-radius:18px}
footer{background:#080d19}.footer-grid a{color:var(--muted)}.footer-grid a:hover{color:var(--accent)}
@media(max-width:900px){.portal-heading{align-items:flex-start;flex-direction:column}.portal-grid,.account-grid{grid-template-columns:1fr}.portal-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.portal-heading{padding:21px}.portal-heading-actions{width:100%}.portal-heading-actions .btn{flex:1}.portal-stat-grid{grid-template-columns:1fr}.portal-list-item{align-items:flex-start;flex-direction:column}.portal-list-item .actions{width:100%}.portal-list-item .actions .btn{flex:1}.dashboard-card-grid{grid-template-columns:1fr}.account-identity{align-items:flex-start}.account-identity>img{width:64px;height:64px;border-radius:18px}}

/* Shared site-wide footer */
.site-footer{margin-top:64px;background:linear-gradient(180deg,#0b1321 0,#070b14 100%);border-top:1px solid var(--line);color:#dbe3ef}
.site-footer-main{display:grid;grid-template-columns:minmax(300px,1.55fr) repeat(3,minmax(150px,.72fr));gap:42px;padding:58px 0 40px}
.site-footer-intro{max-width:520px}.site-footer-intro>p{margin:18px 0 24px;color:var(--muted);max-width:520px}
.site-footer-brand{display:inline-flex;align-items:center;gap:12px}.site-footer-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#15803d);color:#052e16;font-size:1.25rem;box-shadow:0 12px 28px rgba(34,197,94,.16)}
.site-footer-brand span:last-child{display:grid}.site-footer-brand strong{font-size:1.08rem}.site-footer-brand small{color:var(--muted);font-size:.78rem}
.site-footer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.site-footer-stats div{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.site-footer-stats strong,.site-footer-stats span{display:block}.site-footer-stats strong{font-size:1.12rem;color:#fff}.site-footer-stats span{font-size:.7rem;color:var(--muted);margin-top:2px}
.site-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.site-footer-column h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:3px 0 8px}.site-footer-column a{color:var(--muted);font-size:.9rem;transition:color .15s ease,transform .15s ease}.site-footer-column a:hover,.site-footer-column a:focus-visible{color:var(--accent);transform:translateX(2px)}
.site-footer-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:38px;padding:24px 26px;border:1px solid rgba(34,197,94,.25);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(34,197,94,.13),transparent 45%),linear-gradient(180deg,#121d2d,#0e1725)}.site-footer-callout strong{display:block;font-size:1.18rem;margin-top:3px}.site-footer-callout p{margin:4px 0 0;color:var(--muted);max-width:670px}.site-footer-callout .actions{margin:0;flex:0 0 auto;flex-wrap:wrap}
.site-footer-bottom{border-top:1px solid var(--line);background:rgba(0,0,0,.18)}.site-footer-bottom-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8rem}.site-footer-status{display:inline-flex;align-items:center;gap:7px}.site-footer-status i{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px rgba(34,197,94,.1)}.site-footer-top{color:#dbe3ef}.site-footer-top:hover{color:var(--accent)}
.admin-shell>.site-footer{margin-top:auto}.admin-body .site-footer-main,.admin-body .site-footer-callout,.admin-body .site-footer-bottom-inner{width:min(1180px,calc(100% - 40px))}.auth-page .site-footer{margin-top:0}
@media(max-width:1000px){.site-footer-main{grid-template-columns:1.25fr repeat(2,1fr)}.site-footer-column:last-child{grid-column:2/4}.site-footer-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.site-footer{margin-top:42px}.site-footer-main{grid-template-columns:1fr 1fr;gap:30px 22px;padding:42px 0 30px}.site-footer-intro{grid-column:1/-1}.site-footer-column:last-child{grid-column:auto}.site-footer-callout{padding:20px;margin-bottom:26px}.site-footer-callout .actions{width:100%}.site-footer-callout .actions .btn{flex:1}.site-footer-bottom-inner{min-height:unset;padding:18px 0;align-items:flex-start;flex-direction:column;gap:9px}.site-footer-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:440px){.site-footer-main{grid-template-columns:1fr}.site-footer-column:last-child{grid-column:auto}.site-footer-stats{grid-template-columns:1fr}.site-footer-callout .actions{flex-direction:column}.site-footer-callout .actions .btn{width:100%}}

/* Users administration */
.unified-user-stats{grid-template-columns:repeat(6,minmax(125px,1fr))}
.unified-user-filters{margin-bottom:18px}
.unified-users-table td:first-child{min-width:230px}.unified-users-table td:last-child{min-width:220px}
.role-badges{display:flex;gap:6px;flex-wrap:wrap}.role-badges .badge{border:1px solid var(--line)}
.role-user{background:#172554;color:#bfdbfe}.role-owner{background:#3f2b0b;color:#fde68a}.role-admin{background:#3b123d;color:#f5d0fe}
.user-management-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}
.user-management-grid .portal-list-item{align-items:center}.user-management-grid .actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:1180px){.unified-user-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.user-management-grid{grid-template-columns:1fr}}
@media(max-width:620px){.unified-user-stats{grid-template-columns:1fr 1fr}.unified-users-table td:last-child{min-width:170px}}

[data-favorite].verification-required,#favoriteCurrent[title*='Verify your email']{opacity:.72;cursor:not-allowed}


/* Polished Add User page */
.add-user-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:24px;align-items:start}.add-user-main{display:grid;gap:18px}.add-user-sidebar{position:sticky;top:96px}.add-user-card{padding:24px}.add-user-section-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.add-user-section-head h2{margin:2px 0 4px}.add-user-section-head p{margin:0;color:var(--muted)}.add-user-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.08));border:1px solid rgba(34,197,94,.3);font-size:1.25rem}.add-user-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.add-user-fields .full-span{grid-column:1/-1}.role-selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.role-option{position:relative;cursor:pointer}.role-option>input{position:absolute;opacity:0;pointer-events:none}.role-option-box{display:flex;min-height:150px;height:100%;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);transition:.16s ease}.role-option-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1b2a3e;font-size:1.1rem;margin-bottom:5px}.role-option-box strong{font-size:1rem}.role-option-box small{color:var(--muted);line-height:1.45}.role-option:hover .role-option-box{border-color:rgba(34,197,94,.45);transform:translateY(-2px)}.role-option>input:checked+.role-option-box{border-color:var(--accent);background:linear-gradient(180deg,rgba(34,197,94,.13),rgba(34,197,94,.05));box-shadow:0 0 0 2px rgba(34,197,94,.12)}.role-option>input:focus-visible+.role-option-box{box-shadow:var(--focus)}.add-user-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.switch-card{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);cursor:pointer}.switch-card input{width:18px;height:18px;min-height:auto;margin-top:2px;accent-color:var(--accent)}.switch-card span{display:grid;gap:3px}.switch-card strong{font-size:.92rem}.switch-card small{color:var(--muted);line-height:1.4}.add-user-submit-bar{display:flex;justify-content:flex-end;gap:10px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 14px 38px rgba(0,0,0,.14)}.add-user-help{padding:22px}.add-user-help h2{margin:.2em 0 16px}.add-user-note{margin-top:18px;padding:16px;border-radius:14px;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.07)}.add-user-note p{margin:5px 0 0;color:var(--muted);font-size:.86rem;line-height:1.5}@media(max-width:1050px){.add-user-layout{grid-template-columns:1fr}.add-user-sidebar{position:static}.add-user-sidebar .panel{display:none}}@media(max-width:760px){.role-selector-grid{grid-template-columns:1fr}.role-option-box{min-height:auto}.add-user-switches,.add-user-fields{grid-template-columns:1fr}.add-user-fields .full-span{grid-column:auto}.add-user-submit-bar{position:sticky;bottom:10px;z-index:10}.add-user-submit-bar .btn{flex:1}}

/* Claim station page */
.claim-page{background:radial-gradient(circle at 10% 0,rgba(34,197,94,.09),transparent 32%)}
.claim-wrap{width:min(1120px,calc(100% - 32px))}
.claim-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:#cbd5e1;font-weight:700}
.claim-back:hover{color:var(--accent)}
.claim-hero{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;margin-bottom:24px;padding:28px}
.claim-station-logo{width:150px;height:150px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;background:#0b1220;overflow:hidden}
.claim-station-logo img{width:100%;height:100%;object-fit:contain}
.claim-hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:.18em 0 .3em}
.claim-hero .lead{max-width:760px;margin-bottom:14px}
.claim-station-meta{display:flex;flex-wrap:wrap;gap:8px}
.claim-station-meta span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#0b1220;color:#cbd5e1;font-size:.84rem}
.claim-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:24px;align-items:start}
.claim-form-card,.claim-info-card{padding:26px}
.claim-sidebar{display:grid;gap:18px;position:sticky;top:92px}
.claim-section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.claim-section-heading.compact{margin-bottom:16px}
.claim-section-heading h2,.claim-info-card h2{margin:0;font-size:1.35rem}
.claim-section-heading .eyebrow{margin:0 0 2px}
.claim-step{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35);color:var(--accent);font-weight:900}
.claim-form{display:grid;gap:18px}
.claim-account-card{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0b1220}
.claim-account-card strong,.claim-account-card span{display:block}
.claim-account-card>div:nth-child(2) span{color:var(--muted);font-size:.88rem}
.claim-account-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#14532d;color:#bbf7d0;font-weight:900}
.claim-form textarea{min-height:210px;resize:vertical}
.field-help{color:var(--muted);font-size:.84rem;line-height:1.45}
.claim-submit-row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:4px}
.claim-process{display:grid;gap:16px;margin:0;padding:0;list-style:none;counter-reset:claim-process}
.claim-process li{position:relative;padding-left:38px;counter-increment:claim-process}
.claim-process li:before{content:counter(claim-process);position:absolute;left:0;top:1px;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#0b1220;border:1px solid var(--line);color:var(--accent);font-weight:900;font-size:.8rem}
.claim-process strong,.claim-process span{display:block}
.claim-process span{margin-top:3px;color:var(--muted);font-size:.9rem}
.claim-checklist{display:grid;gap:10px;margin:16px 0 18px;padding:0;list-style:none}
.claim-checklist li{position:relative;padding-left:28px;color:#dbe3ef}
.claim-checklist li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:900}
@media(max-width:860px){.claim-layout{grid-template-columns:1fr}.claim-sidebar{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:640px){.claim-hero{grid-template-columns:1fr;text-align:center}.claim-station-logo{width:120px;height:120px;margin:auto}.claim-station-meta{justify-content:center}.claim-sidebar{grid-template-columns:1fr}.claim-account-card{grid-template-columns:42px 1fr}.claim-account-card>.badge{grid-column:1/-1;justify-self:start}.claim-submit-row>*{width:100%}}



.claim-tracker-modern{margin-bottom:24px;padding:0;overflow:hidden}
.claim-tracker-summary{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(15,23,42,.2));border-bottom:1px solid var(--line)}
.claim-tracker-summary-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.12);color:var(--accent);font-size:1.35rem;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.claim-tracker-summary-copy h2{margin:.15rem 0 .3rem;font-size:clamp(1.35rem,2vw,1.8rem)}
.claim-tracker-summary-copy p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}
.claim-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#0b1220;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.claim-status-pill.pending{border-color:#f59e0b66;background:#f59e0b16;color:#fbbf24}
.claim-status-pill.approved{border-color:#22c55e66;background:#22c55e16;color:#4ade80}
.claim-status-pill.rejected{border-color:#ef444466;background:#ef444416;color:#f87171}
.claim-progress-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:22px}
.claim-progress-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px 18px 14px 0;min-width:0}
.claim-progress-card:not(:last-child):after{content:'';position:absolute;left:42px;right:0;top:34px;height:2px;background:var(--line);z-index:0}
.claim-progress-marker{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:2px solid var(--line);background:#0b1220;color:var(--muted);font-weight:950;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.claim-progress-card-copy{min-width:0;padding-top:1px}
.claim-progress-stage{display:block;margin-bottom:3px;color:var(--muted);font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.claim-progress-card strong{display:block;color:#f8fafc;font-size:.96rem;line-height:1.3}
.claim-progress-card p{margin:.38rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}
.claim-progress-card.current .claim-progress-marker{border-color:var(--accent);color:var(--accent);background:rgba(34,197,94,.08);box-shadow:0 0 0 5px rgba(34,197,94,.08),0 8px 20px rgba(0,0,0,.2)}
.claim-progress-card.current .claim-progress-stage{color:var(--accent)}
.claim-progress-card.complete .claim-progress-marker{border-color:var(--accent);background:var(--accent);color:#052e16}
.claim-progress-card.complete:not(:last-child):after{background:linear-gradient(90deg,var(--accent),rgba(34,197,94,.42))}
.claim-progress-card.rejected .claim-progress-marker{border-color:#ef4444;background:#7f1d1d;color:#fee2e2}
.claim-progress-card.rejected .claim-progress-stage,.claim-progress-card.rejected strong{color:#fca5a5}
.claim-admin-note-modern{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;margin:0 22px 22px;padding:16px 18px;border:1px solid #f59e0b55;border-radius:16px;background:#f59e0b0d}
.claim-admin-note-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f59e0b1f;color:#fbbf24;font-weight:950}
.claim-admin-note-modern strong{display:block;color:#fde68a}
.claim-admin-note-modern p{margin:.35rem 0 0;color:#e5e7eb;line-height:1.55}
@media(max-width:900px){.claim-progress-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.claim-progress-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:#0b1220}.claim-progress-card:after{display:none}}
@media(max-width:640px){.claim-tracker-summary{grid-template-columns:48px minmax(0,1fr);padding:20px}.claim-tracker-summary-icon{width:48px;height:48px;border-radius:15px}.claim-status-pill{grid-column:1/-1;justify-self:start}.claim-progress-cards{grid-template-columns:1fr;padding:16px}.claim-progress-card{grid-template-columns:40px minmax(0,1fr);padding:14px}.claim-progress-marker{width:40px;height:40px;border-radius:13px}.claim-admin-note-modern{margin:0 16px 16px}}

/* Modern persistent radio player */
.modern-player{
  --player-accent:var(--accent,#22c55e);
  position:fixed;
  z-index:90;
  left:50%;
  right:auto;
  bottom:18px;
  width:min(1120px,calc(100% - 32px));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:98px;
  padding:12px 14px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.24);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(23,32,51,.97),rgba(8,13,25,.97));
  box-shadow:0 22px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(24px);
}
.modern-player .player-glow{position:absolute;inset:auto auto -80px -50px;width:260px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.22),transparent 68%);pointer-events:none}
.player-artwork-wrap{position:relative;width:74px;height:74px;flex:none}
.modern-player .player-artwork,.player-initials{width:74px;height:74px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0b1220;object-fit:contain;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.player-initials{display:grid;place-items:center;font-size:1.35rem;font-weight:900;letter-spacing:.04em;color:#dcfce7;background:linear-gradient(145deg,#123624,#0b1825)}
.player-initials.hidden{display:none}
.player-live-pill{position:absolute;left:6px;bottom:-5px;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#07140d;border:1px solid rgba(34,197,94,.45);color:#bbf7d0;font-size:.62rem;font-weight:900;letter-spacing:.08em;box-shadow:0 5px 16px rgba(0,0,0,.35)}
.live-dot,.player-state-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(34,197,94,.11)}
.player-main{min-width:0;display:grid;gap:10px}
.player-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.player-copy{min-width:0;display:grid;gap:1px}
.player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.04rem;line-height:1.25}
.player-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;font-size:.88rem}
.player-status-row{display:flex;align-items:center;gap:8px;min-height:25px;flex-wrap:wrap}
.player-state,.player-tech{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(11,18,32,.72);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1}
.player-state.playing{color:#86efac;border-color:rgba(34,197,94,.4)}
.player-state.connecting,.player-state.buffering{color:#fde68a;border-color:rgba(245,158,11,.38)}
.player-state.error{color:#fecaca;border-color:rgba(239,68,68,.45)}
.player-state.paused{color:#cbd5e1}
.player-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:0}
.player-icon-button,.player-play-button{border:1px solid rgba(148,163,184,.22);background:rgba(38,50,71,.76);color:#f8fafc;padding:0;display:grid;place-items:center;flex:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.player-icon-button{width:42px;height:42px;border-radius:13px}
.player-icon-button:hover{background:#334155;border-color:#64748b;transform:translateY(-1px)}
.player-icon-button svg,.player-play-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.player-play-button{width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(145deg,#4ade80,#16a34a);color:#052e16;box-shadow:0 10px 28px rgba(34,197,94,.26)}
.player-play-button:hover{transform:scale(1.04);box-shadow:0 13px 34px rgba(34,197,94,.36)}
.player-play-button .icon-pause,.player-play-button.is-playing .icon-play{display:none}
.player-play-button.is-playing .icon-pause{display:block}
#favoriteCurrent.active{color:#fb7185;border-color:rgba(251,113,133,.5);background:rgba(136,19,55,.24)}
#favoriteCurrent.active svg{fill:currentColor}
.player-volume-control{display:flex;align-items:center;gap:7px;padding:0 8px 0 0;border-radius:14px;background:rgba(11,18,32,.42)}
.player-volume-control input{width:112px;height:5px;padding:0;accent-color:var(--player-accent);cursor:pointer}
#muteToggle .icon-muted,#muteToggle.is-muted .icon-volume{display:none}
#muteToggle.is-muted .icon-muted{display:block}
.player-equalizer{height:18px;display:flex;align-items:flex-end;gap:2px;margin-left:2px;opacity:.32}
.player-equalizer i{display:block;width:3px;height:5px;border-radius:2px;background:var(--player-accent);transform-origin:bottom}
.modern-player.is-playing .player-equalizer{opacity:1}
.modern-player.is-playing .player-equalizer i{animation:player-eq .8s ease-in-out infinite alternate}
.modern-player.is-playing .player-equalizer i:nth-child(2){animation-delay:.12s}.modern-player.is-playing .player-equalizer i:nth-child(3){animation-delay:.25s}.modern-player.is-playing .player-equalizer i:nth-child(4){animation-delay:.08s}.modern-player.is-playing .player-equalizer i:nth-child(5){animation-delay:.32s}
@keyframes player-eq{0%{height:4px}45%{height:17px}100%{height:8px}}
.player-collapse{display:none}
.modern-player.is-collapsed{grid-template-columns:52px minmax(0,1fr) auto;min-height:68px;width:min(620px,calc(100% - 24px));padding:8px 10px}
.modern-player.is-collapsed .player-artwork-wrap,.modern-player.is-collapsed .player-artwork,.modern-player.is-collapsed .player-initials{width:50px;height:50px;border-radius:13px}
.modern-player.is-collapsed .player-status-row,.modern-player.is-collapsed .player-volume-control,.modern-player.is-collapsed #favoriteCurrent{display:none}
.modern-player.is-collapsed .player-collapse svg{transform:rotate(180deg)}
@media(max-width:780px){
  .modern-player{left:10px;right:10px;bottom:10px;width:auto;transform:none;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:10px;border-radius:20px}
  .player-artwork-wrap,.modern-player .player-artwork,.player-initials{width:60px;height:60px;border-radius:15px}
  .player-main{padding-right:42px}
  .player-actions{grid-column:1/-1;justify-content:center;border-top:1px solid rgba(148,163,184,.16);padding-top:9px}
  .player-volume-control input{width:92px}
  .player-collapse{display:grid;position:absolute;right:50px;top:9px;width:36px;height:36px}
  .player-close{position:absolute;right:9px;top:9px;width:36px;height:36px}
  .modern-player.is-collapsed{left:10px;right:10px;width:auto;grid-template-columns:50px minmax(0,1fr) auto;min-height:66px}
  .modern-player.is-collapsed .player-main{padding-right:38px}
  .modern-player.is-collapsed .player-actions{grid-column:auto;border:0;padding:0}
  .modern-player.is-collapsed .player-actions>*:not(#playToggle):not(#closePlayer){display:none}
  .modern-player.is-collapsed #closePlayer{display:none}
}
@media(max-width:480px){
  .player-volume-control{display:none}
  .player-actions{gap:12px}
  .player-play-button{width:54px;height:54px}
  .player-tech{display:none!important}
  .player-copy strong{font-size:.96rem}.player-copy span{font-size:.8rem}
}

/* Station detail live metadata */
.station-now-playing{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;margin:24px 0;padding:22px;overflow:hidden;position:relative}
.station-now-playing:after{content:'';position:absolute;inset:auto -80px -100px auto;width:260px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.14),transparent 68%);pointer-events:none}
.station-now-playing-art{position:relative;width:150px;height:150px}
.station-now-playing-art img{width:100%;height:100%;object-fit:contain;border-radius:22px;border:1px solid var(--line);background:#0b1220;box-shadow:0 14px 36px rgba(0,0,0,.35)}
.station-now-playing-live{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(5,46,22,.92);border:1px solid rgba(34,197,94,.45);color:#bbf7d0;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.station-now-playing-live span{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.12);animation:now-playing-pulse 1.7s ease-in-out infinite}
.station-now-playing-copy{min-width:0;position:relative;z-index:1}.station-now-playing-copy .eyebrow{margin:0 0 6px;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.station-now-playing-copy h2{margin:0;font-size:clamp(1.35rem,2.8vw,2.15rem);line-height:1.15;overflow-wrap:anywhere}.station-now-playing-copy>p:not(.eyebrow):not(.meta){margin:8px 0 0;color:#cbd5e1;font-size:1rem}
.station-now-playing-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.station-now-playing-meta span{padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:#0b1220;color:#cbd5e1;font-size:.74rem;font-weight:800}
.station-now-playing .meta{margin:14px 0 0}.station-now-playing.is-loading .station-now-playing-art img{opacity:.72}.station-now-playing.is-unavailable .station-now-playing-live{border-color:rgba(148,163,184,.4);background:rgba(15,23,42,.9);color:#cbd5e1}.station-now-playing.is-unavailable .station-now-playing-live span{background:#94a3b8;box-shadow:none;animation:none}
@keyframes now-playing-pulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.15);opacity:1}}
@media(max-width:640px){.station-now-playing{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px}.station-now-playing-art{width:96px;height:96px}.station-now-playing-art img{border-radius:17px}.station-now-playing-live{left:6px;bottom:6px;padding:4px 7px;font-size:.58rem}.station-now-playing-copy h2{font-size:1.15rem}}

/* Station detail page title sizing */
.station-hero h1{
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:1.08;
  overflow-wrap:anywhere;
  margin:.25em 0;
}
@media(max-width:620px){
  .station-hero h1{
    font-size:clamp(1.75rem,9vw,2.5rem);
    line-height:1.12;
  }
}

/* Compact Similar Stations cards */
.similar-stations{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.similar-stations-heading{margin-top:34px;margin-bottom:14px;font-size:1.35rem}
.similar-stations .similar-station-card{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:10px 12px;border-radius:15px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.similar-stations .card-media-link{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:12px;overflow:hidden;background:var(--surface-soft,#0b1220);flex-shrink:0}
.similar-stations .card-media-link img{width:100%;height:100%;object-fit:contain;display:block}
.similar-stations .card-body{min-width:0;padding:0}
.similar-stations .similar-station-title-row{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:4px}
.similar-stations .card-body h3{min-width:0;margin:0;font-size:.96rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.similar-stations .card-body h3 a{display:block;overflow:hidden;text-overflow:ellipsis}
.similar-stations .status{position:static;flex:0 0 auto;padding:3px 6px;font-size:.56rem;line-height:1;border-radius:999px}
.similar-stations .card-body .meta{margin:0;font-size:.74rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.similar-stations .similar-listen-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:36px;padding:7px 11px;border-radius:9px;font-size:.75rem;white-space:nowrap}
@media(max-width:980px){.similar-stations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.similar-stations{grid-template-columns:1fr}.similar-stations .similar-station-card{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;min-height:78px;padding:8px 10px}.similar-stations .card-media-link{width:60px;height:60px}.similar-stations .similar-listen-button{min-width:42px;width:42px;padding:0}.similar-stations .similar-listen-button span:last-child{display:none}}
