@charset "UTF-8";
:root{--red:#b51f24;--red-dark:#94181d;--ink:#283435;--muted:#667172;--paper:#f4f5f2;--line:#e4e7e3;--green:#24734e;--amber:#936116;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #357bb8;outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3vw,40px);line-height:1.18;letter-spacing:-1.2px;margin-bottom:12px}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:18px}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:800;color:var(--muted);margin-bottom:12px}.masthead{border-top:5px solid var(--red);background:white}.header-inner{max-width:1200px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.club{display:block}.club img{display:block;width:355px;max-width:100%;height:auto}.app-name{display:flex;gap:12px;align-items:center}.app-name strong{display:block;font-size:18px}.app-name small{display:block;color:var(--muted)}.app-mark{background:var(--red);color:#fff;border-radius:7px;padding:5px 13px;font-weight:900;font-size:24px}.navigation{background:var(--ink);color:white}.nav-inner{max-width:1200px;padding:0 32px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.nav-links{display:flex;gap:28px}.nav-links a{padding:18px 0 14px;border-bottom:4px solid transparent;font-weight:600;font-size:13px;color:#d0d7d6}.nav-links a[aria-current]{border-color:#eb555b;color:white}.account{display:flex;align-items:center;gap:20px;font-size:12px}.account form{margin:0}.role{color:#c4cecd;border:1px solid #657071;padding:2px 7px;border-radius:4px;margin-left:7px;font-size:10px}.logout{border:0;background:transparent;color:#eee;padding:12px 0}.demo-banner{background:#f1eae2;border-bottom:1px solid #e6ded3;padding:8px 32px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#745531}.demo-dot{height:6px;width:6px;background:#9d733e;border-radius:50%}.main{max-width:1200px;margin:auto;padding:40px 32px 60px;min-height:65vh}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading p:last-child{margin-bottom:0}.date{font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--red);color:#fff;border:1px solid var(--red);padding:12px 18px;font-weight:650;border-radius:6px;font-size:13px;min-height:45px;flex-shrink:0}.button:hover{background:var(--red-dark)}.button.secondary{background:white;color:var(--ink);border-color:#cbd2cf}.button.secondary:hover{background:#f1f3ef}.button.light{background:white;color:var(--ink);border-color:white;width:100%;justify-content:space-between}.button.full{width:100%;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px;transition:transform .15s}.stat:hover{transform:translateY(-2px);border-color:#b5bebb}.stat>span{font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center}.stat strong{display:block;font-size:43px;letter-spacing:-2px;line-height:1.3;margin:8px 0}.stat small{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.stat i{width:6px;height:6px;border-radius:50%;background:currentColor}.stat.green>span,.stat.green strong{color:var(--green)}.stat.amber>span,.stat.amber strong{color:var(--amber)}.stat.red>span,.stat.red strong{color:var(--red)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.padded{padding:26px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 24px 16px}.section-heading h2,.section-heading .eyebrow{margin-bottom:5px}.section-heading.plain{padding:0}.number-pill{background:#f0f2ee;padding:3px 10px;font-size:12px;font-weight:650;border-radius:20px}.person-row{display:flex;align-items:center;gap:14px;padding:19px 24px;border-top:1px solid var(--line)}.person-row:hover{background:#fafbf8}.avatar{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;background:#eef0eb;border-radius:50%;font-weight:700;font-size:11px;color:#60706a}.person-info{flex:1;min-width:0}.person-info strong{display:block;font-size:13px;overflow-wrap:anywhere}.person-info>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.badge{display:inline-block;border-radius:4px;padding:4px 8px;font-size:10px;line-height:1.5;font-weight:650;white-space:nowrap;background:#eef0ed;color:#596361}.badge.valid{background:#e9f3ec;color:#256244}.badge.soon{background:#fbf1db;color:#845813}.badge.blocked,.badge.overdue{background:#f8e9e7;color:#a03735}.arrow{color:#9ba49e}.panel-bottom{padding:17px 24px;background:#fcfcfa;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;font-weight:650}.side-stack{display:flex;flex-direction:column;gap:20px}.dark-panel{background:var(--ink);color:#fff;padding:27px;border-radius:var(--radius);position:relative;overflow:hidden;border-top:4px solid var(--red)}.dark-panel .eyebrow{color:#c7d1cd;font-size:9px;letter-spacing:1.1px}.dark-panel h2{font-size:26px;line-height:1.25;letter-spacing:-.8px}.dark-panel ol{list-style:none;padding:0;margin:22px 0}.dark-panel li{font-size:11px;margin:14px 0;display:flex;align-items:center;gap:12px}.dark-panel li span{color:#d1a0a0;font-weight:700;font-size:10px}.dark-panel>p:not(.eyebrow){font-size:11px;color:#ccd4d1}.privacy-note{display:flex;gap:13px;padding:0 6px;align-items:center}.privacy-note>span{background:#e6eee7;color:#39704c;border-radius:50%;padding:5px 10px}.privacy-note p{font-size:11px;color:var(--muted);margin:0}.privacy-note strong{color:var(--ink);font-weight:600}.recent{margin-top:26px}.recent .section-heading .muted{font-size:11px}.recent-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:20px;border-top:1px solid var(--line);padding:14px 24px;align-items:center;font-size:12px}.recent-row>a{font-weight:650}.recent-row>span:not(.badge){color:var(--muted)}footer{max-width:1200px;margin:auto;padding:23px 32px;border-top:1px solid #dfe4de;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer>div{display:flex;gap:20px;flex-wrap:wrap}.footer-dot{padding:0 7px;color:#b9c0ba}footer button{border:0;background:none;color:var(--red);font-size:inherit;padding:0}.filters{display:flex;gap:14px;padding:24px;align-items:end}.filters>div:first-child{flex:1}.filters>div:nth-child(2){min-width:220px}label{font-weight:600;font-size:13px;display:block;margin-bottom:7px}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-height:45px;padding:10px 12px;border:1px solid #cbd2cf;border-radius:5px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #9baea3;outline-offset:2px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--red);vertical-align:middle;margin-right:8px}label:has(input[type=checkbox]){font-weight:400}p:has(>input[type=checkbox]){display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:5px;align-items:flex-start}p:has(>input[type=checkbox]) label{margin:0;max-width:calc(100% - 30px)}.helptext{font-size:12px;color:var(--muted);display:block;margin-top:7px}.helptext ul{padding-left:20px}.data-form>p{margin-bottom:24px}.data-form #id_classes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:25px}.data-form #id_classes label{padding:7px;background:#f4f6f2;border-radius:4px}.form-container{max-width:740px;margin:auto}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:22px}.form-actions{display:flex;gap:22px;align-items:center;margin-top:30px;border-top:1px solid var(--line);padding-top:23px}.form-actions>a{font-size:13px}.errorlist{background:#f9eae8;color:#9a2629;border-left:3px solid var(--red);padding:12px 14px 12px 30px;font-size:13px}.message{background:#f7f0dd;border-left:3px solid #aa792b;padding:14px 18px;border-radius:4px;margin-bottom:20px;font-size:13px}.message.success{background:#e9f3e9;border-color:#458153}.message.error{background:#fae9e6;border-color:var(--red)}.empty{padding:40px 24px;text-align:center;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.status-text{font-weight:600;font-size:13px;margin:16px 0}.status-text.ok{color:var(--green)}.status-text.no{color:var(--red)}dl{font-size:12px;margin:20px 0}dl>div{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}dt{color:var(--muted)}dd{margin:0;text-align:right;max-width:60%;overflow-wrap:anywhere}.text-action{color:var(--red);display:block;margin-top:15px;font-size:12px;font-weight:600}details{font-size:12px}summary{cursor:pointer;font-weight:600;padding:9px 0}details p{margin-top:13px;line-height:1.7}.timeline{margin-top:22px}.timeline-entry{border-left:2px solid #dce3dc;padding:0 0 25px 22px;position:relative}.timeline-entry:before{content:'';position:absolute;left:-5px;top:7px;width:8px;height:8px;background:#526f60;border-radius:50%}.timeline-entry p{font-size:12px;color:var(--muted);margin:12px 0}.timeline-entry strong{font-size:13px}.event{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.event:last-child{border-bottom:0}.event small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.event p{margin:6px 0 0;color:var(--muted)}.audit-event{display:flex;justify-content:space-between;gap:20px}.pagination{display:flex;justify-content:center;gap:30px;font-size:12px;margin-top:24px}blockquote{margin:0 0 20px;padding:22px;background:#f4f6f1;border-left:3px solid var(--red);font-size:15px;line-height:1.8}.prose h2{margin-top:28px}.prose h2:first-child{margin-top:0}.prose p{color:var(--muted);font-size:14px}.login-layout{display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;padding:20px 30px}.login-intro h1{font-size:43px;line-height:1.18}.login-intro>p:not(.eyebrow){color:var(--muted);max-width:340px}.login-intro small{color:var(--muted)}.login-panel{padding:32px}.login-panel h2{font-size:27px;margin-bottom:8px}.login-panel .muted{font-size:13px}.login-panel form{margin-top:25px}.login-panel form p{margin-bottom:20px}.van-art{max-width:380px}.van-art svg{width:100%;height:auto}.demo-access{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}.demo-access p{font-size:12px}.demo-access code{font-size:11px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:9}.skip:focus{top:0}.offline-warning{position:fixed;bottom:0;background:var(--red);color:white;text-align:center;padding:14px;width:100%;z-index:99;font-size:13px}[hidden]{display:none!important}
@media(max-width:1000px){.stats{gap:10px}.stat{padding:17px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 270px}.person-row{padding:17px;gap:10px}.dashboard-grid .person-row{flex-wrap:wrap}.dashboard-grid .person-row .badge{margin-left:49px}.dashboard-grid .person-info{min-width:180px}.profile-grid{grid-template-columns:310px minmax(0,1fr)}.login-layout{gap:35px;padding:10px 0}.account{gap:10px}.account .role{display:none}}
@media(max-width:760px){.header-inner{padding:16px 20px}.club img{width:290px}.app-name strong{font-size:14px}.app-name small{font-size:10px}.app-mark{display:none}.nav-inner{padding:0 20px;flex-wrap:wrap;gap:0}.nav-links{gap:24px;flex:1}.account{width:100%;border-top:1px solid #465152;justify-content:space-between;font-size:10px}.logout{padding:9px 0}.main{padding:28px 20px 40px}.page-heading{align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:23px}.page-heading .muted{font-size:12px}.date{display:block;font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.stat strong{font-size:38px}.stat>span{font-size:11px}.stat small{font-size:9px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .person-row{flex-wrap:nowrap}.dashboard-grid .person-row .badge{margin-left:0}.dashboard-grid .person-info{min-width:0}.dashboard-grid .side-stack{display:none}.section-heading{padding:20px 17px 15px}.section-heading h2{font-size:18px}.recent-row{grid-template-columns:1fr 1fr;gap:8px 14px;padding:16px}.recent-row .badge{justify-self:start}.recent .section-heading .muted{display:none}.filters{padding:18px;flex-wrap:wrap;gap:12px}.filters>div:first-child{flex-basis:100%}.filters>div:nth-child(2){flex:1;min-width:160px}.filters .button{padding:11px 16px}.profile-grid{grid-template-columns:1fr}.padded{padding:22px}.form-actions{flex-wrap:wrap}.data-form #id_classes{grid-template-columns:repeat(3,1fr)}.login-layout{grid-template-columns:1fr;gap:25px}.login-intro h1{font-size:32px}.login-intro p:not(.eyebrow),.van-art,.login-intro small{display:none}.login-panel{padding:24px}.login-intro .eyebrow{font-size:9px}.login-intro h1{margin-bottom:0}footer{margin:0 20px;padding:22px 0;flex-direction:column;gap:10px;font-size:9px}.demo-banner{padding:7px 15px;font-size:10px}.audit-event{flex-direction:column;gap:3px}}
@media(max-width:430px){.app-name{display:none}.club img{width:280px}.person-row{display:grid;grid-template-columns:35px 1fr 15px;gap:8px 10px}.avatar{width:35px;height:35px;grid-row:1/3}.person-info{grid-column:2}.person-row .badge{grid-column:2;justify-self:start}.person-row .arrow{grid-column:3;grid-row:1/3}.dashboard-grid .person-row{display:grid}.stat{padding:15px}.stat small{min-height:28px}.data-form #id_classes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-links{gap:16px}.nav-links a{font-size:12px}}

.driver-pass-wrap{max-width:540px;margin:auto;text-align:center}.driver-pass{border:2px solid #cdd5d0;background:white;border-radius:18px;padding:30px 24px;margin:24px 0 18px}.pass-symbol{width:115px;height:115px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:#edf0ed;color:#69746c;font-size:80px;font-weight:800;line-height:1}.driver-pass h2{font-size:30px;margin-bottom:12px;overflow-wrap:anywhere}.driver-pass #pass-title{font-size:21px;font-weight:700;line-height:1.3}.pass-valid{border-color:#288350;background:#eff9f1}.pass-valid .pass-symbol{background:#21804a;color:white}.pass-valid #pass-title{color:#195c36}.pass-blocked{border-color:#b51f24;background:#fff3f1}.pass-blocked .pass-symbol{background:#b51f24;color:white}.pass-blocked #pass-title{color:#971f23}.pass-stamp{font-size:12px;color:#53625a;margin:20px 0 0}.pass-help{font-size:12px;margin:20px 0}.text-button{background:none;border:0;text-decoration:underline;color:var(--muted);padding:15px;font-size:12px}.driver-pass-wrap details{text-align:left}.sinnofy-credit{color:#62716a}footer{flex-wrap:wrap}footer>div{row-gap:10px}.driver-pass dl{margin-bottom:0}#pass-reason{font-size:14px}

.club-crest{display:inline-block;width:100px;height:100px;flex-shrink:0;background:#fff url("club-logo.jpg") no-repeat -316px 0;background-size:453.38px 100px;border-radius:50%;vertical-align:middle}