@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");:root{--orange:#eb4f26;--navy:#1a2744;--navy-light:#243352;--white:#ffffff;--grey:#9ca3af;--success:#4ade80;--danger:#f87171;--border:#334766}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;background:var(--navy);color:var(--white)}a{color:inherit;text-decoration:none}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#121c31;border-left:1px solid var(--border);padding:24px 16px;gap:24px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand,.sidebar{display:flex;flex-direction:column}.brand{align-items:center;gap:6px;padding:8px 4px 12px;text-align:center}.brand-logo{width:148px;height:auto;object-fit:contain;flex-shrink:0}.brand-copy{width:148px}.brand small{display:block;color:var(--grey);font-size:12px;letter-spacing:.02em;text-align:center}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;color:var(--grey);transition:.2s ease}.nav-icon{width:20px;height:20px;color:var(--orange);flex-shrink:0}.nav-item.active,.nav-item:hover{background:var(--navy-light);color:var(--white)}.nav-item.active{box-shadow:inset 3px 0 0 var(--orange)}.sidebar-footer{margin-top:auto;padding:12px;border-radius:12px;background:rgba(235,79,38,.08);color:var(--grey);font-size:13px;line-height:1.6}.main-content{padding:32px}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:28px}.page-header p{margin:0;color:var(--grey)}.grid-2{display:grid;grid-template-columns:380px 1fr;grid-gap:20px;gap:20px;align-items:start}.card{background:var(--navy-light);border:1px solid var(--border);border-radius:16px;padding:24px}.card h3{margin:0 0 16px;font-size:18px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;font-size:14px;color:var(--grey)}.field input,.field select,.select-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#1a2744;color:var(--white);font:inherit}.field input:focus,.field select:focus,.select-input:focus{outline:2px solid rgba(235,79,38,.35);border-color:var(--orange)}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;left:16px;top:50%;width:7px;height:7px;border-right:2px solid var(--grey);border-bottom:2px solid var(--grey);transform:translateY(-65%) rotate(45deg);pointer-events:none}.select-input{padding-left:38px;cursor:pointer}.field .select-wrap .select-input,.field select,.select-input{-moz-appearance:none;appearance:none;-webkit-appearance:none}.select-input option,select option{background:#243352;color:#ffffff}.btn{background:var(--orange);color:var(--white);border:none;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:600;font:inherit;width:100%}.btn-inline{width:auto}.btn-primary{background:var(--orange);color:var(--white)}.btn:hover{filter:brightness(1.05)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:14px}.alert-error{background:rgba(248,113,113,.12);color:var(--danger);border:1px solid rgba(248,113,113,.25)}.alert-success{background:rgba(74,222,128,.12);color:var(--success);border:1px solid rgba(74,222,128,.25)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:right;padding:14px 12px;border-bottom:1px solid var(--border)}th{color:var(--grey);font-weight:500;font-size:13px}tbody tr:hover{background:rgba(255,255,255,.02)}.mono-id{direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--grey)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-active{color:var(--success);background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.25)}.status-ended{color:var(--grey);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.status-scheduled{color:var(--orange);background:rgba(235,79,38,.1);border:1px solid rgba(235,79,38,.24)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--navy-light);border:1px solid var(--border);border-radius:16px;padding:20px}.stat-card strong{display:block;font-size:28px;margin-bottom:4px}.stat-card span{color:var(--grey);font-size:14px}.steps{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.step{padding:10px 14px;border-radius:999px;border:1px solid var(--border);color:var(--grey);font-size:14px}.step.active{background:rgba(235,79,38,.12);border-color:rgba(235,79,38,.4);color:var(--white)}@media (max-width:960px){.admin-layout{grid-template-columns:1fr}.sidebar{height:auto;position:static}.grid-2,.stat-grid{grid-template-columns:1fr}}.map-card{margin-top:20px}.map-loading{display:grid;place-items:center;background:#1a2744;border:1px dashed var(--border);border-radius:12px;color:var(--grey);font-size:14px}.map-hint{margin:0 0 12px;color:var(--grey);font-size:13px}.map-container{border-radius:12px;overflow:hidden;border:1px solid var(--border)}.row-selected{background:rgba(235,79,38,.1)!important}.bus-marker,.stop-marker{background:transparent;border:none;line-height:1}.bus-pin{display:block;width:26px;height:18px;background:var(--orange);border:2px solid white;border-radius:6px 6px 4px 4px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.35)}.bus-pin:before{top:4px;height:5px;background:#121c31;border-radius:2px}.bus-pin:after,.bus-pin:before{content:"";position:absolute;left:4px;right:4px}.bus-pin:after{bottom:-5px;height:6px;background:radial-gradient(circle,#121c31 0 2px,transparent 2.5px) 0 /8px 6px no-repeat,radial-gradient(circle,#121c31 0 2px,transparent 2.5px) 100% /8px 6px no-repeat}.leaflet-container{background:#1a2744;font-family:inherit}.leaflet-popup-content-wrapper{border-radius:10px}.buses-grid,.location-form-grid{grid-template-columns:minmax(340px,480px) 1fr}.bus-form,.location-form{display:flex;flex-direction:column;gap:4px}.location-picker{margin-bottom:16px}.location-picker-loading{padding:24px;text-align:center;color:var(--grey);background:#1a2744;border-radius:12px;border:1px dashed var(--border)}.location-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.location-picker-header label{font-size:14px;font-weight:600;color:var(--white)}.location-clear{background:none;border:none;color:var(--grey);font:inherit;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:8px}.location-clear:hover{color:var(--danger);background:rgba(248,113,113,.1)}.location-search-wrap{position:relative}.location-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;border:2px solid var(--orange);border-radius:999px;pointer-events:none;opacity:.9}.location-search-icon:after{content:"";position:absolute;width:7px;height:2px;right:-5px;bottom:-3px;background:var(--orange);border-radius:999px;transform:rotate(45deg)}.location-search-input{width:100%;padding:14px 44px 14px 40px;border-radius:14px;border:1px solid var(--border);background:#1a2744;color:var(--white);font:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.location-search-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(235,79,38,.15)}.location-search-status{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--grey);font-size:12px;letter-spacing:2px}.location-search-results{position:absolute;z-index:1000;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#121c31;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.45);max-height:240px;overflow-y:auto}.location-search-results li button{width:100%;display:flex;align-items:flex-start;gap:10px;padding:12px;border:none;border-radius:10px;background:transparent;color:var(--white);font:inherit;font-size:13px;text-align:right;cursor:pointer;line-height:1.5}.location-search-results li button:hover{background:var(--navy-light)}.result-pin{flex-shrink:0;width:14px;height:14px;margin-top:3px;border:2px solid var(--orange);border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative}.result-pin:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--orange)}.result-text{flex:1 1;color:#d1d5db}.location-picker-map{margin-top:10px;position:relative}.location-map-hint{position:absolute;z-index:500;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(18,28,49,.88);border:1px dashed var(--border);border-radius:12px;padding:10px 16px;font-size:13px;color:var(--grey);pointer-events:none;white-space:nowrap}.location-coords{margin:8px 0 0;font-size:12px;color:var(--grey);direction:ltr;text-align:left}.location-pin-marker{background:transparent;border:none}.location-pin{display:block;width:24px;height:24px;background:var(--pin-color,var(--orange));border:3px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 8px rgba(0,0,0,.45)}.location-pin:after{content:"";position:absolute;inset:6px;background:white;border-radius:50%}.route-cell{font-size:13px;color:var(--grey);max-width:220px}.route-arrow{margin:0 6px;color:var(--orange)}.routes-workspace{display:grid;grid-template-columns:minmax(320px,400px) 1fr;grid-gap:16px;gap:16px;height:calc(100vh - 64px);margin:-16px -32px -32px}.routes-panel{display:flex;flex-direction:column;overflow:hidden;padding:20px;margin:0;border-radius:0;border-top:none;border-bottom:none}.routes-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.routes-panel-header h1{margin:0 0 4px;font-size:22px}.routes-panel-sub{margin:0;color:var(--grey);font-size:13px}.btn-sm{width:auto;padding:10px 16px;white-space:nowrap;flex-shrink:0}.btn-ghost{background:none;border:1px solid var(--border);color:var(--grey);border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit;font-size:13px;flex-shrink:0}.btn-ghost:hover{color:var(--white);border-color:var(--grey)}.routes-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1 1}.route-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:12px;border:1px solid var(--border);background:#1a2744;color:var(--white);font:inherit;text-align:right;cursor:pointer;transition:.15s ease;width:100%}.route-list-item.active,.route-list-item:hover{border-color:rgba(235,79,38,.45);background:rgba(235,79,38,.08)}.route-list-code{font-size:12px;color:var(--orange)}.route-list-path{font-size:12px;color:var(--grey)}.routes-create-form{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1 1}.pick-mode-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.pick-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--border);background:#1a2744;color:var(--grey);font:inherit;font-size:13px;cursor:pointer}.pick-btn.active.from{border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.1);color:var(--white)}.pick-btn.active.to{border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.1);color:var(--white)}.pick-btn.active.stop{border-color:rgba(96,165,250,.5);background:rgba(96,165,250,.1);color:var(--white)}.routes-section-title{margin:12px 0 6px;font-size:13px;font-weight:700;color:var(--grey)}.stop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.stop-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04);font-size:12px}.accent-dot-stop{background:#60a5fa}.location-search-field{margin-bottom:4px}.location-search-field-label{display:flex;align-items:center;gap:8px;margin-bottom:6px}.location-search-field-label label{font-size:13px;font-weight:600;flex:1 1}.accent-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.accent-dot-from{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}.accent-dot-to{background:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.25)}.route-stats{margin:0;font-size:13px;color:var(--orange);padding:10px 12px;background:rgba(235,79,38,.08);border-radius:10px}.route-stats.loading{color:var(--grey);background:rgba(255,255,255,.04)}.search-provider-hint{margin:6px 0 0;font-size:11px;color:var(--grey);line-height:1.5}.search-provider-hint code{font-size:10px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:4px}.routes-detail{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.detail-code{margin:0;color:var(--orange);font-size:13px}.detail-point{margin:0;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--grey);line-height:1.5}.routes-map-area{position:relative;min-height:400px;border-radius:0;overflow:hidden;border:1px solid var(--border);background:#0d1526}.routes-map-empty{display:grid;place-items:center;height:100%;color:var(--grey);font-size:14px}.route-map-editor{height:100%;width:100%;position:relative}.route-map-loading{display:grid;place-items:center;height:100%;color:var(--grey)}.route-map-canvas{height:100%;width:100%;background:#0d1526}.route-map-banner{position:absolute;z-index:1000;top:16px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.banner-from{background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.35);color:#4ade80}.banner-to{background:rgba(248,113,113,.15);border:1px solid rgba(248,113,113,.35);color:#f87171}.endpoint-pin{display:block;width:18px;height:18px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px rgba(0,0,0,.45)}.endpoint-pin-from{background:#4ade80}.endpoint-pin-to{background:#f87171}.stop-pin{display:block;width:10px;height:10px;border-radius:50%;background:var(--orange);border:2px solid white;box-shadow:0 1px 4px rgba(0,0,0,.4)}@media (max-width:960px){.routes-workspace{grid-template-columns:1fr;height:auto;margin:0}.routes-map-area{min-height:360px}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,rgba(235,79,38,.08) 0,transparent 60%)}.login-card{width:min(400px,100%);padding:32px 28px}.login-card-header{text-align:center;margin-bottom:28px}.login-logo{width:140px;height:auto;margin:0 auto 16px;display:block}.login-card-header h1{margin:0 0 8px;font-size:22px}.login-card-header p{margin:0;font-size:14px;color:var(--grey);line-height:1.6}.login-form{display:flex;flex-direction:column;gap:4px}.login-form .btn{margin-top:8px}.form-card{max-width:720px}.form-card-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.form-card-header h3{margin:0 0 6px}.form-card-header p{margin:0;font-size:14px;color:var(--grey)}.form-section{margin-bottom:24px}.form-section-title{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--white)}.form-section-hint{margin:-6px 0 14px;font-size:13px;color:var(--grey)}.form-grid-full{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--border)}.btn-secondary{background:transparent;color:var(--grey);border:1px solid var(--border)}.btn-secondary:hover{color:var(--white);background:rgba(255,255,255,.05)}.cell-strong{font-weight:600}.cell-mono{font-family:ui-monospace,monospace;font-size:13px}.action-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.action-btn-view{background:rgba(235,79,38,.12);border-color:rgba(235,79,38,.35);color:#ffb899}.action-btn-view:hover{background:rgba(235,79,38,.22);color:#fff}.action-btn-warn{background:rgba(156,163,175,.1);border-color:rgba(156,163,175,.3);color:#d1d5db}.action-btn-warn:hover{background:rgba(156,163,175,.18);color:#fff}.action-btn-danger{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.35);color:#fca5a5}.action-btn-danger:hover{background:rgba(248,113,113,.2);color:#fff}.form-grid label input{margin-top:6px}.business-switcher{padding:0 4px 8px;display:flex;flex-direction:column;gap:8px}.business-switcher-label{font-size:12px;color:var(--grey)}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.chip-business{background:rgba(235,79,38,.12);color:#ffb899;border:1px solid rgba(235,79,38,.25)}.chip-route{background:rgba(96,165,250,.12);color:#93c5fd;border:1px solid rgba(96,165,250,.25)}.user-badge{color:var(--orange)!important;margin-top:4px}.route-list-top{gap:8px;width:100%}.route-list-top,.row-between{display:flex;align-items:center;justify-content:space-between}.row-between{gap:16px;flex-wrap:wrap}.mb-20{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.form-grid .field{margin-bottom:0}.table-card{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table td,.data-table th{padding:12px 10px;border-bottom:1px solid var(--border);text-align:right}.data-table th{color:var(--grey);font-weight:500}.empty-cell{text-align:center!important;color:var(--grey);padding:28px!important}.business-logo{width:36px;height:36px;border-radius:8px;object-fit:cover}.logo-placeholder{color:var(--grey)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px}.badge-success{background:rgba(74,222,128,.15);color:#4ade80}.badge-muted{background:rgba(156,163,175,.15);color:var(--grey)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--grey);cursor:pointer}.tab.active{background:var(--navy-light);color:var(--white);border-color:var(--orange)}.quick-links{display:flex;gap:8px}.alert-info{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);color:#93c5fd}