@import url('fonts.css');
/* Rydely v2: Admin 8701:15481 / dark 8792:23390, Business 8701:7997,
   Captain wallet 8701:26592. Responsive adaptation of the existing workflows. */
:root,:root[data-theme="light"]{--ry-bg:#f5f7fa;--ry-card:#fff;--ry-field:#f5f7fa;--ry-ink:#141821;--ry-muted:#656b76;--ry-line:#e5eaf1;--ry-tint:#f1eeff;--ry-interactive:#3330e4;--ry-primary:#3330e4;--ry-secondary:#921aff;--ry-gradient:linear-gradient(100deg,#3330e4,#921aff);--ry-body:'IBM Plex Sans','IBM Plex Sans Arabic',sans-serif;--ry-head:'Alexandria',sans-serif}
:root[data-theme="dark"]{--ry-bg:#232734;--ry-card:#191d27;--ry-field:#232734;--ry-ink:#f4f5fa;--ry-muted:#a9b0bf;--ry-line:#343b4b;--ry-tint:#282342;--ry-interactive:#b4a5ff}
:root[data-theme],:root{--bg:var(--ry-bg);--card:var(--ry-card);--surface:var(--ry-card);--surface-2:var(--ry-field);--field:var(--ry-field);--text:var(--ry-ink);--txt:var(--ry-ink);--t:var(--ry-ink);--ink:var(--ry-ink);--muted:var(--ry-muted);--mut:var(--ry-muted);--line:var(--ry-line);--line2:var(--ry-line);--line-2:var(--ry-line);--mint:var(--ry-tint);--tint:var(--ry-tint);--green-t:var(--ry-interactive);--green:var(--ry-interactive);--primary:var(--ry-primary);--pri:var(--ry-primary);--on-green:#fff;--fb:var(--ry-body);--fh:var(--ry-head);--body:var(--ry-body);--head:var(--ry-head)}
body{font-family:var(--ry-body);background:var(--ry-bg);color:var(--ry-ink)}
html[lang="ar"]{--ry-body:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif}
h1,h2,h3{font-family:var(--ry-head);font-weight:600;letter-spacing:-.3px}button,input,select,textarea{font-family:inherit}button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ry-interactive);outline-offset:3px}
.ry-admin .sb{width:240px;padding:12px 16px;gap:14px;border-inline-end:1px solid var(--ry-line);border-left:0;border-right:0}
.ry-admin #nav{display:flex;flex-direction:column;gap:12px}.ry-admin .nav-g{gap:2px}.ry-admin .nav-h{font:500 10px/1.4 var(--ry-body);letter-spacing:.35px;padding:0 10px 4px}
.ry-admin .nav-i{height:34px;padding:0 10px;gap:10px;font-size:13px;text-align:start}.ry-admin .nav-i img{flex:none}.ry-admin .nav-i .lbl{color:inherit;font:inherit}
.ry-admin .sb-top{padding:0;min-height:36px}.ry-admin .logo{width:140px;height:24px;display:flex;align-items:center}.ry-admin .logo img{position:static;width:auto;height:auto;transform:none}
.ry-admin .top{height:64px;padding-inline:24px}.ry-admin .search-f{height:44px}.ry-admin .search-f input{text-align:start}.ry-admin .sb-user{border:0;border-top:1px solid var(--ry-line);border-radius:0;padding:14px 0 0}
.ry-admin main{padding:26px 24px 40px;gap:18px}.ry-admin .ph h1{font-size:22px;line-height:1.4}.ry-admin .ph .sub{font-size:12px;line-height:1.7}
.ry-admin .stat{padding:16px;border-radius:12px;box-shadow:none}.ry-admin .stat-l{font-size:12px}.ry-admin .stat-v{font-size:26px;line-height:1.5}.ry-admin .stats{gap:14px}
.ry-admin .card{border:1px solid var(--ry-line);box-shadow:none;border-radius:12px}.ry-admin .card-h h2{font-size:14px}.ry-admin .card-h{padding:16px}.ry-admin .row2{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:16px}
.ry-admin .map-card{padding:16px}.ry-admin .map{height:300px}.ry-admin .attn-i{padding:12px 16px;border-bottom:0}.ry-admin .attn-t b{font-weight:500}.ry-admin .attn-n{background:var(--ry-tint);color:var(--ry-interactive)}
.ry-admin .tbl th{text-align:start;font:500 11px/1.4 var(--ry-body);letter-spacing:.3px}.ry-admin .tbl td{font-size:13px}.ry-admin .tbl .r{text-align:end}.ry-admin .btn{font-family:var(--ry-body);font-weight:500}.ry-admin .fld,.ry-admin .txt{text-align:start;text-align-last:auto}
.ry-admin .live-banner.bad{background:var(--ry-tint);color:var(--ry-interactive);padding:8px 16px;font-size:11px}
.ry-quick{padding:16px}.ry-quick h2{font-size:14px;margin:0 0 12px}.ry-quick>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ry-quick .btn{height:44px;min-width:0;background:var(--ry-tint);color:var(--ry-interactive);border-color:var(--ry-interactive)}.ry-quick .btn-p{background:var(--ry-gradient);color:white;border:0}
.ry-portal .panel,.ry-driver .panel{border:1px solid var(--ry-line);border-radius:14px;background:var(--ry-card);box-shadow:0 3px 12px #14182104}
.ry-portal .topbar,.ry-driver .topbar{background:var(--ry-card);border-bottom:1px solid var(--ry-line)}.ry-portal .side{background:var(--ry-card);border-color:var(--ry-line)}
.ry-portal .btn.main,.ry-driver .btn.main{background:var(--ry-gradient);color:white;border:0}.ry-portal .side button.on{background:var(--ry-tint);color:var(--ry-interactive)}
.ry-portal .ry-delivery-hero,.ry-portal .ry-hero{border-radius:18px;border:1px solid var(--ry-line);overflow:hidden}.ry-portal .stat{box-shadow:none;border:1px solid var(--ry-line);border-radius:12px;background:var(--ry-card)}
.ry-portal .input,.ry-driver .input{border:1px solid var(--ry-line);color:var(--ry-ink);background:var(--ry-field);border-radius:10px;min-height:46px}
.ry-driver .online{border-radius:16px;background:var(--ry-card);border:1px solid var(--ry-line)}.ry-driver .stat:first-child{background:var(--ry-gradient);color:white;border:0}.ry-driver .stat:first-child .l,.ry-driver .stat:first-child .v,.ry-driver .stat:first-child small{color:white}
.ry-driver .stat{border-radius:12px;padding:18px;border:1px solid var(--ry-line);background:var(--ry-card)}.ry-driver .tabbar{background:var(--ry-card);border:1px solid var(--ry-line);border-radius:16px;box-shadow:0 4px 16px #14182114}.ry-driver .tabbar button.on{background:var(--ry-tint);color:var(--ry-interactive);border-radius:12px}
.ry-auth .b{width:min(420px,100%);padding:36px;border-radius:18px;box-shadow:0 12px 40px #14182108}.ry-auth label{display:block;text-align:start;margin-top:20px}.ry-auth input{margin-top:8px;text-align:start;padding:12px;background:var(--ry-field)}.ry-auth .ry-login-sub{color:var(--ry-muted)}.ry-auth button{min-height:44px}
[dir="rtl"] .ry-admin .nav-i,[dir="rtl"] .ry-admin .pop-i,[dir="rtl"] .ry-admin .userbtn{text-align:right}[dir="rtl"] .ry-admin .sb{border-left:1px solid var(--ry-line);border-right:0}[dir="rtl"] .ry-admin .logo img{left:auto;right:0}
[dir="rtl"] .ry-eyebrow{letter-spacing:0}[dir="rtl"] input[type="tel"],[dir="rtl"] input[name="login"]{direction:ltr;text-align:left}
.ry-access{margin:0;min-height:100dvh}.ry-access .grow{flex:1}.ry-access .btn{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;text-decoration:none;border:1px solid var(--ry-line);background:var(--ry-card);color:var(--ry-ink)}.ry-access .btn.main{background:var(--ry-gradient);color:white;border:0}.ry-access .input{width:100%;padding:10px 12px;color:var(--ry-ink);border:1px solid var(--ry-line);background:var(--ry-field);font-size:14px}.ry-access .icon-btn{border:1px solid var(--ry-line);background:var(--ry-card);color:var(--ry-ink);width:42px;height:42px}
.access-top{display:flex;align-items:center;gap:16px;padding:18px 32px;border-bottom:1px solid var(--ry-line);background:var(--ry-card)}.access-kicker{font-size:12px;color:var(--ry-muted);border-inline-start:1px solid var(--ry-line);padding-inline-start:16px}
.access-main{max-width:1320px;margin:auto;padding:32px}.access-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ry-muted);text-decoration:none;margin-bottom:28px}.access-back svg{transform:rotate(180deg);width:16px}.access-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.access-heading h1{font-size:28px;margin:10px 0 6px}.access-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;background:var(--ry-tint);color:var(--ry-interactive);border-radius:10px}
.access-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.access-stats article{display:flex;align-items:center;gap:16px;padding:22px;background:var(--ry-card);border:1px solid var(--ry-line);border-radius:12px}.access-stats article>div>span{display:block;color:var(--ry-muted);font-size:12px}.access-stats strong{display:block;font:600 28px/1.4 var(--ry-head);margin-top:5px}
.access-panel{background:var(--ry-card);border:1px solid var(--ry-line);border-radius:14px;overflow:hidden}.access-tools{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px;border-bottom:1px solid var(--ry-line)}.access-tools .input{max-width:290px}.access-tabs{display:flex;gap:4px;overflow:auto}.access-tabs button{border:0;border-radius:8px;padding:10px 12px;background:transparent;color:var(--ry-muted);white-space:nowrap;font-weight:500}.access-tabs button.on{background:var(--ry-tint);color:var(--ry-interactive)}
.access-table-wrap{overflow:auto}.access-table{border-collapse:collapse;width:100%;text-align:start;white-space:nowrap;font-size:13px}.access-table th{text-align:start;background:var(--ry-field);padding:14px 20px;color:var(--ry-muted);font-size:11px;font-weight:500}.access-table td{padding:20px;border-bottom:1px solid var(--ry-line)}.access-table tr:last-child td{border:0}.access-table tbody tr:hover{background:var(--ry-field)}.access-identity{display:flex;gap:12px;align-items:center}.access-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--ry-tint);color:var(--ry-interactive);font-weight:600}.access-kind{color:var(--ry-muted)}.access-login{font:12px ui-monospace,monospace}.access-password{display:flex;align-items:center;gap:6px;color:var(--ry-muted)}.access-password svg{width:15px;height:15px}.access-status{display:inline-flex;gap:6px;align-items:center;color:var(--ry-muted);background:var(--ry-field);padding:5px 8px;border-radius:6px;font-size:12px}.access-status i{width:5px;height:5px;background:currentColor;border-radius:50%}.access-status.active{color:#087f5b;background:#e3f7ef}[data-theme="dark"] .access-status.active{color:#74dfb6;background:#143a30}
.access-note{font-size:12px;color:var(--ry-muted);display:flex;align-items:center;gap:8px;line-height:1.7;margin:18px 4px}.access-empty{padding:60px 24px;text-align:center;color:var(--ry-muted)}.access-empty h2{font-size:18px;color:var(--ry-ink)}.access-empty>svg{width:32px;height:32px;color:var(--ry-interactive)}
.access-dialog{background:var(--ry-card);color:var(--ry-ink);border:1px solid var(--ry-line);border-radius:18px;padding:28px;width:min(480px,calc(100vw - 24px));max-height:90dvh;box-shadow:0 24px 80px #0003}.access-dialog::backdrop{background:#11132280;backdrop-filter:blur(4px)}.access-dialog-title{display:flex;gap:12px;align-items:center;margin-bottom:24px}.access-dialog-title>div{flex:1}.access-dialog h2{font-size:18px;margin:4px 0}.access-dialog label{display:block;font-size:13px;margin:16px 0 8px;font-weight:500}.access-dialog .input{display:block;margin-top:8px}.access-dialog small{display:block;font-size:12px;color:var(--ry-muted);line-height:1.6}.access-dialog-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--ry-line);margin-top:24px}.access-divider{border-top:1px solid var(--ry-line);margin:24px 0 20px}.access-error{color:#c23434;font-size:13px}.access-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.access-links a{color:var(--ry-interactive);text-decoration:none;display:flex;align-items:center;gap:8px}.access-links svg{width:16px}#access-toast:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--ry-ink);color:var(--ry-card);border-radius:12px;box-shadow:0 8px 30px #0002;z-index:100;max-width:90vw}
@media(min-width:901px){.ry-admin .menu-btn{display:none!important}}
@media(max-width:1100px){.access-tools{align-items:stretch;flex-direction:column}.access-tools .input{max-width:none}.access-stats article{padding:16px;gap:10px}.ry-admin .row2{grid-template-columns:1fr}}
@media(max-width:900px){.ry-admin .top{height:66px;padding-inline:12px;gap:6px}.ry-admin .top .theme-btn{display:inline-flex!important;flex:none}.ry-admin .top .search{min-width:42px}.ry-admin .top .search input{width:100%}.ry-admin .top .ry-langsw button{min-width:32px;padding:0 6px}.ry-admin .top .userbtn{display:none}.ry-admin .nav-i{height:40px}.ry-admin main{padding:22px 16px}.ry-quick>div{grid-template-columns:1fr 1fr}[dir="rtl"] .ry-admin .sb{left:auto;right:0;transform:translateX(102%)}[dir="rtl"] .ry-admin .app.nav-open .sb{transform:none}.access-main{padding:24px 16px}.access-top{padding:14px 16px}.access-heading h1{font-size:23px}.access-stats{grid-template-columns:1fr 1fr}.access-kicker{display:none}}
@media(max-width:600px){.access-top{gap:10px}.access-heading{align-items:stretch;flex-direction:column;gap:16px}.access-heading>.btn{align-self:flex-start}.access-stats{gap:10px}.access-stats .ry-icon-well{display:none}.access-stats strong{font-size:24px}.access-tabs{width:100%}.access-tools{padding:14px;gap:12px}.access-notice{line-height:1.7;align-items:flex-start}.access-notice svg{flex:none}.access-dialog{padding:22px}.ry-portal .tabbar,.ry-driver .tabbar{bottom:max(12px,env(safe-area-inset-bottom));inset-inline:8px;width:auto}.ry-driver main{padding-bottom:110px}.ry-admin .ph-act .btn{white-space:normal;height:auto;min-height:44px}.ry-admin .top .search .kbd{display:none}.ry-admin .top .sample{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.v2-nav-pair{display:flex;align-items:center;flex:none;width:18px;height:18px}.v2-icon-dark{display:none}[data-theme="dark"] .v2-icon-light{display:none}[data-theme="dark"] .v2-icon-dark{display:block}.ry-admin .map.preview-map .osm{background-image:url('figma/v2/admin-imgMap.png')}.ry-driver .driver-logo{width:104px;height:auto}.ry-driver .topbar .seg{display:inline-flex;flex:none}.ry-driver .topbar .seg button{min-width:30px;padding-inline:8px}.ry-portal .v2-delivery-art{width:80px;height:80px;object-fit:contain;flex:none}.ry-portal .ry-hero{background:linear-gradient(110deg,#191d27,#5030b7);border:0;padding:24px}.ry-portal .ry-hero h2,.ry-portal .ry-hero p{color:white}.ry-portal .ry-hero p{opacity:.8}.ry-portal .ry-hero .btn{background:white;color:#3330e4}.ry-driver .tabbar .i{display:flex;justify-content:center}.ry-driver .themebtn{flex:none}
[data-theme="dark"] .ry-driver .driver-logo,[data-theme="dark"] .ry-driver .tabbar img{filter:brightness(0) invert(.9)}
@media(max-width:600px){.ry-portal .v2-delivery-art{width:64px;height:64px}.ry-driver .topbar{gap:8px}.ry-driver .wordmark small{display:none}.ry-driver .wordmark{font-size:18px}}

.ry-portal .ry-hero>.btn{flex:0 0 auto;width:auto;min-width:150px;min-height:44px;height:44px;white-space:nowrap}.ry-portal .ry-hero-copy{min-width:0}
@media(min-width:901px){.ry-admin .top .logo-sm{display:none}}
@media(max-width:600px){.ry-portal .ry-hero>.btn{width:100%}}

.ry-driver .stat .v{direction:ltr;unicode-bidi:isolate;overflow-wrap:normal;font-size:20px}.ry-driver .sw.on{background:var(--ry-primary)}
@media(max-width:600px){.ry-driver .stats{grid-template-columns:1fr 1fr}.ry-driver .stat:first-child{grid-column:1/-1}.ry-driver .stat:first-child .v{font-size:28px}.ry-driver .stat{padding:16px}}
