/* CityRide design tokens. Visual layer only: selectors retain existing controls. */
body.cr-v2{--text-primary:#125dff;--bs-primary:#125dff;--bs-primary-rgb:18,93,255;--bs-body-bg:#f6f8fc;--title-color:#15243a;--bs-body-color:#53647b;--secondary-body-color:#66768b;--cr-line:#e5ebf3;--cr-panel:#fff;--cr-ink:#15243a;background:var(--bs-body-bg);color:var(--bs-body-color)}
body.cr-v2[theme=dark]{--bs-body-bg:#101a2a;--title-color:#edf3ff;--bs-body-color:#b7c4d9;--secondary-body-color:#9bacc7;--cr-line:#293950;--cr-panel:#19263a;--cr-ink:#edf3ff}
.cr-v2 .aside{border-inline-end:1px solid var(--cr-line);background:var(--cr-panel);box-shadow:none}.cr-v2 .aside-header{border-bottom:1px solid var(--cr-line);min-height:90px}.cr-v2 .header{background:var(--cr-panel);box-shadow:0 1px 0 var(--cr-line);border:0}.cr-v2 .header-icon{border-radius:14px;background:var(--bs-body-bg)}.cr-v2 .main-content{background:var(--bs-body-bg)}.cr-v2 .card{border:1px solid var(--cr-line);border-radius:22px;background:var(--cr-panel);box-shadow:0 6px 22px #15243a04;animation:cr-v2-arrive .4s ease both}.cr-v2 .card-header{border-radius:22px 22px 0 0;background:transparent;border-color:var(--cr-line)}.cr-v2 .card-body{color:var(--bs-body-color)}.cr-v2 h1,.cr-v2 h2,.cr-v2 h3,.cr-v2 h4,.cr-v2 h5,.cr-v2 h6{color:var(--cr-ink);letter-spacing:-.025em}.cr-v2 .main-nav>li>a{border-radius:12px;margin-inline:6px;padding-block:12px;transition:background .2s,color .2s}.cr-v2 .main-nav>li.active>a,.cr-v2 .main-nav>li>a:hover{background:#125dff10;color:#125dff}.cr-v2 .main-nav>li>a i{transition:transform .2s}.cr-v2 .main-nav>li>a:hover i{transform:translateY(-2px)}.cr-v2 .nav-category{font-size:11px;letter-spacing:.08em;color:var(--secondary-body-color);margin-block:18px 8px}.cr-v2 .table{color:var(--bs-body-color);--bs-table-bg:var(--cr-panel);--bs-table-color:var(--bs-body-color)}.cr-v2 .table thead{background:var(--bs-body-bg);color:var(--cr-ink)}.cr-v2 .table td,.cr-v2 .table th{padding-block:16px;border-color:var(--cr-line)}.cr-v2 .table tbody tr{transition:background .15s}.cr-v2 .table tbody tr:hover{--bs-table-bg:var(--bs-body-bg)}.cr-v2 .form-control,.cr-v2 .form-select,.cr-v2 .select2-selection{border:1px solid var(--cr-line);border-radius:12px;background:var(--cr-panel);color:var(--cr-ink);min-height:44px}.cr-v2 .form-control:focus,.cr-v2 .form-select:focus{border-color:#125dff;box-shadow:0 0 0 3px #125dff1a}.cr-v2 .btn{border-radius:12px;min-height:42px;font-weight:600;transition:transform .2s,box-shadow .2s}.cr-v2 .btn-primary{background:#125dff;border-color:#125dff}.cr-v2 .btn-primary:hover{background:#094bd7;transform:translateY(-1px);box-shadow:0 6px 16px #125dff24}.cr-v2 .btn:focus-visible,.cr-v2 a:focus-visible{outline:3px solid #e52b37;outline-offset:3px}.cr-v2 .modal-content{border-radius:22px;border-color:var(--cr-line);background:var(--cr-panel)}.cr-v2 .dropdown-menu{border-radius:16px;border-color:var(--cr-line);background:var(--cr-panel);box-shadow:0 16px 40px #15243a16}.cr-v2 .pagination .page-link{border-radius:10px;margin-inline:3px}.cr-v2 .footer{background:var(--cr-panel);border-top:1px solid var(--cr-line)}
.cr-v2-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:28px 0}.cr-v2-heading h1{font-size:clamp(26px,3vw,38px);font-weight:700;margin:8px 0}.cr-v2-heading p{color:var(--secondary-body-color);max-width:680px;margin:0}.cr-v2-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#125dff}.cr-v2-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.cr-v2-shortcuts a{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--cr-panel);border:1px solid var(--cr-line);border-radius:14px;color:var(--cr-ink);font-size:13px;transition:transform .2s,border-color .2s}.cr-v2-shortcuts a:hover{border-color:#125dff;transform:translateY(-2px)}.cr-v2-shortcuts i{color:#125dff;font-size:20px}.cr-v2-badge{font-size:10px;letter-spacing:.05em;font-weight:700;border-radius:99px;color:#125dff;background:#125dff12;padding:5px 10px}.cr-v2 .cr-v2-brand{font-size:26px;letter-spacing:-.06em;font-weight:800;color:#125dff;line-height:1}.cr-v2-brand b{color:#e52b37}.cr-v2-brand small{display:block;color:var(--secondary-body-color);font-size:9px;letter-spacing:.12em;font-weight:600;text-align:center;margin-top:7px}.cr-v2-workspace{border:1px solid var(--cr-line);border-radius:14px;padding:14px;margin:16px 12px;background:var(--bs-body-bg)}.cr-v2-workspace a{display:flex;gap:8px;align-items:center;color:#125dff;font-weight:700;font-size:13px}.cr-v2-workspace small{font-size:11px;color:var(--secondary-body-color)}
/* Login and recovery share this skin; no changes to captcha/auth routes. */
.cr-v2-auth{background:#f6f8fc;color:#15243a}.cr-v2-auth .login-form{min-height:100dvh;padding:48px 24px}.cr-v2-auth .login-wrap{display:block;width:min(1150px,100%);margin:auto;min-height:0}.cr-v2-auth .login-left{display:grid!important;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:none!important;width:100%;height:auto;block-size:auto;padding:40px 0}.cr-v2-auth .login-left:after{display:none!important}.cr-v2-auth .tf-box1{text-align:start!important;margin:0!important}.cr-v2-auth .tf-box1 .absolute-white{color:#15243a!important}.cr-v2-auth .tf-box1 h2{font-size:clamp(32px,4vw,54px);font-weight:700;letter-spacing:-.04em;line-height:1.12;text-align:start!important}.cr-v2-auth .tf-box1 h2 strong{color:#125dff}.cr-v2-auth .login-logo{max-width:160px;max-height:90px;object-fit:contain;margin-bottom:32px!important}.cr-v2-auth .login-right-wrap1{width:100%;position:relative}.cr-v2-auth .login-right{max-width:500px;width:100%;background:#fff;backdrop-filter:none;border:1px solid #e5ebf3;border-radius:28px;padding:36px!important;box-shadow:0 20px 70px #15243a0a;color:#15243a;animation:cr-v2-arrive .5s ease both}.cr-v2-auth .inner-div{padding:0!important}.cr-v2-auth .login-form label{color:#15243a}.cr-v2-auth .form-control{border:1px solid #e5ebf3;border-radius:12px;min-height:50px;background:#f9fbff!important;color:#15243a}.cr-v2-auth .form-control:focus{border-color:#125dff;box-shadow:0 0 0 3px #125dff1a}.cr-v2-auth #signInBtn{min-height:52px;border-radius:12px;background:#125dff;border-color:#125dff;margin-top:16px}.cr-v2-auth .login-form .text-primary{color:#125dff!important}.cr-v2-auth .login-form a:focus-visible,.cr-v2-auth button:focus-visible{outline:3px solid #e52b37;outline-offset:3px}.cr-v2-auth .login-footer{color:#15243a}.cr-v2-auth .cr-auth-title{font-weight:700;font-size:26px;margin-bottom:10px}.cr-v2-auth .cr-auth-description{font-size:14px;color:#66768b;margin-bottom:28px}.cr-v2-auth .forgot-form,.cr-v2-auth .forgot-wrap{background:#f6f8fc}.cr-v2-auth .forgot-form label{color:#15243a}.cr-v2-auth .forgot-form .form-control{background:#fff!important}
@keyframes cr-v2-arrive{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:800px){.cr-v2-auth .login-left{grid-template-columns:1fr;gap:30px;padding:10px 0}.cr-v2-auth .tf-box1 h2{font-size:32px}.cr-v2-auth .login-logo{max-height:60px;margin-bottom:16px!important}.cr-v2-auth .login-right{max-width:none}.cr-v2-auth .login-form{padding:24px 18px}.cr-v2-heading{align-items:start;flex-direction:column}.cr-v2-shortcuts{gap:8px}}
@media(prefers-reduced-motion:reduce){.cr-v2 *,.cr-v2-auth *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cr-v2 .btn:hover,.cr-v2-shortcuts a:hover{transform:none}}
