:root{
  --btg-bg:#09090b; --btg-bg-2:#0d0d10; --btg-surface:#151518; --btg-surface-2:#1a1a1f;
  --btg-surface-3:#202027; --btg-border:rgba(255,255,255,.08); --btg-border-strong:rgba(255,255,255,.14);
  --btg-text:#f2f2f3; --btg-muted:#9a9aa3; --btg-red:#c22534; --btg-red-2:#df3446; --btg-red-soft:rgba(194,37,52,.14);
  --btg-green:#31b66b; --btg-yellow:#d8a431; --btg-danger:#d94b57; --btg-radius-sm:10px; --btg-radius:14px; --btg-radius-lg:20px;
  --btg-shadow:0 18px 55px rgba(0,0,0,.34); --btg-shadow-sm:0 5px 16px rgba(0,0,0,.18);
  --btg-gap:18px; --btg-header:76px;
}

*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{
  margin:0!important; min-height:100vh; color:var(--btg-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(194,37,52,.10),transparent 30%),
    linear-gradient(rgba(9,9,11,.92),rgba(9,9,11,.97)),
    url('/static/btgh.png') center top/cover no-repeat!important;
  line-height:1.5;
}
body::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 76%)}
a{color:inherit}
::selection{background:rgba(194,37,52,.45);color:white}
:focus-visible{outline:2px solid var(--btg-red-2)!important;outline-offset:3px!important}

