:root{--ink:#0c2038;--navy:#071b31;--blue:#1769d2;--gold:#e5b248;--paper:#fff;--canvas:#f3f6fa;--line:#dce5ee;--muted:#68788a}body{}header{min-height:82px}header>img{width:84px;height:54px;border-radius:13px}header h1{font-size:20px}.card,.content,.hero{border-style:solid;border-width:1px}.hero{position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-70px}.content h2{font-size:24px;letter-spacing:-.03em}.view-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}.view-heading h2,.view-heading p{margin:0}.view-heading p{margin-top:4px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:22px}.item{padding:17px 4px}.route-summary{border-style:solid;border-width:1px;border-radius:14px;padding:15px;margin:9px 0}.empty-state{padding:17px;border-style:dashed;border-width:1px;border-radius:13px}.request-card{border-style:solid;border-width:1px}.request-card h3{font-size:20px}.session-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:8px}.session-buttons button{padding:11px 4px}.session-buttons button.active{}.route-options{display:grid;gap:8px;margin:13px 0}.route-option{display:flex;justify-content:space-between;align-items:center;text-align:left;border-style:solid;border-width:1px}.route-option span{font-size:13px}.route-option.active{}.same-place{display:flex!important;align-items:center;gap:8px;font-weight:650!important}.same-place input{width:auto!important;margin:0!important}.link-list a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px}.link-list i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-style:normal}.link-list b{font-size:15px}#sendRequest:disabled{opacity:.7;cursor:wait}#requestResult{padding:10px 0;font-weight:750}nav button:before{display:block;margin-bottom:4px;font-size:18px}nav button[data-view=home]:before{content:'⌂'}nav button[data-view=attendance]:before{content:'✓'}nav button[data-view=vehicle]:before{content:'▣'}nav button[data-view=notice]:before{content:'●'}nav button[data-view=more]:before{content:'⋯'}
@media(max-width:520px){.session-buttons{grid-template-columns:repeat(3,1fr)}.route-option{align-items:flex-start;flex-direction:column;gap:4px}.date-row{grid-template-columns:1fr}.content h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.login-tabs{grid-template-columns:repeat(3,1fr)}.login-tabs button{min-width:0;padding-left:8px;padding-right:8px;white-space:nowrap}