:root {
    --serbiska-primary: #D81B60;
    --serbiska-primary-dark: #AD1457;
    --serbiska-primary-strong: #C2185B;
    --serbiska-midnight: #0F172A;
    --serbiska-navy: #1E293B;
    --serbiska-surface: #FFFFFF;
    --serbiska-background: #F8FAFC;
    --serbiska-blush: #FFF1F6;
    --serbiska-text-primary: #0F172A;
    --serbiska-text-secondary: #475569;
    --serbiska-muted: #64748B;
    --serbiska-border: #E2E8F0;
    --serbiska-success: #16A34A;
    --serbiska-warning: #F59E0B;
    --serbiska-danger: #DC2626;
    --serbiska-information: #2563EB;
    --service-ride: #D81B60;
    --service-professional: #0F9F91;
    --service-food: #F97316;
    --service-logistics: #F59E0B;
    --tara-primary: var(--serbiska-primary);
    --tara-secondary: var(--serbiska-primary);
    --tara-deep: var(--serbiska-midnight);
    --tara-soft: var(--serbiska-blush);
    --tara-green: var(--serbiska-success);
    --tara-red: var(--serbiska-danger);
    --tara-muted: var(--serbiska-muted);
    --tara-line: var(--serbiska-border);
}

* { box-sizing: border-box; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f4f7fb; color: #0f172a; }

a { text-decoration: none; }
.btn-tara { background: linear-gradient(135deg, var(--tara-primary), #146c94); border: none; color: #fff; font-weight: 700; box-shadow: 0 14px 28px rgba(15,61,94,.22); }
.btn-tara:hover { background: linear-gradient(135deg, #0b314c, #105a7e); color: #fff; }
.btn-warning-soft { background: #fff7e6; color: #a16207; border: 1px solid #fde3a1; }
.btn-success-soft { background: #e8fff7; color: #047857; border: 1px solid #b8f4dc; }
.btn-danger-soft { background: #fff0f0; color: #b42318; border: 1px solid #ffd0d0; }
.brand-pill { display: inline-flex; align-items: center; justify-content: center; padding: .45rem .8rem; border-radius: 999px; background: #fff3d1; color: var(--tara-deep); font-weight: 900; letter-spacing: .12em; }
.brand-mark { width: 64px; height: 64px; display:flex; align-items:center; justify-content:center; border-radius: 20px; background: var(--tara-secondary); color: var(--tara-deep); font-size: 2rem; font-weight: 900; box-shadow: 0 18px 40px rgba(247,166,0,.25); }
.login-body { min-height: 100vh; background: radial-gradient(circle at top left, #fff0bb, transparent 30%), linear-gradient(135deg, #082032 0%, #0f3d5e 45%, #f4f7fb 45%); }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: 1fr 520px; }
.login-hero { align-items: center; padding: 6rem; color: white; }
.login-hero h1 { font-size: clamp(2.8rem, 7vw, 5.2rem); font-weight: 900; letter-spacing: -0.06em; margin-top: 1.5rem; }
.login-hero p { color: rgba(255,255,255,.82); max-width: 620px; font-size: 1.12rem; }
.hero-stat { margin-top: 2rem; padding: 1rem 1.2rem; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); display: inline-flex; flex-direction: column; gap:.15rem; }
.hero-stat span { color: rgba(255,255,255,.72); }
.login-card { background: #fff; margin: auto; width: min(92%, 440px); padding: 2rem; border-radius: 28px; box-shadow: 0 30px 80px rgba(8,32,50,.18); }
.setup-body { min-height: 100vh; background: radial-gradient(circle at top right, #fff0bb, transparent 28%), #f4f7fb; }
.setup-card { max-width: 620px; background: white; padding: 2rem; border-radius: 28px; box-shadow: 0 24px 70px rgba(15,23,42,.12); }
.app-shell { display: flex; min-height: 100vh; }
.sidebar { width: 280px; background: linear-gradient(180deg, #082032, #0f3d5e); color: white; position: fixed; height: 100vh; padding: 1.2rem; overflow-y: auto; }
.sidebar .brand { display:flex; gap:.75rem; align-items:center; padding: .6rem .5rem 1.4rem; border-bottom: 1px solid rgba(255,255,255,.12); margin-bottom: .7rem; }
.sidebar .brand .logo { width: 44px; height: 44px; background: var(--tara-secondary); color: var(--tara-deep); border-radius: 14px; display:flex; align-items:center; justify-content:center; font-weight: 900; font-size: 1.4rem; }
.sidebar .brand strong { display:block; font-size: 1.15rem; letter-spacing:.08em; }
.sidebar .brand small { color: rgba(255,255,255,.64); }
.nav-link-tara { display:flex; align-items:center; gap:.7rem; color: rgba(255,255,255,.76); padding: .78rem .9rem; border-radius: 15px; margin:.25rem 0; font-weight: 650; }
.nav-link-tara:hover, .nav-link-tara.active { background: rgba(255,255,255,.12); color: #fff; }
.main { margin-left: 280px; flex:1; min-width:0; }
.topbar { background: rgba(255,255,255,.88); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(15,23,42,.06); position: sticky; top:0; z-index: 5; padding: 1rem 1.5rem; display:flex; align-items:center; justify-content:space-between; }
.content { padding: 1.5rem; }
.stat-card { border: none; border-radius: 24px; padding: 1.25rem; background: white; box-shadow: 0 12px 32px rgba(15,23,42,.06); height:100%; }
.stat-card .icon { width: 46px; height: 46px; border-radius: 16px; background: var(--tara-soft); color: var(--tara-primary); display:flex; align-items:center; justify-content:center; font-size:1.25rem; }
.stat-card .value { font-size: 2rem; font-weight: 900; letter-spacing:-.04em; }
.panel-card { background: white; border: 1px solid rgba(15,23,42,.06); border-radius: 24px; box-shadow: 0 12px 32px rgba(15,23,42,.05); overflow:hidden; }
.panel-card .panel-head { padding: 1rem 1.2rem; border-bottom: 1px solid #eef2f7; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.table { margin-bottom:0; }
.table th { color: #64748b; font-size:.78rem; text-transform: uppercase; letter-spacing:.04em; border-bottom-color: #eef2f7; }
.table td { vertical-align: middle; }
.status { display:inline-flex; align-items:center; padding:.32rem .62rem; border-radius:999px; font-size:.78rem; font-weight:800; text-transform:capitalize; }
.status.completed,.status.verified,.status.active,.status.released,.status.approved { background:#e8fff7; color:#047857; }
.status.pending,.status.assigned,.status.accepted,.status.arriving { background:#fff7e6; color:#a16207; }
.status.in_progress,.status.online { background:#e7f3ff; color:#075985; }
.status.cancelled,.status.rejected,.status.suspended,.status.blocked { background:#fff0f0; color:#b42318; }
.map-card { min-height: 280px; border-radius: 24px; background: radial-gradient(circle at 30% 20%, rgba(247,166,0,.25), transparent 22%), linear-gradient(135deg, #dbeafe, #ecfeff); position:relative; overflow:hidden; }
.map-grid { position:absolute; inset:0; background-image: linear-gradient(rgba(15,61,94,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(15,61,94,.08) 1px, transparent 1px); background-size: 36px 36px; }
.car-dot, .pin-dot { position:absolute; width: 34px; height: 34px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow: 0 10px 24px rgba(15,23,42,.25); }
.car-dot { background: var(--tara-primary); color:white; left:55%; top:45%; }
.pin-dot { background: var(--tara-secondary); color:#082032; left:25%; top:60%; }
.quick-action { border:1px solid #edf2f7; border-radius:20px; padding:1rem; background: #fff; height:100%; transition:.2s; }
.quick-action:hover { transform: translateY(-2px); box-shadow:0 12px 30px rgba(15,23,42,.08); }
.mobile-toggle { display:none; }
@media (max-width: 992px) {
    .login-shell { grid-template-columns: 1fr; }
    .sidebar { transform: translateX(-100%); transition:.25s; z-index:20; }
    .sidebar.open { transform: translateX(0); }
    .main { margin-left:0; }
    .mobile-toggle { display:inline-flex; }
}
@media (max-width: 576px) {
    .content { padding: 1rem; }
    .topbar { padding: .85rem 1rem; }
    .stat-card .value { font-size: 1.55rem; }
    .panel-card .panel-head { flex-direction: column; align-items:flex-start; }
}

/* Premium public experience ------------------------------------------------ */
.landing-body,
.login-body { font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; }
.landing-body { --ink:#071b2a; --navy:#092b40; --blue:#0d4965; --gold:#ffb000; --cream:#fff6dc; background:#f7f9fb; overflow-x:hidden; }
.landing-body h1,.landing-body h2,.landing-body h3,.login-body h1,.login-body h2 { font-family:"Manrope",sans-serif; }
.landing-nav { position:fixed; inset:0 0 auto; z-index:50; padding:1rem 0; background:rgba(6,27,42,.72); border-bottom:1px solid rgba(255,255,255,.1); backdrop-filter:blur(20px) saturate(140%); }
.landing-nav-inner { display:flex; align-items:center; min-height:52px; }
.landing-brand,.login-brand,.login-mobile-brand { display:inline-flex; align-items:center; gap:.72rem; color:#fff; font:800 1.08rem/1 "Manrope",sans-serif; letter-spacing:-.02em; }
.landing-logo { width:40px; height:40px; border-radius:13px; display:inline-grid; place-items:center; color:var(--ink,#071b2a); background:linear-gradient(145deg,#ffc94a,#f5a400); box-shadow:0 10px 28px rgba(255,176,0,.25),inset 0 1px rgba(255,255,255,.55); font-weight:900; }
.landing-nav-links { margin-left:4rem; gap:2rem; }
.landing-nav-links a { color:rgba(255,255,255,.68); font-size:.9rem; font-weight:600; transition:.25s ease; }
.landing-nav-links a:hover { color:#fff; }
.btn-gold-premium,.btn-ghost-premium { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border-radius:12px; padding:.72rem 1rem; font-weight:700; font-size:.88rem; transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }
.btn-gold-premium { border:1px solid #ffc63d; color:var(--ink); background:linear-gradient(135deg,#ffc640,#f3a300); box-shadow:0 12px 28px rgba(247,166,0,.22); }
.btn-gold-premium:hover { color:var(--ink); transform:translateY(-2px); box-shadow:0 17px 38px rgba(247,166,0,.3); }
.btn-ghost-premium { color:#fff; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.07); }
.btn-ghost-premium:hover { color:#fff; background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.34); }
.premium-hero { min-height:820px; position:relative; display:flex; align-items:center; overflow:hidden; color:#fff; background:radial-gradient(circle at 78% 30%,rgba(22,107,135,.34),transparent 27%),linear-gradient(130deg,#061824 0%,#092e43 53%,#071c2c 100%); }
.premium-hero::after { content:""; position:absolute; inset:auto -10% -58% 35%; height:85%; border:1px solid rgba(255,255,255,.08); border-radius:50%; transform:rotate(-12deg); box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012); }
.hero-row { min-height:820px; padding:8rem 0 5rem; }
.hero-aurora { position:absolute; border-radius:50%; filter:blur(80px); opacity:.3; animation:auroraDrift 11s ease-in-out infinite alternate; }
.hero-aurora-one { width:420px;height:420px;background:#eea900;left:-230px;top:5%; }
.hero-aurora-two { width:520px;height:520px;background:#137495;right:-260px;bottom:-25%;animation-delay:-4s; }
.hero-grain { pointer-events:none;position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");mix-blend-mode:soft-light; }
.premium-eyebrow { display:inline-flex; align-items:center; gap:.65rem; margin-bottom:1.4rem; color:#ffd474; font-size:.74rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.premium-eyebrow span { width:34px;height:1px;background:currentColor;position:relative; }
.premium-eyebrow span::after { content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor; }
.premium-eyebrow.light { color:#ffd474; }
.hero-copy h1 { max-width:730px; margin:0; font-size:clamp(3.4rem,6vw,6.2rem); line-height:.96; font-weight:800; letter-spacing:-.065em; }
.hero-copy h1 em,.section-heading h2 em { color:#ffc13a; font-style:normal; }
.hero-copy>p { max-width:590px; margin:1.7rem 0 2rem; color:rgba(235,245,250,.7); font-size:clamp(1rem,1.5vw,1.18rem); line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.hero-actions .btn-lg { padding:1rem 1.35rem; border-radius:14px; }
.text-link-premium { color:#fff; font-weight:700; display:inline-flex;align-items:center;gap:.5rem; }
.text-link-premium i { transition:transform .2s; }.text-link-premium:hover { color:#ffd474; }.text-link-premium:hover i { transform:translateX(4px); }
.hero-assurance { display:flex; flex-wrap:wrap; gap:1.2rem 1.5rem; margin-top:2.4rem; color:rgba(255,255,255,.56); font-size:.78rem; }
.hero-assurance span { display:flex;align-items:center;gap:.45rem; }.hero-assurance i { color:#ffbd24; }
.ride-stage { --rx:0deg;--ry:0deg;position:relative;min-height:530px;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:0 45px 100px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(16px);overflow:visible;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .22s ease; }
.ride-stage::before { content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 32%);pointer-events:none; }
.stage-topline { height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.78rem;color:rgba(255,255,255,.6); }
.stage-topline div { color:#fff;font-weight:700; }.live-pulse { display:inline-block;width:7px;height:7px;border-radius:50%;background:#42d392;margin-right:.45rem;box-shadow:0 0 0 0 rgba(66,211,146,.55);animation:livePulse 1.8s infinite; }
.stage-map { position:absolute;inset:69px 0 0;overflow:hidden;border-radius:0 0 34px 34px;background-color:#eaf1ec;background-image:linear-gradient(26deg,rgba(22,73,70,.045) 12%,transparent 12.5%,transparent 87%,rgba(22,73,70,.045) 87.5%),linear-gradient(154deg,rgba(22,73,70,.045) 12%,transparent 12.5%,transparent 87%,rgba(22,73,70,.045) 87.5%);background-size:70px 124px; }
.stage-map::after { content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,rgba(255,183,0,.13),transparent 23%),linear-gradient(180deg,transparent 55%,rgba(4,36,50,.08)); }
.map-road { position:absolute;height:12px;border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(8,60,75,.04); }
.road-one { width:125%;left:-10%;top:44%;transform:rotate(-10deg); }.road-two { width:90%;left:30%;top:28%;transform:rotate(58deg); }.road-three { width:70%;left:-7%;top:72%;transform:rotate(34deg); }
.route-line { position:absolute;inset:7% 5% 9%;width:90%;height:84%;z-index:2;overflow:visible; }
.route-line path { fill:none;stroke:rgba(10,50,68,.18);stroke-width:10;stroke-linecap:round; }
.route-line .route-progress { stroke:#0b3f59;stroke-width:6;stroke-dasharray:12 9;animation:routeFlow 9s linear infinite; }
.map-pin { position:absolute;z-index:4;width:36px;height:36px;border-radius:13px;display:grid;place-items:center;box-shadow:0 10px 25px rgba(6,31,43,.22); }
.start-pin { left:8%;bottom:13%;background:#fff;color:#0b405b; }.end-pin { right:6%;top:6%;background:#ffb000;color:#082032; }
.moving-car { position:absolute;z-index:5;width:42px;height:42px;border:5px solid #fff;border-radius:50%;display:grid;place-items:center;background:#0b405b;color:#fff;box-shadow:0 12px 25px rgba(7,32,46,.25);animation:carJourney 9s ease-in-out infinite; }
.trip-glass-card { position:absolute;z-index:8;left:1.35rem;right:1.35rem;bottom:1.35rem;display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.7);border-radius:21px;background:rgba(255,255,255,.88);box-shadow:0 20px 45px rgba(6,34,46,.18);backdrop-filter:blur(18px);color:#0b2737; }
.driver-avatar { position:relative;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#143f55,#09283a);color:#fff;font-weight:800; }.online-dot { position:absolute;width:11px;height:11px;right:-2px;bottom:-2px;border:2px solid #fff;border-radius:50%;background:#28bf7b; }
.trip-glass-card div:nth-child(2) { display:flex;flex-direction:column; }.trip-glass-card small,.trip-glass-card span { color:#6f818a;font-size:.72rem; }.trip-glass-card strong { font-size:.96rem; }.eta { text-align:center;padding-left:1rem;border-left:1px solid #dde5e8; }.eta strong { font-size:1.5rem;display:block;line-height:1; }
.floating-chip { position:absolute;z-index:10;display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.62);border-radius:16px;background:rgba(255,255,255,.9);color:#0a2d41;box-shadow:0 18px 40px rgba(0,0,0,.18);backdrop-filter:blur(16px);animation:gentleFloat 4.5s ease-in-out infinite; }
.floating-chip i { color:#f3a500; }.floating-chip small,.floating-chip span { display:block;color:#75858e;font-size:.67rem; }.floating-chip strong { display:block;font-size:.78rem; }.chip-secure { left:-10%;top:22%; }.chip-secure>i { width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff2cc; }.chip-rating { right:-7%;top:16%;animation-delay:-2s; }.chip-rating strong { font-size:1rem; }.chip-rating span { display:inline; }
.hero-scroll { position:absolute;z-index:3;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;color:rgba(255,255,255,.5);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase; }.hero-scroll span { width:1px;height:34px;background:linear-gradient(#ffbd24,transparent);animation:scrollLine 2s ease-in-out infinite; }
.signal-strip { position:relative;z-index:4;margin-top:-1px;background:#fff;border-bottom:1px solid #e8edef; }
.signal-grid { display:grid;grid-template-columns:repeat(3,1fr);padding:1.8rem 0; }
.signal-grid>div { display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.45rem 1.5rem;border-right:1px solid #e4eaed; }.signal-grid>div:last-child { border-right:0; }.signal-grid i { width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff2cd;color:#c98400;font-size:1.05rem; }.signal-grid span { display:flex;flex-direction:column; }.signal-grid strong { font-size:.9rem; }.signal-grid small { color:#7a8991;font-size:.73rem; }
.platform-section { padding:8rem 0;background:radial-gradient(circle at 10% 30%,rgba(255,190,40,.08),transparent 19%),#f7f9fb; }
.section-heading { display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:3rem;margin-bottom:3.5rem; }
.section-kicker { display:block;margin-bottom:.8rem;color:#b77500;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase; }
.section-heading h2,.safety-copy h2,.download-panel h2 { margin:0;color:#071b2a;font-size:clamp(2.4rem,4vw,4.2rem);font-weight:800;letter-spacing:-.055em;line-height:1.02; }.section-heading p { max-width:520px;margin:0 0 .35rem;color:#71808a;line-height:1.75; }
.ecosystem-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem; }
.ecosystem-card { position:relative;min-height:520px;padding:1.8rem;border:1px solid rgba(11,52,72,.09);border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(7,34,48,.065);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease; }.ecosystem-card:hover { transform:translateY(-8px);box-shadow:0 30px 70px rgba(7,34,48,.12); }.ecosystem-card::after { content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;top:-120px;background:rgba(255,181,0,.1); }
.card-icon { width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#092f44;color:#fff;font-size:1.2rem;box-shadow:0 12px 25px rgba(9,47,68,.18); }.card-index { position:absolute;top:1.9rem;right:1.9rem;color:#c4cdd2;font-size:.75rem;font-weight:800;letter-spacing:.1em; }.ecosystem-card h3 { margin:2rem 0 .8rem;font-size:1.7rem;font-weight:800;letter-spacing:-.04em; }.ecosystem-card>p { color:#72818a;line-height:1.7; }.feature-tags { display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.25rem; }.feature-tags span { padding:.38rem .62rem;border-radius:999px;background:#f1f5f6;color:#53656e;font-size:.67rem;font-weight:700; }
.mini-interface { position:absolute;left:1.8rem;right:1.8rem;bottom:1.8rem;min-height:145px;border-radius:20px;background:#f1f5f5;border:1px solid #e3eaea;overflow:hidden; }.rider-mini { padding:1rem;background:linear-gradient(145deg,#edf5ef,#e7f0f4); }.mini-search { display:flex;align-items:center;gap:.7rem;padding:.75rem;background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(8,39,51,.07);font-size:.75rem;font-weight:700; }.mini-search i { color:#1685bd;font-size:.65rem; }.mini-route { display:flex;align-items:center;gap:8px;padding:2.1rem 1rem; }.mini-route span { height:8px;border-radius:10px;background:#aec2c8; }.mini-route span:nth-child(1){width:30%}.mini-route span:nth-child(2){width:48%;background:#0b4764}.mini-route span:nth-child(3){width:12%;background:#ffb000}
.driver-mini { padding:1.1rem;background:#092f44;color:#fff; }.income-line { display:flex;justify-content:space-between;align-items:center; }.income-line span { color:rgba(255,255,255,.55);font-size:.72rem; }.income-line strong { font-size:1.25rem; }.income-bars { height:67px;display:flex;gap:6px;align-items:flex-end;margin-top:1rem; }.income-bars i { flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#ffc13a,#df9200); }.income-bars i:nth-child(1){height:28%}.income-bars i:nth-child(2){height:45%}.income-bars i:nth-child(3){height:37%}.income-bars i:nth-child(4){height:69%}.income-bars i:nth-child(5){height:58%}.income-bars i:nth-child(6){height:86%}.income-bars i:nth-child(7){height:74%}
.admin-mini { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1.2rem;background:#fff8e6; }.admin-dot { width:12px;height:12px;border-radius:50%;background:#2bc17e;box-shadow:0 0 0 6px rgba(43,193,126,.12); }.admin-mini div { display:flex;flex-direction:column; }.admin-mini small { color:#8a806a; }.admin-mini i { font-size:1.5rem;color:#d88d00; }
.safety-section { padding:2rem 0 8rem;background:#f7f9fb; }.safety-panel { position:relative;min-height:500px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:4rem;padding:5rem;border-radius:38px;overflow:hidden;color:#fff;background:radial-gradient(circle at 19% 55%,rgba(255,185,27,.18),transparent 24%),linear-gradient(135deg,#061c2a,#0b3c55);box-shadow:0 35px 90px rgba(5,32,47,.18); }.safety-panel::after { content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.04),transparent 35%);pointer-events:none; }.safety-copy { position:relative;z-index:2; }.safety-copy h2 { color:#fff; }.safety-copy>p { max-width:610px;margin:1.4rem 0;color:rgba(255,255,255,.67);line-height:1.75; }.safety-list { display:grid;gap:.65rem;margin-top:1.5rem; }.safety-list span { display:flex;align-items:center;gap:.65rem;font-size:.86rem;color:rgba(255,255,255,.83); }.safety-list i { width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(255,190,40,.16);color:#ffc13a; }
.safety-orbit { position:relative;width:min(100%,360px);aspect-ratio:1;margin:auto;display:grid;place-items:center; }.safety-orbit::before,.safety-orbit::after,.orbit-one,.orbit-two { content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%; }.safety-orbit::before { inset:0;animation:orbitSpin 18s linear infinite; }.safety-orbit::after { inset:17%;border-style:dashed;animation:orbitSpin 14s linear infinite reverse; }.orbit-one { width:12px;height:12px;left:10%;top:25%;background:#ffbb21;border:0;box-shadow:0 0 20px #ffbb21; }.orbit-two { width:9px;height:9px;right:18%;bottom:17%;background:#53d6aa;border:0;box-shadow:0 0 20px #53d6aa; }.safety-orbit>div { width:112px;height:112px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,#ffc13a,#e99a00);color:#092c3f;font-size:2.7rem;box-shadow:0 25px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.6);animation:gentleFloat 4s ease-in-out infinite; }
.download-section { padding:0 0 7rem;background:#f7f9fb; }.download-panel { display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:4rem;border:1px solid #e1e8eb;border-radius:34px;background:linear-gradient(120deg,#fff 60%,#fff7e4);box-shadow:0 24px 65px rgba(7,34,48,.07); }.download-panel p { max-width:650px;margin:1rem 0 0;color:#71808a; }.store-actions { display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end; }.store-button { min-width:174px;display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border:1px solid #dbe3e6;border-radius:14px;background:#f5f7f8;color:#7b888e;text-align:left;opacity:1; }.store-button i { font-size:1.45rem; }.store-button span { font-weight:800;line-height:1.1; }.store-button small { display:block;font-size:.62rem;font-weight:600;margin-bottom:.17rem; }
.premium-footer { padding:4rem 0 2rem;color:rgba(255,255,255,.7);background:#061925; }.footer-main { display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1); }.footer-main p { text-align:center;margin:0;font-family:"Manrope";font-weight:700;color:#fff; }.footer-main>div { display:flex;gap:1.4rem;justify-content:flex-end; }.footer-main a:not(.landing-brand) { color:rgba(255,255,255,.65);font-size:.85rem; }.footer-main a:hover { color:#ffc13a; }.footer-bottom { display:flex;justify-content:space-between;padding-top:1.5rem;font-size:.72rem;color:rgba(255,255,255,.4); }
.reveal { opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s); }.reveal.is-visible { opacity:1;transform:none; }

/* Premium secure login ----------------------------------------------------- */
.login-body { min-height:100vh;overflow:hidden;background:#eef2f5;color:#0b2130; }
.login-shell { position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(480px,.88fr); }
.login-hero { position:relative;overflow:hidden;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:3rem clamp(3rem,6vw,7.5rem);color:#fff;background:radial-gradient(circle at 16% 18%,rgba(255,184,28,.22),transparent 22%),radial-gradient(circle at 88% 70%,rgba(16,110,143,.32),transparent 30%),linear-gradient(145deg,#061925,#0a3b53); }
.login-hero::before { content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-400px;top:-170px;box-shadow:0 0 0 95px rgba(255,255,255,.018),0 0 0 190px rgba(255,255,255,.012); }.login-hero::after { content:"";position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none; }
.login-brand,.login-hero-copy,.login-hero-foot { position:relative;z-index:2; }.login-hero-copy { width:min(100%,760px);margin:auto 0; }.login-hero-copy h1 { margin:0;font-size:clamp(3.4rem,5.5vw,6rem);font-weight:800;line-height:.96;letter-spacing:-.065em; }.login-hero-copy h1 em { color:#ffc13a;font-style:normal; }.login-hero-copy>p { max-width:620px;margin:1.5rem 0 2rem;color:rgba(255,255,255,.68);font-size:1.05rem;line-height:1.75; }
.login-live-card { position:relative;width:min(100%,660px);padding:1rem;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);box-shadow:0 25px 60px rgba(0,0,0,.2); }
.login-route-visual { position:relative;height:150px;border-radius:16px;overflow:hidden;background-color:rgba(225,239,236,.94);background-image:linear-gradient(rgba(11,70,83,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(11,70,83,.065) 1px,transparent 1px);background-size:28px 28px; }.login-route-visual svg { position:absolute;inset:0;width:100%;height:100%; }.login-route-visual path { fill:none;stroke:#0a4662;stroke-width:5;stroke-linecap:round;stroke-dasharray:11 8;animation:routeFlow 8s linear infinite; }.route-origin,.route-destination,.route-vehicle { position:absolute;display:grid;place-items:center; }.route-origin { width:18px;height:18px;border:5px solid #fff;border-radius:50%;left:2%;bottom:10%;background:#0c4b67;box-shadow:0 5px 15px rgba(0,0,0,.2); }.route-destination { width:35px;height:35px;border-radius:13px;right:1%;top:5%;color:#092c3e;background:#ffb000;box-shadow:0 8px 18px rgba(0,0,0,.2); }.route-vehicle { width:38px;height:38px;border:4px solid white;border-radius:50%;left:58%;top:42%;color:#fff;background:#0b405b;animation:gentleFloat 3.5s ease-in-out infinite; }
.login-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.7rem; }.login-metrics>span { padding:.7rem .8rem;border-radius:13px;background:rgba(255,255,255,.075);display:flex;flex-direction:column; }.login-metrics small { color:rgba(255,255,255,.45);font-size:.65rem; }.login-metrics strong { margin-top:.16rem;font-size:.76rem; }.login-metrics strong i { display:inline-block;width:6px;height:6px;border-radius:50%;background:#42d392;margin-right:.3rem;box-shadow:0 0 8px #42d392; }
.login-hero-foot { display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.44);font-size:.73rem;letter-spacing:.04em; }.login-hero-foot i { color:#ffc13a; }
.login-panel { position:relative;display:grid;place-items:center;padding:3rem;background:radial-gradient(circle at 100% 0,rgba(255,190,40,.13),transparent 25%),#eef2f5; }.login-card { position:relative;width:min(100%,500px);margin:0;padding:clamp(2rem,4vw,3.2rem);border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 35px 90px rgba(7,32,48,.13),inset 0 1px #fff;backdrop-filter:blur(18px);animation:loginEnter .75s cubic-bezier(.2,.8,.2,1) both; }
.login-card::before { content:"";position:absolute;left:2.7rem;right:2.7rem;top:0;height:2px;background:linear-gradient(90deg,transparent,#ffb000,transparent); }.secure-label { display:inline-flex;align-items:center;gap:.42rem;padding:.4rem .65rem;border-radius:999px;color:#9b6500;background:#fff3d2;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }.login-card-head h2 { margin:1.2rem 0 .65rem;font-size:clamp(2.1rem,4vw,2.8rem);font-weight:800;letter-spacing:-.05em; }.login-card-head p { max-width:390px;margin:0;color:#718089;line-height:1.65; }
.premium-login-form { display:grid;gap:1.25rem;margin-top:2rem; }.premium-field>label,.field-label-row label { margin:0 0 .5rem;font-size:.79rem;font-weight:800;color:#18384a; }.field-label-row { display:flex;align-items:center;justify-content:space-between; }.field-label-row span { color:#89979e;font-size:.67rem; }.premium-input { position:relative;display:flex;align-items:center;border:1px solid #d7e0e4;border-radius:14px;background:#f9fbfc;box-shadow:0 1px 0 #fff;transition:.2s; }.premium-input:focus-within { border-color:#1680a7;background:#fff;box-shadow:0 0 0 4px rgba(19,116,151,.1),0 10px 24px rgba(7,48,66,.07); }.premium-input>i { margin-left:1rem;color:#78909b; }.premium-input input { width:100%;height:56px;padding:.75rem 1rem;border:0;outline:0;background:transparent;color:#0b2939;font-size:.95rem; }.premium-input input::placeholder { color:#a4b0b5; }.password-reveal { width:48px;height:48px;margin-right:.25rem;border:0;border-radius:12px;background:transparent;color:#657b86; }.password-reveal:hover { background:#edf3f5;color:#0c5878; }
.premium-submit { height:58px;margin-top:.35rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem 0 1.5rem;border:0;border-radius:15px;color:#fff;background:linear-gradient(120deg,#082f45,#126181);box-shadow:0 18px 38px rgba(8,57,80,.24);font-weight:800;transition:.25s; }.premium-submit i { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.12);transition:transform .25s; }.premium-submit:hover { transform:translateY(-2px);box-shadow:0 23px 45px rgba(8,57,80,.3); }.premium-submit:hover i { transform:translateX(3px); }.premium-submit.is-loading { pointer-events:none;opacity:.82; }.premium-submit.is-loading i { animation:loadingArrow 1s ease-in-out infinite; }
.login-alert { display:flex;align-items:flex-start;gap:.7rem;margin:1.4rem 0 0;padding:.85rem 1rem;border:1px solid #f4c1c1;border-radius:13px;color:#9f2727;background:#fff2f2;font-size:.78rem;line-height:1.5; }.login-alert i { margin-top:.15rem; }.login-security-note { display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem;border-radius:14px;background:#f1f5f6;color:#728089;font-size:.68rem;line-height:1.45; }.login-security-note>i { color:#17815f;font-size:1rem; }.login-security-note span { display:flex;flex-direction:column; }.login-security-note strong { color:#34505e;font-size:.73rem; }.back-to-site { display:inline-flex;align-items:center;gap:.45rem;margin-top:1.4rem;color:#6e7f88;font-size:.73rem;font-weight:700; }.back-to-site:hover { color:#0e5c7d; }.login-mobile-brand { position:absolute;top:1.4rem;left:1.4rem;color:#0a3145; }.login-mobile-brand .landing-logo { width:36px;height:36px; }
.login-ambient { position:fixed;z-index:1;border-radius:50%;filter:blur(85px);opacity:.23;pointer-events:none; }.ambient-one { width:300px;height:300px;right:-100px;top:-100px;background:#ffb000; }.ambient-two { width:360px;height:360px;left:42%;bottom:-200px;background:#167899; }

@keyframes auroraDrift { to { transform:translate3d(45px,35px,0) scale(1.12); } }
@keyframes livePulse { 70% { box-shadow:0 0 0 9px rgba(66,211,146,0); } 100% { box-shadow:0 0 0 0 rgba(66,211,146,0); } }
@keyframes routeFlow { to { stroke-dashoffset:-84; } }
@keyframes carJourney { 0%,100%{left:13%;top:69%;transform:rotate(-24deg)} 28%{left:37%;top:51%;transform:rotate(-42deg)} 56%{left:59%;top:32%;transform:rotate(-39deg)} 80%{left:78%;top:13%;transform:rotate(-22deg)} }
@keyframes gentleFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }
@keyframes scrollLine { 0%,100%{transform:scaleY(.35);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1} }
@keyframes orbitSpin { to { transform:rotate(360deg); } }
@keyframes loginEnter { from { opacity:0;transform:translateY(20px) scale(.985) } to { opacity:1;transform:none } }
@keyframes loadingArrow { 0%,100%{transform:translateX(0)}50%{transform:translateX(5px)} }

@media (max-width:1199px) {
  .chip-secure { left:-3%; }.chip-rating { right:-3%; }
  .safety-panel { padding:4rem 3rem; }
  .login-shell { grid-template-columns:minmax(0,1fr) 480px; }.login-hero { padding:2.5rem 3.5rem; }
}
@media (max-width:991.98px) {
  .landing-nav-links { display:none!important; }.premium-hero,.hero-row { min-height:auto; }.hero-row { padding:9rem 0 7rem; }.hero-copy { text-align:center; }.hero-copy>p { margin-left:auto;margin-right:auto; }.hero-actions,.hero-assurance { justify-content:center; }.ride-stage { max-width:620px;margin:1.5rem auto 0; }.chip-secure { left:2%; }.chip-rating { right:2%; }
  .ecosystem-grid { grid-template-columns:1fr; }.ecosystem-card { min-height:430px; }.mini-interface { left:auto;width:42%;top:5.5rem;bottom:1.8rem; }.ecosystem-card>p,.feature-tags { max-width:50%; }
  .safety-panel { grid-template-columns:1fr;text-align:center; }.safety-orbit { width:280px; }.safety-copy>p { margin-left:auto;margin-right:auto; }.safety-list { justify-items:center; }
  .download-panel { flex-direction:column;text-align:center; }.store-actions { justify-content:center; }
  .login-body { overflow:auto; }.login-shell { grid-template-columns:1fr; }.login-panel { min-height:100vh;padding:6rem 1.25rem 2rem; }
}
@media (max-width:767.98px) {
  .landing-nav { padding:.7rem 0; }.landing-logo { width:36px;height:36px;border-radius:11px; }.landing-brand { font-size:.95rem; }.btn-gold-premium { padding:.65rem .8rem;font-size:.78rem; }
  .hero-copy h1 { font-size:clamp(3rem,13vw,4.6rem); }.premium-hero::after,.hero-scroll { display:none; }.ride-stage { min-height:455px;border-radius:26px; }.trip-glass-card { left:.8rem;right:.8rem;bottom:.8rem; }.floating-chip { transform:scale(.88); }.chip-secure { left:-2%;top:21%; }.chip-rating { right:-2%;top:13%; }
  .signal-grid { grid-template-columns:1fr;gap:.2rem;padding:1.25rem 0; }.signal-grid>div { justify-content:flex-start;border-right:0;border-bottom:1px solid #edf1f2;padding:1rem; }.signal-grid>div:last-child { border-bottom:0; }
  .platform-section { padding:5.5rem 0; }.section-heading { grid-template-columns:1fr;gap:1.3rem;margin-bottom:2.2rem; }.ecosystem-card { min-height:510px; }.ecosystem-card>p,.feature-tags { max-width:none; }.mini-interface { left:1.5rem;right:1.5rem;top:auto;width:auto;bottom:1.5rem; }
  .safety-section { padding-bottom:5rem; }.safety-panel { padding:3rem 1.4rem;border-radius:28px;gap:2rem; }.safety-orbit { width:220px; }.safety-list { justify-items:start;text-align:left; }
  .download-section { padding-bottom:5rem; }.download-panel { padding:2.7rem 1.4rem;border-radius:28px; }.store-actions,.store-button { width:100%; }.store-button { justify-content:center; }
  .footer-main { grid-template-columns:1fr;gap:1.5rem;text-align:center; }.footer-main>.landing-brand,.footer-main>div { justify-self:center; }.footer-main>div { justify-content:center; }.footer-bottom { flex-direction:column;align-items:center;gap:.4rem;text-align:center; }
}
@media (max-width:480px) {
  .landing-nav .btn-gold-premium { width:42px;height:42px;padding:0;font-size:0; }.landing-nav .btn-gold-premium i { font-size:1rem; }.hero-row { padding-top:8rem; }.hero-copy h1 { font-size:2.9rem; }.hero-copy>p { font-size:.96rem; }.hero-actions { flex-direction:column; }.hero-actions .btn,.text-link-premium { width:100%;justify-content:center; }.hero-assurance { display:grid;grid-template-columns:1fr;justify-items:center; }.ride-stage { min-height:390px; }.stage-topline { height:56px;padding:0 1rem; }.stage-map { inset:57px 0 0; }.floating-chip { display:none; }.driver-avatar { width:42px;height:42px; }.trip-glass-card { padding:.8rem;gap:.6rem; }.eta { padding-left:.65rem; }.ecosystem-card { padding:1.4rem; }.mini-interface { left:1.4rem;right:1.4rem; }.login-card { padding:2rem 1.3rem;border-radius:24px; }.login-panel { padding-left:.8rem;padding-right:.8rem; }
}
@media (max-width:575.98px) {
  .landing-nav .btn-gold-premium { width:42px;height:42px;padding:0;font-size:0; }
  .landing-nav .btn-gold-premium i { font-size:1rem; }
  .hero-copy h1 { font-size:clamp(2.75rem,11.5vw,3.25rem);letter-spacing:-.055em; }
  .hero-actions { flex-direction:column;width:100%; }
  .hero-actions .btn,.text-link-premium { width:100%;justify-content:center; }
  .hero-assurance { display:grid;grid-template-columns:1fr;justify-items:center; }
  .floating-chip { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; }
  .reveal { opacity:1;transform:none; }
}

/* Serbiska super-app design system --------------------------------------- */
html { color-scheme: light; }
body { background:var(--serbiska-background);color:var(--serbiska-text-primary); }
body,button,input,select,textarea { text-rendering:optimizeLegibility; }
:focus-visible { outline:3px solid rgba(216,27,96,.22);outline-offset:2px; }
a { color:var(--serbiska-primary-dark); }
a:hover { color:var(--serbiska-primary); }

.btn-tara,.btn-primary {
  color:#fff;background:var(--serbiska-primary);border-color:var(--serbiska-primary);
  box-shadow:0 10px 24px rgba(216,27,96,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.btn-tara:hover,.btn-primary:hover,.btn-tara:focus,.btn-primary:focus {
  color:#fff;background:var(--serbiska-primary-dark);border-color:var(--serbiska-primary-dark);transform:translateY(-1px);box-shadow:0 14px 30px rgba(216,27,96,.24);
}
.btn-outline-primary { color:var(--serbiska-primary-dark);border-color:var(--serbiska-primary); }
.btn-outline-primary:hover { color:#fff;background:var(--serbiska-primary);border-color:var(--serbiska-primary); }
.brand-pill { color:var(--serbiska-primary-dark);background:var(--serbiska-blush); }
.brand-mark,.sidebar .brand .logo { color:#fff;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.2); }
.sidebar .brand .logo { padding:5px;border:1px solid rgba(255,255,255,.2);overflow:hidden; }
.sidebar .brand .logo img { width:100%;height:100%;object-fit:contain;display:block; }

.sidebar { background:var(--serbiska-midnight); }
.sidebar .brand { border-color:rgba(226,232,240,.14); }
.sidebar .brand small,.nav-link-tara { color:#cbd5e1; }
.nav-link-tara { border:1px solid transparent;border-radius:12px; }
.nav-link-tara:hover { color:#fff;background:rgba(255,255,255,.065); }
.nav-link-tara.active { color:#fff;background:rgba(216,27,96,.18);border-color:rgba(216,27,96,.3);box-shadow:inset 3px 0 var(--serbiska-primary); }
.topbar { background:rgba(255,255,255,.94);border-color:var(--serbiska-border); }
.content { background:var(--serbiska-background); }
.stat-card,.panel-card,.quick-action { background:var(--serbiska-surface);border-color:var(--serbiska-border);box-shadow:0 8px 24px rgba(15,23,42,.055); }
.stat-card .icon { color:var(--serbiska-primary);background:var(--serbiska-blush); }
.stat-card .value,.panel-card strong,h1,h2,h3,h4,h5,h6 { color:var(--serbiska-text-primary); }
.panel-card .panel-head,.table>:not(caption)>*>* { border-color:var(--serbiska-border); }
.table { color:var(--serbiska-text-primary);--bs-table-hover-bg:#f8fafc;--bs-table-striped-bg:#fbfcfe; }
.table th { color:var(--serbiska-text-secondary);background:#fbfcfe; }
.table td { color:var(--serbiska-text-primary); }
.form-control,.form-select { color:var(--serbiska-text-primary);background:#fff;border-color:#cbd5e1;border-radius:12px;min-height:44px; }
.form-control::placeholder { color:var(--serbiska-muted);opacity:1; }
.form-control:focus,.form-select:focus { border-color:var(--serbiska-primary);box-shadow:0 0 0 .22rem rgba(216,27,96,.11); }
.form-label,.text-secondary { color:var(--serbiska-text-secondary)!important; }
small { color:var(--serbiska-text-secondary); }
.pagination .page-link { color:var(--serbiska-midnight);border-color:var(--serbiska-border); }
.pagination .active>.page-link,.pagination .page-link.active { color:#fff;background:var(--serbiska-primary);border-color:var(--serbiska-primary); }
.status.completed,.status.verified,.status.active,.status.released,.status.approved { color:#116b32;background:#e9f8ee; }
.status.pending,.status.assigned,.status.accepted,.status.arriving { color:#8a5600;background:#fff6df; }
.status.in_progress,.status.online,.status.processing { color:#1d4ed8;background:#eaf1ff; }
.status.cancelled,.status.rejected,.status.suspended,.status.blocked,.status.failed { color:#b91c1c;background:#fff0f0; }

/* Public landing page */
.landing-body { --ink:var(--serbiska-midnight);--navy:var(--serbiska-midnight);--blue:var(--serbiska-navy);--gold:var(--serbiska-primary);--cream:var(--serbiska-blush);background:var(--serbiska-background);color:var(--serbiska-text-primary); }
.landing-nav { background:rgba(255,255,255,.9);border-color:rgba(226,232,240,.9);box-shadow:0 6px 24px rgba(15,23,42,.045); }
.landing-brand,.landing-nav-links a { color:var(--serbiska-midnight); }
.landing-nav-links a:hover { color:var(--serbiska-primary); }
.landing-logo { color:#fff;background:#fff;border:1px solid var(--serbiska-border);box-shadow:0 10px 26px rgba(15,23,42,.12);overflow:hidden;padding:4px; }
.landing-logo img { width:100%;height:100%;object-fit:contain;display:block; }
.btn-gold-premium { color:#fff;border-color:var(--serbiska-primary);background:var(--serbiska-primary);box-shadow:0 12px 28px rgba(216,27,96,.2); }
.btn-gold-premium:hover { color:#fff;background:var(--serbiska-primary-dark);border-color:var(--serbiska-primary-dark);box-shadow:0 17px 36px rgba(216,27,96,.25); }
.btn-ghost-premium { color:var(--serbiska-midnight);border-color:var(--serbiska-border);background:#fff; }
.btn-ghost-premium:hover { color:var(--serbiska-primary-dark);border-color:var(--serbiska-primary);background:var(--serbiska-blush); }
.premium-hero { color:var(--serbiska-midnight);background:radial-gradient(circle at 83% 25%,rgba(216,27,96,.08),transparent 27%),linear-gradient(145deg,#fff 0%,#fff 58%,#fff1f6 100%); }
.premium-hero::after { border-color:rgba(216,27,96,.09);box-shadow:0 0 0 90px rgba(216,27,96,.022),0 0 0 180px rgba(216,27,96,.014); }
.hero-aurora-one { background:var(--serbiska-primary);opacity:.08; }.hero-aurora-two { background:#2563eb;opacity:.06; }
.premium-eyebrow,.premium-eyebrow.light,.section-kicker { color:var(--serbiska-primary-dark); }
.hero-copy h1,.section-heading h2 { color:var(--serbiska-midnight); }
.hero-copy h1 em,.section-heading h2 em { color:var(--serbiska-primary); }
.hero-copy>p,.section-heading>p { color:var(--serbiska-text-secondary); }
.text-link-premium { color:var(--serbiska-midnight); }.text-link-premium:hover { color:var(--serbiska-primary); }
.hero-assurance { color:var(--serbiska-muted); }.hero-assurance i { color:var(--serbiska-success); }
.hero-scroll { color:var(--serbiska-muted); }.hero-scroll span { background:linear-gradient(var(--serbiska-primary),transparent); }
.ride-stage { border-color:var(--serbiska-border);background:rgba(255,255,255,.78);box-shadow:0 30px 70px rgba(15,23,42,.14),inset 0 1px #fff; }
.stage-topline { color:var(--serbiska-text-secondary);border-color:var(--serbiska-border); }.stage-topline div { color:var(--serbiska-midnight); }
.end-pin { color:#fff;background:var(--serbiska-primary); }.moving-car { background:var(--serbiska-midnight); }
.premium-hero .trip-glass-card { color:var(--serbiska-midnight); }.premium-hero .trip-glass-card small,.premium-hero .trip-glass-card span { color:var(--serbiska-muted); }
.floating-chip i { color:var(--serbiska-primary); }.chip-secure>i { background:var(--serbiska-blush); }
.platform-section,.safety-section,.download-section { background:var(--serbiska-background); }
.ecosystem-card { border-color:var(--serbiska-border);border-radius:22px;box-shadow:0 14px 40px rgba(15,23,42,.06); }
.ecosystem-card::after { background:rgba(216,27,96,.07); }
.ecosystem-card .card-icon { background:var(--serbiska-midnight); }.card-rider .card-icon { background:var(--service-ride); }
.feature-tags span { color:var(--serbiska-text-secondary);background:#f1f5f9; }
.safety-panel { background:radial-gradient(circle at 19% 55%,rgba(216,27,96,.16),transparent 24%),linear-gradient(135deg,var(--serbiska-midnight),var(--serbiska-navy)); }
.safety-list i { color:#fff;background:rgba(216,27,96,.35); }.safety-orbit>div { color:#fff;background:var(--serbiska-primary); }
.orbit-one { background:var(--serbiska-primary);box-shadow:0 0 20px var(--serbiska-primary); }.orbit-two { background:var(--serbiska-success);box-shadow:0 0 20px var(--serbiska-success); }
.download-panel { border-color:var(--serbiska-border);background:linear-gradient(120deg,#fff 60%,var(--serbiska-blush)); }
.premium-footer { background:var(--serbiska-midnight); }.footer-main a:hover { color:#f9a8d4; }
.premium-footer .landing-brand,.premium-footer .footer-main p { color:#fff; }
.premium-footer .footer-main a:not(.landing-brand) { color:#cbd5e1; }
.premium-footer .footer-bottom { color:#94a3b8; }

/* Admin login */
.login-body { background:var(--serbiska-background);color:var(--serbiska-text-primary); }
.login-hero { background:radial-gradient(circle at 16% 18%,rgba(216,27,96,.2),transparent 24%),linear-gradient(145deg,var(--serbiska-midnight),var(--serbiska-navy)); }
.login-hero h1,.login-hero h2,.login-hero h3,.login-hero strong,.login-hero .login-brand { color:#fff; }
.login-hero p,.login-hero span { color:#cbd5e1; }
.login-hero .premium-eyebrow { color:#f9a8d4; }
.login-hero-copy h1 em { color:#f9a8d4; }.login-hero-foot i { color:#f9a8d4; }
.route-destination { color:#fff;background:var(--serbiska-primary); }.route-vehicle { background:var(--serbiska-midnight); }
.login-panel { background:radial-gradient(circle at 100% 0,rgba(216,27,96,.08),transparent 25%),var(--serbiska-background); }
.login-card::before { background:linear-gradient(90deg,transparent,var(--serbiska-primary),transparent); }
.secure-label { color:var(--serbiska-primary-dark);background:var(--serbiska-blush); }
.premium-field>label,.field-label-row label { color:var(--serbiska-midnight); }
.premium-input { border-color:#cbd5e1;background:#fff; }.premium-input:focus-within { border-color:var(--serbiska-primary);box-shadow:0 0 0 4px rgba(216,27,96,.1),0 10px 24px rgba(15,23,42,.06); }
.premium-submit { color:#fff;background:var(--serbiska-primary);box-shadow:0 16px 34px rgba(216,27,96,.22); }.premium-submit:hover { background:var(--serbiska-primary-dark);box-shadow:0 20px 40px rgba(216,27,96,.28); }
.login-ambient.ambient-one { background:var(--serbiska-primary); }.login-ambient.ambient-two { background:#2563eb; }

/* Explicit contrast protection for dark surfaces */
.sidebar .brand strong,.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6 { color:#fff; }
.sidebar .brand small { color:#cbd5e1!important; }
.safety-panel h1,.safety-panel h2,.safety-panel h3,.safety-panel strong { color:#fff; }
.safety-panel p,.safety-panel small { color:#cbd5e1; }
.safety-panel .safety-list span { color:#e2e8f0; }
.login-live-card small { color:#cbd5e1; }
.login-live-card strong { color:#fff; }
.map-card h1,.map-card h2,.map-card h3,.map-card h4,.map-card h5,.map-card h6 { color:var(--serbiska-midnight); }
.bg-dark,.text-bg-dark { color:#fff!important; }

/* Delivery legal pages */
.legal-body { margin:0;background:var(--serbiska-background);color:var(--serbiska-text-primary);font-family:"DM Sans",sans-serif; }
.legal-body * { box-sizing:border-box; }
.legal-body a { color:inherit;text-decoration:none; }
.legal-container { width:min(1180px,calc(100% - 3rem));margin-inline:auto; }
.legal-nav { position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(226,232,240,.92);background:rgba(255,255,255,.92);backdrop-filter:blur(18px); }
.legal-nav>.legal-container { min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem; }
.legal-back { display:inline-flex;align-items:center;gap:.5rem;color:var(--serbiska-text-secondary)!important;font-size:.88rem;font-weight:700; }
.legal-back:hover { color:var(--serbiska-primary)!important; }
.legal-shell { padding-block:4.5rem 6rem; }
.legal-hero { max-width:850px;margin-bottom:3rem; }
.legal-kicker { color:var(--serbiska-primary);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }
.legal-hero h1 { margin:.8rem 0 1rem;color:var(--serbiska-midnight);font-family:"Manrope",sans-serif;font-size:clamp(2.6rem,6vw,5rem);font-weight:800;letter-spacing:-.055em;line-height:1; }
.legal-hero p { max-width:760px;margin:0 0 1rem;color:var(--serbiska-text-secondary);font-size:clamp(1rem,2vw,1.18rem);line-height:1.75; }
.legal-hero small { color:var(--serbiska-muted);font-weight:600; }
.legal-layout { display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:2rem; }
.legal-toc { position:sticky;top:106px;display:grid;gap:.35rem;padding:1.2rem;border:1px solid var(--serbiska-border);border-radius:18px;background:#fff;box-shadow:var(--serbiska-shadow-sm); }
.legal-toc strong { margin-bottom:.45rem;color:var(--serbiska-midnight);font-family:"Manrope",sans-serif;font-size:.82rem; }
.legal-toc a { padding:.48rem .6rem;border-radius:9px;color:var(--serbiska-text-secondary);font-size:.76rem;line-height:1.35; }
.legal-toc a:hover { color:var(--serbiska-primary);background:var(--serbiska-blush); }
.legal-card { min-width:0;padding:clamp(1.4rem,4vw,3.4rem);border:1px solid var(--serbiska-border);border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.07); }
.legal-section { scroll-margin-top:110px; }
.legal-section+.legal-section { margin-top:2.6rem;padding-top:2.6rem;border-top:1px solid var(--serbiska-border); }
.legal-section h2 { margin:0 0 1rem;color:var(--serbiska-midnight);font-family:"Manrope",sans-serif;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800;letter-spacing:-.025em; }
.legal-section p,.legal-section li { color:var(--serbiska-text-secondary);font-size:.94rem;line-height:1.8; }
.legal-section p:last-child { margin-bottom:0; }
.legal-section ul { display:grid;gap:.55rem;margin:1rem 0 0;padding-left:1.3rem; }
.legal-section li::marker { color:var(--serbiska-primary); }
.legal-section strong { color:var(--serbiska-midnight); }
.legal-callout { display:flex;align-items:flex-start;gap:1rem;margin:1.3rem 0;padding:1.2rem;border:1px solid #fbcfe8;border-radius:16px;background:var(--serbiska-blush); }
.legal-callout>i { flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--serbiska-primary); }
.legal-callout>div { display:grid;gap:.3rem; }.legal-callout span { color:var(--serbiska-text-secondary);font-size:.84rem;line-height:1.6; }
.legal-footer { padding:1.5rem 0;color:#94a3b8;background:var(--serbiska-midnight);font-size:.78rem; }
.legal-footer>.legal-container { display:flex;justify-content:space-between;gap:1rem; }.legal-footer a:hover { color:#fff; }

@media (max-width:767.98px) {
  .legal-container { width:min(100% - 1.5rem,1180px); }
  .legal-shell { padding-block:3rem 4rem; }.legal-layout { grid-template-columns:1fr; }.legal-toc { display:none; }
  .legal-card { border-radius:20px; }.legal-footer>.legal-container { flex-direction:column;text-align:center; }
  .hero-row { margin-left:0;margin-right:0; }
  .hero-row>* { min-width:0;padding-left:0;padding-right:0; }
  .hero-copy,.hero-copy h1,.hero-copy>p,.hero-actions,.ride-stage { width:100%;max-width:100%; }
  .premium-eyebrow { max-width:100%;justify-content:center;white-space:normal;text-align:center;line-height:1.5; }
  .hero-copy h1 { overflow-wrap:anywhere; }
  .ride-stage { overflow:hidden; }
}

@media (max-width:480px) {
  .hero-copy h1 { font-size:2.45rem;letter-spacing:-.05em; }
  .hero-copy h1 em { display:block; }
  .hero-copy>p { padding-inline:.25rem; }
  .hero-actions .btn,.text-link-premium { max-width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .btn-tara:hover,.btn-primary:hover,.btn-gold-premium:hover,.ecosystem-card:hover,.premium-submit:hover { transform:none; }
}