/* Header */
.navbar{
  position:sticky!important; top:0!important; z-index:1000!important; width:100%!important;
  min-height:var(--btg-header)!important; padding:12px clamp(16px,3vw,38px)!important;
  display:grid!important; grid-template-columns:minmax(220px,auto) minmax(0,1fr) auto!important;
  align-items:center!important; gap:24px!important;
  background:#0d0d10!important; border:0!important; border-bottom:1px solid var(--btg-border)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20)!important; backdrop-filter:none!important;
}
.nav-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;text-decoration:none!important;color:var(--btg-text)!important}
.nav-left::after{content:"DRIVER SYSTEM";display:block;font-size:10px;letter-spacing:.18em;color:var(--btg-muted);font-weight:800;margin-left:2px;white-space:nowrap}
.logo{width:46px!important;height:46px!important;object-fit:contain!important;filter:drop-shadow(0 5px 13px rgba(0,0,0,.55))}
.brand-name{font-size:16px!important;font-weight:850!important;letter-spacing:.01em!important;white-space:nowrap!important}
.nav-center{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;min-width:0!important}
.nav-center>a,.dropbtn{
  min-height:42px!important;padding:0 13px!important;border:1px solid transparent!important;border-radius:12px!important;
  background:transparent!important;color:#d9d9dc!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;box-shadow:none!important;
}
.nav-center>a:hover,.dropbtn:hover,.nav-center>a.active{background:var(--btg-red-soft)!important;border-color:rgba(194,37,52,.32)!important;color:#fff!important;transform:none!important}
.nav-center>a.active{box-shadow:inset 0 -2px 0 var(--btg-red)!important}
.dropdown{position:relative!important}
.dropdown-content{
  display:none!important;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;min-width:265px!important;
  padding:8px!important;border:1px solid var(--btg-border)!important;border-radius:16px!important;background:#141418!important;
  box-shadow:var(--btg-shadow)!important;overflow:visible!important;backdrop-filter:none!important;
}
.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:grid!important;gap:3px!important}
.dropdown-content a{width:100%!important;min-height:42px!important;padding:10px 12px!important;border-radius:10px!important;background:transparent!important;color:#dfdfe2!important;border:1px solid transparent!important;display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;font-size:13px!important}
.dropdown-content a:hover{background:rgba(255,255,255,.055)!important;border-color:var(--btg-border)!important;color:#fff!important}
.nav-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.user-name,.user-info{font-weight:750!important;color:var(--btg-text)!important;font-size:13px!important;white-space:nowrap!important}
.role-badge,.role-info{padding:6px 10px!important;border-radius:999px!important;background:var(--btg-red-soft)!important;border:1px solid rgba(194,37,52,.34)!important;color:#f5c8cd!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important}
.logout-btn{width:40px!important;height:40px!important;padding:0!important;border-radius:11px!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.045)!important;border:1px solid var(--btg-border)!important;color:#ddd!important;text-decoration:none!important;font-size:0!important}
.logout-btn i{font-size:14px!important}.logout-btn:hover{background:var(--btg-red-soft)!important;border-color:rgba(194,37,52,.4)!important;color:#fff!important}
.btg-header-tools{display:flex;align-items:center;gap:7px}
.btg-icon-btn,.btg-mobile-toggle{width:40px;height:40px;border-radius:11px;border:1px solid var(--btg-border);background:rgba(255,255,255,.045);color:#ddd;display:grid;place-items:center;cursor:pointer;transition:.16s ease}
.btg-icon-btn:hover,.btg-mobile-toggle:hover{background:var(--btg-red-soft);border-color:rgba(194,37,52,.4);color:#fff}
.btg-mobile-toggle{display:none}

/* Main layout */
.container,.page{width:min(1440px,calc(100% - 40px))!important;max-width:1440px!important;margin:0 auto!important;padding:34px 0 56px!important}
.header,.page-header{margin:0 0 24px!important;padding:0!important;background:none!important;border:0!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important}
h1,h2,h3,h4{color:var(--btg-text)!important;letter-spacing:-.02em}
h1{font-size:clamp(26px,3vw,38px)!important;line-height:1.1!important;margin:0 0 7px!important;font-weight:850!important}
h2{font-size:22px!important;font-weight:800!important} h3{font-size:16px!important;font-weight:800!important}
p,.subtitle,.description,.meta,.small,.input-help,.note{color:var(--btg-muted)!important}
.section-title{margin:28px 0 14px!important;font-size:15px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#cacacf!important;font-weight:850!important}

/* Cards */
.card,.box,.stat-card,.table-box,.ranking-box,.upload-box,.glass-card,.download-card,.ranking-card,.history-card,.qr-card,.login-box,.entry{
  background:linear-gradient(145deg,rgba(27,27,32,.93),rgba(20,20,24,.95))!important;
  border:1px solid var(--btg-border)!important;border-radius:var(--btg-radius-lg)!important;box-shadow:var(--btg-shadow-sm)!important;
}
.card,.box,.ranking-box,.upload-box,.glass-card,.login-box{padding:22px!important}
.card:hover,.download-card:hover,.stat-card:hover,.qr-card:hover{border-color:rgba(255,255,255,.14)!important}
.stats,.grid,.download-grid,.ranking-grid,.history-grid,.qr-grid{gap:var(--btg-gap)!important}
.stat-card{position:relative!important;overflow:hidden!important;padding:20px!important;min-height:118px!important}
.stat-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--btg-red)}
.stat-card h3,.stat-card .label{color:var(--btg-muted)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important}
.stat-card strong,.stat-card .value{font-variant-numeric:tabular-nums;font-size:clamp(24px,3vw,34px)!important}
.warn{border-color:rgba(216,164,49,.26)!important}.warn::before{background:var(--btg-yellow)!important}

/* Buttons */
button,input[type=submit],.btn,.submit-btn,.save-btn,.send-btn,.upload-btn,.download-btn,.edit-btn,.tb-btn,.back-btn,.back{
  min-height:42px!important;padding:0 16px!important;border-radius:11px!important;border:1px solid transparent!important;
  font:inherit!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  text-decoration:none!important;cursor:pointer!important;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease!important;
}
.submit-btn,.save-btn,.send-btn,.upload-btn,.btn.save{background:var(--btg-red)!important;color:#fff!important;border-color:#cf3040!important;box-shadow:0 8px 20px rgba(194,37,52,.2)!important}
.submit-btn:hover,.save-btn:hover,.send-btn:hover,.upload-btn:hover,.btn.save:hover{background:var(--btg-red-2)!important;transform:translateY(-1px)!important}
.btn,.edit-btn,.tb-btn,.back-btn,.back,.download-btn{background:rgba(255,255,255,.055)!important;border-color:var(--btg-border)!important;color:#ececef!important}
.btn:hover,.edit-btn:hover,.tb-btn:hover,.back-btn:hover,.back:hover,.download-btn:hover{background:rgba(255,255,255,.09)!important;border-color:var(--btg-border-strong)!important}
.delete,.delete-btn,.btn.delete,.delete-ranking-btn{background:rgba(217,75,87,.10)!important;border:1px solid rgba(217,75,87,.28)!important;color:#f08a93!important}
.delete:hover,.delete-btn:hover,.btn.delete:hover,.delete-ranking-btn:hover{background:rgba(217,75,87,.18)!important;color:#ffadb4!important}
button:disabled,input[type=submit]:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}

/* Forms */
form{accent-color:var(--btg-red)}
label{display:block;color:#d8d8dc!important;font-size:12px!important;font-weight:800!important;margin-bottom:7px!important;letter-spacing:.015em}
input,select,textarea{
  width:100%;min-height:44px;padding:10px 12px!important;border-radius:11px!important;border:1px solid var(--btg-border)!important;
  background:#101013!important;color:var(--btg-text)!important;font:inherit!important;font-size:14px!important;box-shadow:none!important;outline:none!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
textarea{min-height:115px;resize:vertical} input::placeholder,textarea::placeholder{color:#696970!important}
input:focus,select:focus,textarea:focus{border-color:rgba(211,47,62,.7)!important;box-shadow:0 0 0 3px rgba(194,37,52,.12)!important;background:#121216!important}
input[type=checkbox],input[type=radio]{width:auto;min-height:auto;accent-color:var(--btg-red)}
.form-grid,.form-row{gap:16px!important}.form-group,.input-box{margin-bottom:16px!important}

/* Tables */
.table-box{overflow:auto!important;padding:0!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important;color:var(--btg-text)!important}
th{padding:13px 15px!important;background:#111114!important;color:#aaaab3!important;text-align:left!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-size:10px!important;font-weight:850!important;border-bottom:1px solid var(--btg-border)!important;white-space:nowrap!important}
td{padding:14px 15px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;color:#e4e4e7!important;font-size:13px!important;vertical-align:middle!important}
tbody tr{background:transparent!important;transition:background .12s ease!important}tbody tr:hover{background:rgba(255,255,255,.025)!important}tbody tr:last-child td{border-bottom:0!important}
.actions{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important}.actions .btn,.actions button{min-height:34px!important;padding:0 10px!important;font-size:11px!important}

/* Notices / states */
.success,.error,.message,.notice,.info-box{padding:12px 14px!important;border-radius:12px!important;border:1px solid var(--btg-border)!important;background:rgba(255,255,255,.035)!important;font-size:13px!important}
.success,.message.success,.notice.success{border-color:rgba(49,182,107,.3)!important;background:rgba(49,182,107,.09)!important;color:#a7e3bf!important}
.error,.message.error,.notice.error{border-color:rgba(217,75,87,.3)!important;background:rgba(217,75,87,.09)!important;color:#f2a2a9!important}
.empty,.no-events,.empty-history{padding:36px 18px!important;text-align:center!important;color:var(--btg-muted)!important;border:1px dashed var(--btg-border-strong)!important;border-radius:var(--btg-radius-lg)!important;background:rgba(255,255,255,.018)!important}

/* Feature-specific polish */
.download-card,.qr-card,.ranking-card,.history-card{overflow:hidden!important}
.download-img,.event-image,.qr-image{border-radius:14px!important;border:1px solid var(--btg-border)!important}
.event-card.archive{opacity:.72!important}.event-title,.driver-name,.name{font-weight:850!important;color:#fff!important}.driver-rank,.driver-date,.event-meta{color:var(--btg-muted)!important}
.medal,.role-name{font-weight:850!important}.gold,.first-place{border-color:rgba(216,164,49,.28)!important}.silver,.second-place{border-color:rgba(180,184,194,.23)!important}.bronze,.third-place{border-color:rgba(181,115,65,.25)!important}

/* Search palette + toast */
.btg-overlay{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.78);backdrop-filter:none;display:none;align-items:flex-start;justify-content:center;padding:12vh 18px 30px}.btg-overlay.open{display:flex}
.btg-command{width:min(620px,100%);border:1px solid var(--btg-border-strong);border-radius:20px;background:#141418;box-shadow:0 30px 90px rgba(0,0,0,.62);overflow:hidden}.btg-command-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--btg-border)}.btg-command-head input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important}.btg-command-close{width:34px;height:34px;border:0;background:rgba(255,255,255,.05);color:#bbb;border-radius:9px;cursor:pointer}.btg-command-list{padding:8px;max-height:52vh;overflow:auto}.btg-command-list a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:11px;text-decoration:none;color:#e6e6e9;font-size:13px}.btg-command-list a:hover{background:rgba(255,255,255,.05)}.btg-command-empty{padding:25px;text-align:center;color:var(--btg-muted)}
.btg-toast-wrap{position:fixed;right:20px;bottom:20px;z-index:4000;display:grid;gap:10px;width:min(380px,calc(100% - 40px))}.btg-toast{padding:13px 15px;border-radius:13px;background:#19191e;border:1px solid var(--btg-border-strong);box-shadow:var(--btg-shadow);display:flex;gap:11px;align-items:flex-start;animation:btgToastIn .18s ease}.btg-toast.success i{color:var(--btg-green)}.btg-toast.error i{color:var(--btg-danger)}.btg-toast.info i{color:var(--btg-red-2)}.btg-toast div{font-size:13px}.btg-toast small{display:block;color:var(--btg-muted);margin-top:2px}
@keyframes btgToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Mobile */
@media(max-width:1180px){.navbar{grid-template-columns:auto 1fr auto!important}.nav-center{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important}.nav-center::-webkit-scrollbar{display:none}.brand-name{display:none!important}.nav-left::after{display:none}.user-name,.role-badge,.role-info{display:none!important}}
@media(max-width:820px){
  :root{--btg-header:68px}.navbar{display:flex!important;min-height:68px!important;padding:10px 14px!important;gap:10px!important;justify-content:space-between!important;flex-direction:row!important}.logo{width:42px!important;height:42px!important}.brand-name{display:block!important;font-size:14px!important}.nav-left{min-width:0!important;flex:1!important}.nav-left::after{display:none}.btg-mobile-toggle{display:grid}.btg-header-tools{margin-left:auto}.btg-icon-btn{width:38px;height:38px}.nav-right>.user-name,.nav-right>.role-badge,.nav-right>.role-info,.nav-right>.logout-btn{display:none!important}
  .nav-center{display:none!important;position:fixed!important;top:68px!important;left:0!important;right:0!important;bottom:0!important;padding:16px!important;background:#0a0a0c!important;backdrop-filter:none!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;z-index:1100!important}.navbar.btg-nav-open .nav-center{display:flex!important}.nav-center>a,.dropbtn{width:100%!important;min-height:52px!important;padding:0 16px!important;justify-content:flex-start!important;font-size:14px!important;background:rgba(255,255,255,.025)!important;border-color:var(--btg-border)!important}.dropdown{width:100%!important}.dropdown-content{position:static!important;display:none!important;margin-top:7px!important;min-width:0!important;box-shadow:none!important;background:rgba(255,255,255,.018)!important}.dropdown.btg-open .dropdown-content{display:grid!important}.dropdown:hover .dropdown-content{display:none!important}.dropdown.btg-open:hover .dropdown-content{display:grid!important}
  .container,.page{width:min(100% - 24px,1440px)!important;padding:24px 0 40px!important}.header,.page-header{align-items:flex-start!important;flex-direction:column!important;margin-bottom:18px!important}.card,.box,.ranking-box,.upload-box,.glass-card,.login-box{padding:17px!important}.stats,.grid,.download-grid,.ranking-grid,.history-grid,.qr-grid{grid-template-columns:1fr!important;gap:12px!important}.form-grid,.form-row{grid-template-columns:1fr!important}.table-box{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}table.btg-responsive-table thead{display:none!important}table.btg-responsive-table,table.btg-responsive-table tbody,table.btg-responsive-table tr,table.btg-responsive-table td{display:block!important;width:100%!important}table.btg-responsive-table tr{margin-bottom:12px!important;padding:10px 12px!important;border:1px solid var(--btg-border)!important;border-radius:14px!important;background:var(--btg-surface)!important;box-shadow:var(--btg-shadow-sm)!important}table.btg-responsive-table td{display:grid!important;grid-template-columns:minmax(95px,36%) 1fr!important;gap:12px!important;padding:9px 4px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;text-align:left!important}table.btg-responsive-table td:last-child{border-bottom:0!important}table.btg-responsive-table td::before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--btg-muted);font-weight:850}.actions{justify-content:flex-start!important}
}
@media(max-width:480px){.brand-name{font-size:13px!important;max-width:150px;overflow:hidden;text-overflow:ellipsis}.btg-header-tools .btg-notify{display:none}.container,.page{width:calc(100% - 20px)!important}.stat-card{min-height:100px!important}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* BTG Performance Patch 2026-09-06
   Avoid repaint-heavy fixed backgrounds/backdrop blur during scrolling. */
img{content-visibility:auto}
.card,.box,.stat-card,.table-box,.ranking-box,.upload-box,.glass-card,.download-card,.ranking-card,.history-card,.qr-card,.entry{contain:paint}
@media(max-width:820px){
  body{background-position:center top!important;background-size:auto 100vh!important}
}

/* =========================================================
   BTG FINAL POLISH / PERFORMANCE — 2026-09-06
   ========================================================= */
html{scroll-behavior:auto!important;scrollbar-gutter:stable}
body{overflow-x:hidden!important;background-attachment:scroll!important}
body::before{position:absolute!important;inset:0 0 auto 0!important;height:min(900px,100vh)!important}
.navbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0b0b0e!important;box-shadow:0 5px 18px rgba(0,0,0,.2)!important}
.dropdown-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 14px 36px rgba(0,0,0,.38)!important}
.list-item,.qr-card,.event-card,.download-card,.glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.stat-card:hover,.box:hover,.list-item:hover,.qr-card:hover,.download-card:hover,.card:hover{transform:none!important;box-shadow:var(--btg-shadow-sm)!important}
.card,.box,.stat-card,.table-box,.ranking-box,.upload-box,.glass-card,.download-card,.ranking-card,.history-card,.qr-card,.login-box,.entry,.list-item{content-visibility:auto;contain-intrinsic-size:auto 160px}
img{max-width:100%;height:auto;content-visibility:auto}

/* More compact, calmer dashboard */
.stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:20px!important}
.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:20px!important}
.list{gap:8px!important}.list-item{padding:13px 15px!important;border-radius:14px!important;background:#141418!important;border:1px solid var(--btg-border)!important;box-shadow:none!important;transition:border-color .12s ease,background .12s ease!important}
.qr-card{box-shadow:none!important;background:#151518!important}.qr-image{box-shadow:none!important}

/* Table productivity */
.btg-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border:1px solid var(--btg-border);border-radius:13px;background:#121216}
.btg-table-search{position:relative;flex:1 1 240px;max-width:430px}.btg-table-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--btg-muted);pointer-events:none}.btg-table-search input{padding-left:36px!important;min-height:38px!important}
.btg-table-count{font-size:11px;color:var(--btg-muted);font-weight:800;white-space:nowrap}.btg-table-empty{padding:22px!important;text-align:center;color:var(--btg-muted)!important}
th.btg-sortable{cursor:pointer!important;user-select:none!important;padding-right:28px!important;position:relative!important}th.btg-sortable::after{content:'↕';position:absolute;right:10px;opacity:.35;font-size:11px}th.btg-sortable[data-sort='asc']::after{content:'↑';opacity:.9;color:#fff}th.btg-sortable[data-sort='desc']::after{content:'↓';opacity:.9;color:#fff}
.table-box{scrollbar-width:thin;scrollbar-color:#3b3b43 #111114}.table-box::-webkit-scrollbar{height:9px;width:9px}.table-box::-webkit-scrollbar-thumb{background:#3b3b43;border-radius:20px}.table-box::-webkit-scrollbar-track{background:#111114}

/* Form usability */
.btg-required{color:#ef7c87;margin-left:3px}.btg-field-error{border-color:var(--btg-danger)!important;box-shadow:0 0 0 3px rgba(217,75,87,.1)!important}.btg-form-note{font-size:11px;color:var(--btg-muted);margin-top:5px}.btg-unsaved{position:fixed;left:18px;bottom:18px;z-index:3900;padding:8px 11px;border-radius:10px;background:#19191e;border:1px solid var(--btg-border);font-size:11px;color:#c8c8ce;box-shadow:0 8px 22px rgba(0,0,0,.25)}

/* Status and micro states */
.btg-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid var(--btg-border);background:rgba(255,255,255,.035);font-size:10px;font-weight:850;letter-spacing:.04em}.btg-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--btg-muted)}
.btg-badge.ok::before{background:var(--btg-green)}.btg-badge.warn::before{background:var(--btg-yellow)}.btg-badge.danger::before{background:var(--btg-danger)}

/* Mobile polish */
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid{grid-template-columns:1fr!important}}
@media(max-width:820px){
  .stats{grid-template-columns:1fr!important}.btg-table-tools{padding:9px!important}.btg-table-search{max-width:none!important;flex-basis:100%!important}.btg-table-count{width:100%;text-align:right}
  table.btg-responsive-table tr{box-shadow:none!important;contain:content!important}.nav-center{overscroll-behavior:contain}.btg-toast-wrap{right:10px!important;bottom:10px!important;width:calc(100% - 20px)!important}
  .btg-unsaved{left:10px;right:10px;bottom:10px;text-align:center}
}
@media(max-width:480px){.card,.box,.ranking-box,.upload-box,.glass-card,.login-box{padding:14px!important}.container,.page{padding-top:18px!important}.section-title{margin-top:20px!important}}

/* Keep motion cheap and subtle */
.nav-center>a,.dropbtn,.btn,button,.download-card,.card,.box,.list-item,.qr-card{transition-duration:.12s!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.btg-toast{animation:none!important}}


/* BTG Fahrer-App 2.0 */
.btg-muted{color:var(--btg-muted)!important}.btg-eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:#e88b95}.btg-v2-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:24px;margin-bottom:18px;border:1px solid rgba(194,37,52,.26);border-radius:20px;background:linear-gradient(135deg,rgba(194,37,52,.13),rgba(255,255,255,.025))}.btg-v2-hero h1{margin:5px 0 6px!important}.btg-v2-hero p{margin:0;color:var(--btg-muted)}.btg-v2-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btg-pill{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fff;color:#111;display:inline-grid;place-items:center;font-size:11px;font-weight:900}.btg-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.btg-kpi{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--btg-border);border-radius:16px;background:var(--btg-surface);text-decoration:none;box-shadow:var(--btg-shadow-sm)}.btg-kpi:hover{border-color:rgba(194,37,52,.36);background:var(--btg-surface-2)}.btg-kpi span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--btg-muted);font-weight:800}.btg-kpi strong{font-size:30px;line-height:1.1}.btg-kpi small{color:var(--btg-muted)}.btg-admin-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px}.btg-admin-links .card{display:flex!important;gap:16px;align-items:center;text-decoration:none!important}.btg-admin-links .card>i{font-size:24px;color:#e06773}.btg-admin-links h3,.btg-admin-links p{margin:0}.btg-admin-links p{color:var(--btg-muted);margin-top:4px}.btg-feed{display:grid;gap:10px}.btg-feed-item{display:flex;gap:14px;padding:16px;border:1px solid var(--btg-border);border-radius:15px;background:var(--btg-surface)}.btg-feed-item.is-unread{border-color:rgba(194,37,52,.38);background:linear-gradient(90deg,rgba(194,37,52,.10),var(--btg-surface))}.btg-feed-icon{width:38px;height:38px;border-radius:12px;background:var(--btg-red-soft);display:grid;place-items:center;color:#f08b95;flex:0 0 auto}.btg-feed-body{min-width:0;flex:1}.btg-feed-title{font-weight:850}.btg-feed-body p{margin:4px 0;color:#d0d0d5}.btg-feed-body small{color:var(--btg-muted)}.btg-feed-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btg-feed-actions form{margin:0}.btg-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.btg-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.btg-card-head h3{margin:0!important}.btg-status{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid var(--btg-border);border-radius:999px;background:rgba(255,255,255,.045);font-size:11px;font-weight:850}.status-neu,.status-in-prufung,.status-gesprach{border-color:rgba(216,164,49,.35);color:#e8c46e}.status-angenommen{border-color:rgba(49,182,107,.35);color:#7fd8a5}.status-abgelehnt{border-color:rgba(217,75,87,.35);color:#ef9099}.btg-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.btg-detail-grid>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--btg-border)}.btg-detail-grid span{display:block;color:var(--btg-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.btg-detail-grid strong{display:block;margin-top:3px;overflow-wrap:anywhere}.btg-stack{display:grid;gap:10px}.btg-profile-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.btg-profile-avatar{width:72px;height:72px;border-radius:20px;background:var(--btg-red-soft);display:grid;place-items:center;font-size:28px;color:#ee8792;margin-bottom:14px}.btg-list-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--btg-border)}.btg-list-row:last-child{border-bottom:0}.btg-list-row small{display:block;color:var(--btg-muted);margin-top:3px}.btg-event-rsvp{margin-top:16px;padding-top:14px;border-top:1px solid var(--btg-border)}.btg-rsvp-counts,.btg-rsvp-actions{display:flex;gap:8px;flex-wrap:wrap}.btg-rsvp-counts{color:var(--btg-muted);font-size:12px;margin-bottom:10px}.btg-rsvp-counts span{padding:5px 8px;border:1px solid var(--btg-border);border-radius:999px}.btg-rsvp-actions .active{outline:2px solid rgba(255,255,255,.24)!important}.btg-notification-bell{position:relative}.btg-notification-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--btg-red-2);color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;border:2px solid #0d0d10}.btn.ghost{background:transparent!important;border:1px solid var(--btg-border)!important;color:#ddd!important}
@media(max-width:1000px){.btg-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btg-application-grid,.btg-profile-grid{grid-template-columns:1fr}}@media(max-width:700px){.btg-v2-hero{align-items:flex-start;flex-direction:column}.btg-v2-actions{justify-content:flex-start}.btg-kpi-grid,.btg-admin-links{grid-template-columns:1fr}.btg-detail-grid{grid-template-columns:1fr}}


/* =========================================================
   BTG PROFILE HUB 2.1
   ========================================================= */
.btg-profile-edit-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:16px}.btg-profile-card{text-align:center}.btg-profile-photo-wrap{display:flex;justify-content:center;margin-bottom:14px}.btg-profile-photo{width:128px;height:128px;border-radius:30px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#1b1b20;box-shadow:0 16px 34px rgba(0,0,0,.28)}.btg-profile-photo-fallback{display:grid;place-items:center;font-size:42px;color:#e87480;background:linear-gradient(145deg,rgba(194,37,52,.22),#17171b)}.btg-checkbox{display:flex!important;align-items:center;gap:9px!important;padding:10px 12px;border:1px solid var(--btg-border);border-radius:12px;background:rgba(255,255,255,.025)}.btg-checkbox input{width:auto!important;margin:0!important}.btg-profile-search{position:relative;margin:0 0 18px}.btg-profile-search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--btg-muted)}.btg-profile-search input{padding-left:42px!important;min-height:48px!important}.btg-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.btg-member-card{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:16px;border-radius:17px;border:1px solid var(--btg-border);background:var(--btg-surface);text-decoration:none;color:inherit;box-shadow:var(--btg-shadow-sm);transition:border-color .12s ease,background .12s ease}.btg-member-card:hover{border-color:rgba(194,37,52,.38);background:var(--btg-surface-2)}.btg-member-photo{width:68px;height:68px;flex:0 0 68px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:var(--btg-red-soft);color:#ec7f8a;font-size:25px}.btg-member-photo img{width:100%;height:100%;object-fit:cover}.btg-member-info{min-width:0;flex:1}.btg-member-info h3{margin:0 0 2px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btg-member-info small{display:block;color:var(--btg-muted);margin-bottom:8px}.btg-member-info p{margin:9px 0 0;color:#c7c7cc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btg-member-arrow{color:#56565f;font-size:11px}.btg-profile-empty{text-align:center;color:var(--btg-muted)}.btg-public-profile-page{max-width:1100px!important}.btg-backlink{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:#c8c8ce;text-decoration:none;font-size:12px;font-weight:800}.btg-public-profile-hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;padding:30px;margin-bottom:16px;border-radius:24px;border:1px solid rgba(194,37,52,.26);background:linear-gradient(135deg,rgba(194,37,52,.14),rgba(255,255,255,.025));box-shadow:var(--btg-shadow-sm)}.btg-public-profile-photo{width:170px;height:170px;border-radius:36px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,rgba(194,37,52,.22),#17171b);border:1px solid rgba(255,255,255,.12);font-size:54px;color:#e97f89}.btg-public-profile-photo img{width:100%;height:100%;object-fit:cover}.btg-public-profile-main h1{font-size:clamp(28px,5vw,48px)!important;margin:4px 0 0!important}.btg-profile-handle{margin:2px 0 12px;color:var(--btg-muted)}.btg-public-bio{max-width:720px;margin:18px 0;color:#dadade;line-height:1.7;white-space:pre-line}.btg-profile-links{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.btg-profile-links span,.btg-profile-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:11px;border:1px solid var(--btg-border);background:rgba(255,255,255,.035);color:#dedee2;text-decoration:none;font-size:12px}.btg-profile-links a:hover{border-color:rgba(194,37,52,.38)}
@media(max-width:1050px){.btg-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.btg-profile-edit-grid,.btg-public-profile-hero{grid-template-columns:1fr}.btg-public-profile-hero{text-align:center;padding:22px}.btg-public-profile-photo{margin:auto;width:140px;height:140px;border-radius:30px}.btg-profile-links{justify-content:center}.btg-member-grid{grid-template-columns:1fr}}@media(max-width:430px){.btg-member-card{padding:13px}.btg-member-photo{width:58px;height:58px;flex-basis:58px;border-radius:16px}.btg-profile-photo{width:112px;height:112px;border-radius:26px}}

/* BTG 2.2 – unified navigation */
.dropdown:has(.dropdown-content a.active) > .dropbtn{
  background:var(--btg-red-soft)!important;
  border-color:rgba(194,37,52,.32)!important;
  color:#fff!important;
  box-shadow:inset 0 -2px 0 var(--btg-red)!important;
}

/* BTG Fahrer-App 2.6 – Fahrer, Accounts & Control Center */
.btg-stat-link{display:block!important;text-decoration:none!important;color:inherit!important;cursor:pointer}.btg-stat-link:hover{border-color:rgba(194,37,52,.4)!important;background:rgba(194,37,52,.07)!important}.btg-stat-link small{display:block;margin-top:5px;color:var(--btg-muted)}
.btg-list-tools,.btg-driver-tools{width:min(95%,1600px);margin:0 auto 16px;display:flex;align-items:center;gap:12px;justify-content:space-between}.btg-list-tools{width:100%}.btg-list-tools .btg-profile-search,.btg-driver-tools .btg-profile-search{margin:0;flex:1;max-width:620px}.btg-filter-group{display:flex;gap:7px;flex-wrap:wrap}.btg-filter-group .btn.active{background:var(--btg-red-soft)!important;border-color:rgba(194,37,52,.42)!important;color:#fff!important}.btg-account-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.btg-account-state{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;border:1px solid var(--btg-border);font-size:11px;font-weight:850;white-space:nowrap}.btg-account-state.yes{color:#83d9a8;border-color:rgba(49,182,107,.32);background:rgba(49,182,107,.08)}.btg-account-state.no{color:#ef9aa2;border-color:rgba(217,75,87,.32);background:rgba(217,75,87,.08)}.btg-driver-account{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;margin:13px 0 2px}.btg-mini-link{font-size:11px;color:#d7d7dc;text-decoration:none;padding:6px 9px;border-radius:999px;border:1px solid var(--btg-border);background:rgba(255,255,255,.025)}.btg-mini-link:hover{border-color:rgba(194,37,52,.38);color:#fff}.btg-driver-card[hidden],#accountTable tr[hidden]{display:none!important}
@media(max-width:820px){.btg-list-tools,.btg-driver-tools{align-items:stretch;flex-direction:column}.btg-list-tools .btg-profile-search,.btg-driver-tools .btg-profile-search{max-width:none;width:100%}.btg-filter-group{width:100%}.btg-filter-group .btn{flex:1}.btg-account-kpis{grid-template-columns:1fr}}

/* BTG 3.2.0 – Mobile/Statistik */
.btg-km-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.btg-km-filter label{min-width:220px}.btg-dom{text-align:center}.btg-dom h2{font-size:2rem;margin:.35rem 0}.btg-ranking{display:grid;gap:8px}
@media(max-width:760px){.container{padding-left:12px!important;padding-right:12px!important}.page-header{align-items:stretch!important;gap:12px}.page-header>.btn{width:100%;justify-content:center}.btg-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.btg-detail-grid{grid-template-columns:1fr!important}.km-grid{grid-template-columns:1fr!important}.actions form{min-width:100%!important}.card{overflow-wrap:anywhere}table{display:block;overflow-x:auto;white-space:nowrap}.btg-profile-edit-grid{grid-template-columns:1fr!important}.btg-km-filter>*{width:100%;min-width:0!important}.btg-list-row{gap:10px;align-items:flex-start}.btg-list-row>strong{text-align:right}}
@media(max-width:430px){.btg-kpi-grid{grid-template-columns:1fr!important}.btn{max-width:100%}.btg-dom h2{font-size:1.55rem}}

body{background-image:linear-gradient(rgba(7,7,9,.78),rgba(7,7,9,.86)),url('/static/eifel-express-background.png')!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;}
.eifel-copyright{width:100%;text-align:center;padding:22px 12px 28px;margin-top:30px;font-size:13px;opacity:.86}.eifel-copyright a{color:#d7d7dc;text-decoration:none}.eifel-copyright a:hover{color:#fff;text-decoration:underline}