:root{
  --yellow:#ffd400;--yellow2:#ffea57;--black:#09090b;--panel:#111216;--panel2:#18191f;--muted:#9ea0aa;--white:#fff;--green:#35d07f;--red:#ff4d57;--blue:#4ea7ff;--shadow:0 24px 70px rgba(0,0,0,.42);--r:24px;--safe:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:#050506;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%;overscroll-behavior:none}
body{display:flex;justify-content:center;background:radial-gradient(circle at 50% -15%,rgba(255,212,0,.16),transparent 32%),linear-gradient(180deg,#0c0d10,#050506 80%)}
button,input,textarea,select{font:inherit}
button{cursor:pointer}.hidden{display:none!important}.bg-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(255,212,0,.08),transparent 24%)}
.auth-screen{width:min(100%,500px);min-height:100dvh;padding:36px 20px 30px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.9)),radial-gradient(circle at 50% 10%,rgba(255,212,0,.22),transparent 30%)}
.auth-hero{text-align:center;margin:auto 0 12px}.brand-logo{width:min(330px,86%);filter:drop-shadow(0 12px 30px rgba(255,212,0,.08))}.auth-hero h1{font-size:34px;line-height:1.02;margin:24px 0 8px}.auth-hero p{color:#c8c9cf;margin:0}.glass{background:linear-gradient(180deg,rgba(30,31,37,.96),rgba(17,18,22,.98));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.auth-card{border-radius:28px;padding:16px}.segmented{display:flex;background:#090a0d;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:4px;gap:4px}.seg{flex:1;border:0;background:transparent;color:#aaa;padding:11px 12px;border-radius:12px;font-weight:800}.seg.active{background:var(--yellow);color:#111}.auth-form{display:grid;gap:12px;padding:18px 2px 4px}.auth-form label,.profile-form label,.modal-card label{font-size:13px;color:#c5c6cb;display:grid;gap:7px}.auth-form label span{color:#777}.auth-form input,.profile-form input,.modal-card input,.modal-card textarea,.modal-card select{width:100%;border:1px solid #30323a;background:#0d0e12;color:#fff;border-radius:14px;padding:14px 14px;outline:0}.auth-form input:focus,.profile-form input:focus,.modal-card input:focus,.modal-card textarea:focus{border-color:var(--yellow)}.inline-message{min-height:20px;color:#ff7e85;font-size:13px;padding:3px 4px}
.primary-btn,.secondary-btn,.danger-btn,.logout-btn{border:0;border-radius:17px;font-weight:900;padding:15px 18px}.primary-btn{background:linear-gradient(180deg,#ffe33d,var(--yellow));color:#0e0e0f;box-shadow:0 12px 28px rgba(255,212,0,.22)}.secondary-btn{background:#22242b;color:white;border:1px solid #34363e}.danger-btn{background:transparent;color:#ff636b;border:1px solid rgba(255,77,87,.8)}.logout-btn{width:100%;background:#251316;color:#ff6d75;margin:18px 0 90px}.text-btn{border:0;background:none;color:#aeb0b7;padding:14px;font-weight:700}
.app-shell{position:relative;width:min(100%,500px);min-height:100dvh;background:#0b0c0f;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.65)}.view{display:none;min-height:100dvh;padding-bottom:96px;background:#0c0d10}.view.active{display:block}.dark-view{padding:24px 18px 100px;background:linear-gradient(180deg,#101115,#090a0d)}
.map-wrap{height:46dvh;min-height:330px;position:relative;background:#1c2023}.map{width:100%;height:100%;background:#1d2123}.leaflet-control-attribution{font-size:8px!important}.leaflet-control-zoom{display:none}.topbar{position:absolute;z-index:600;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;height:52px;display:flex;align-items:center;justify-content:space-between}.floating{background:rgba(11,12,15,.88);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:6px 8px;backdrop-filter:blur(15px)}.icon-btn{width:40px;height:40px;border:0;border-radius:13px;background:#17181d;color:white;font-size:23px}.mini-brand{font-size:20px;font-weight:900}.mini-brand span{color:var(--yellow)}.mini-brand .pin{display:inline-block;width:18px;height:18px;border:5px solid var(--yellow);border-radius:50%;font-size:0;vertical-align:-3px;margin-right:5px}.nearby-pill{position:absolute;z-index:550;top:86px;right:14px;background:#111216;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:10px 13px;font-size:12px;font-weight:800;box-shadow:var(--shadow)}.nearby-pill:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px}
.ride-sheet{position:relative;z-index:700;margin-top:-28px;background:#f6f6f7;color:#101115;border-radius:28px 28px 0 0;padding:20px 16px 24px;min-height:52dvh;box-shadow:0 -18px 40px rgba(0,0,0,.28)}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.greeting h2{margin:2px 0 0;font-size:24px}.eyebrow{font-size:12px;color:#6e7078;font-weight:800}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(53,208,127,.14)}.field-card{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e3e3e7;border-radius:17px;padding:11px 12px;margin:9px 0;box-shadow:0 6px 16px rgba(0,0,0,.05)}.field-icon{width:31px;height:31px;border-radius:10px;background:#111;color:white;display:grid;place-items:center;font-size:15px}.field-icon.green{background:#e8fff2;color:#17b866}.field-grow{display:grid;flex:1}.field-grow small{font-size:11px;color:#83858e}.field-grow input{border:0;outline:0;padding:3px 0 0;font-weight:800;color:#15161a;background:transparent;width:100%}.target-btn{border:0;background:#f1f2f4;border-radius:10px;width:36px;height:36px;font-size:19px}.open-destination{background:#eceef1;border-radius:17px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.open-destination div{display:grid}.open-destination small{font-size:11px;color:#72747b;margin-top:2px}.open-destination input{display:none}.switch{width:46px;height:26px;border-radius:20px;background:#bbb;position:relative;transition:.2s}.switch:after{content:"";width:20px;height:20px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.22)}.open-destination input:checked+.switch{background:#111}.open-destination input:checked+.switch:after{left:23px;background:var(--yellow)}.chips{display:flex;gap:7px;overflow:auto;padding:3px 0 7px}.chips button{white-space:nowrap;border:1px solid #ddd;background:#fff;border-radius:12px;padding:9px 11px;font-size:12px;font-weight:800}.quote-card{background:#15161a;color:#fff;border-radius:17px;padding:14px;display:flex;justify-content:space-between;align-items:center;margin:5px 0 11px}.quote-card div{display:grid;gap:3px}.quote-card small{color:#aaa}.quote-card strong{font-size:24px}.quote-card span{font-size:11px;color:#bbb}.quote-icon{font-size:30px!important}.ride-cta{width:100%;font-size:16px;display:flex;gap:10px;align-items:center;justify-content:center}
.bottom-nav{position:fixed;z-index:1000;bottom:0;width:min(100%,500px);height:74px;padding:8px 10px calc(8px + var(--safe));background:rgba(11,12,15,.96);border-top:1px solid rgba(255,255,255,.08);display:flex;backdrop-filter:blur(18px)}.bottom-nav button{flex:1;border:0;background:none;color:#8c8e96;font-size:10px;display:grid;place-items:center;gap:2px}.bottom-nav button span{font-size:21px}.bottom-nav button.active{color:var(--yellow);font-weight:800}
.active-head,.chat-head,.page-head{display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 16px 13px;gap:12px}.active-head>div,.chat-head>div,.page-head>div{flex:1}.active-head h2,.page-head h2{margin:2px 0 0}.active-head small,.chat-head small,.page-head small{color:#9799a1}.secure-badge{background:#193b2a;color:#4be292;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.active-map{height:42dvh;min-height:300px}.driver-card{margin:-18px 14px 10px;position:relative;z-index:650;border-radius:22px;padding:14px;display:flex;gap:12px;align-items:center}.avatar,.profile-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,var(--yellow),#ffef88);color:#111;display:grid;place-items:center;font-weight:1000}.driver-info{display:grid;gap:2px;flex:1}.driver-info span{font-size:12px;color:#bbb}.driver-info b{font-size:13px}.eta{text-align:right;display:grid}.eta small{color:#aaa}.eta strong{font-size:19px;color:var(--yellow)}.meter-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 14px}.meter-strip>div{background:#15161a;border:1px solid #24252c;border-radius:15px;padding:12px 8px;text-align:center;display:grid;gap:3px}.meter-strip small{font-size:10px;color:#8c8e95}.meter-strip b{font-size:12px}.action-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin:10px 14px}.action{border:1px solid #2f3037;background:#18191e;color:white;border-radius:17px;padding:14px;display:flex;justify-content:center;gap:8px;font-weight:850}.action.primary{background:var(--yellow);color:#101115;border-color:var(--yellow)}.privacy-note{margin:10px 14px;background:#11241b;border:1px solid #224b35;color:#bff8d6;border-radius:14px;padding:12px;font-size:11px;line-height:1.45}.danger-btn{display:block;width:calc(100% - 28px);margin:13px 14px}
.chat-view{display:none;background:#f4f4f5;color:#111;padding-bottom:70px}.chat-view.active{display:flex;flex-direction:column}.chat-head{background:#111216;color:#fff}.chat-head .lock{font-size:20px}.safe-banner{margin:10px 12px;background:#eaf9f0;color:#27603f;border:1px solid #cdeedb;border-radius:14px;padding:10px 12px;font-size:11px;line-height:1.4}.chat-messages{flex:1;overflow:auto;padding:8px 12px 84px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;padding:11px 12px;border-radius:16px;font-size:14px;line-height:1.35;box-shadow:0 4px 10px rgba(0,0,0,.05)}.bubble small{display:block;font-size:9px;color:#8c8d92;margin-top:4px}.bubble.PASAJERO{align-self:flex-end;background:var(--yellow);border-bottom-right-radius:5px}.bubble.CHOFER{align-self:flex-start;background:#fff;border-bottom-left-radius:5px}.bubble.SISTEMA{align-self:center;background:#e9ebee;color:#5d5f66;max-width:94%;font-size:11px}.chat-compose{position:fixed;bottom:0;width:min(100%,500px);display:flex;gap:8px;padding:10px 12px calc(10px + var(--safe));background:white;border-top:1px solid #ddd}.chat-compose input{flex:1;border:1px solid #ddd;border-radius:999px;padding:12px 15px;outline:0}.chat-compose button{width:46px;border:0;border-radius:50%;background:var(--yellow);font-size:18px}
.page-head>span{font-size:27px;color:var(--yellow)}.wallet-card{background:linear-gradient(135deg,var(--yellow),#ffe76a);color:#111;border-radius:22px;padding:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 50px rgba(255,212,0,.13)}.wallet-card div{display:grid}.wallet-card small{font-weight:800;opacity:.75}.wallet-card strong{font-size:31px}.wallet-card em{font-style:normal;font-size:12px}.wallet-card button{border:0;background:#111;color:white;border-radius:12px;padding:10px 12px;font-weight:800}.level-card{background:#15161b;border:1px solid #262832;border-radius:18px;padding:14px;margin:12px 0 22px}.level-card>div:first-child{display:flex;justify-content:space-between;font-size:12px}.progress{height:8px;background:#272932;border-radius:999px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--yellow);border-radius:999px}.dark-view h3{font-size:15px;margin:16px 2px 9px}.benefit-list{display:grid;gap:9px}.benefit-item{background:#15161b;border:1px solid #24262f;border-radius:17px;padding:14px;display:flex;gap:12px;align-items:center}.benefit-item .bi{width:42px;height:42px;border-radius:13px;background:#243323;display:grid;place-items:center;font-size:20px}.benefit-item div{display:grid}.benefit-item small{color:#999}.referral-card{margin-top:14px;background:#15161b;border:1px solid #2a2c35;border-radius:17px;padding:14px;display:flex;gap:13px;align-items:center}.referral-card>span{font-size:29px}.referral-card div{display:grid}.referral-card small{color:#999}.referral-card b{color:var(--yellow)}
.trips{margin-bottom:14px}.history-list{display:grid;gap:9px}.trip-card{background:#15161b;border:1px solid #24262f;border-radius:17px;padding:13px}.trip-top{display:flex;justify-content:space-between;gap:12px}.trip-route{display:grid;gap:5px}.trip-route span{font-size:12px;color:#ddd}.trip-route span:before{content:"●";color:var(--green);margin-right:7px}.trip-route span:last-child:before{color:#ff5b63}.trip-price{text-align:right}.trip-price strong{display:block}.trip-price small{color:#aaa}.trip-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;border-top:1px solid #24262f;padding-top:10px;color:#888;font-size:11px}.rate-trip{border:0;background:#2a2614;color:var(--yellow);border-radius:10px;padding:7px 9px;font-weight:800}
.profile-card{display:flex;align-items:center;gap:14px;background:#15161b;border:1px solid #24262f;border-radius:19px;padding:14px;margin-bottom:12px}.profile-card>div:last-child{display:grid}.profile-card small{color:#999}.verified{color:var(--yellow);font-size:11px;margin-top:3px}.menu-list{display:grid;gap:8px}.menu-list button{width:100%;border:1px solid #252730;background:#15161b;color:#fff;border-radius:16px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left}.menu-list button>span{width:36px;height:36px;border-radius:11px;background:#22242c;display:grid;place-items:center;color:var(--yellow)}.menu-list button div{display:grid;flex:1}.menu-list small{color:#898b93}.menu-list b{font-size:23px;color:#777}.profile-form{display:grid;gap:10px;margin-top:16px;background:#121318;border:1px solid #24262e;border-radius:18px;padding:14px}
.modal{position:fixed;z-index:5000;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;padding:16px 12px max(16px,var(--safe));backdrop-filter:blur(8px)}.modal-card{width:min(100%,470px);max-height:92dvh;overflow:auto;background:#15161b;color:#fff;border:1px solid #30323b;border-radius:27px;padding:22px;box-shadow:var(--shadow);position:relative}.modal-card h2{font-size:26px;margin:8px 0 10px}.modal-card p{color:#aaa;line-height:1.5}.modal-x{position:absolute;right:13px;top:13px;width:36px;height:36px;border-radius:12px;border:0;background:#24262d;color:white;font-size:22px}.modal-kicker{font-size:10px;color:var(--yellow);font-weight:900;letter-spacing:1.4px}.summary{display:grid;gap:8px;margin:14px 0}.summary>div{background:#0f1014;border:1px solid #282a32;border-radius:14px;padding:11px;display:grid}.summary small{color:#878991}.summary strong{margin-top:3px}.install-card{text-align:center}.install-icon img{width:90px;height:90px;border-radius:24px;box-shadow:0 15px 45px rgba(255,212,0,.18)}.install-card ul{text-align:left;display:grid;gap:9px;padding:12px 0;list-style:none}.install-card .primary-btn{width:100%}.ios-help{margin-top:10px;background:#202128;border-radius:13px;padding:11px;color:#c8cad1;font-size:12px}.stars{display:flex;justify-content:center;gap:7px;margin:18px 0}.stars button{border:0;background:none;color:#494b53;font-size:37px}.stars button.active{color:var(--yellow)}.modal-card textarea{min-height:110px;resize:vertical}.mini-list{margin-top:12px;display:grid;gap:7px}.mini-fav{background:#101115;border:1px solid #292b33;border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:8px}.toast{position:fixed;z-index:9999;left:50%;transform:translate(-50%,24px);bottom:96px;background:#fff;color:#111;border-radius:14px;padding:11px 14px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;max-width:min(90vw,430px);font-weight:750;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
.car-marker{width:28px;height:28px;border-radius:9px;background:var(--yellow);border:3px solid #111;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.4)}.car-marker:after{content:"🚕";font-size:16px}.me-marker{width:22px;height:22px;border-radius:50%;background:#168df3;border:4px solid white;box-shadow:0 0 0 7px rgba(22,141,243,.2)}
@media(min-width:700px){body{padding:22px}.app-shell,.auth-screen{border-radius:34px;min-height:calc(100dvh - 44px);overflow:hidden}.bottom-nav,.chat-compose{bottom:22px;border-radius:0 0 34px 34px}.modal{align-items:center}.ride-sheet{min-height:auto}.map-wrap{height:44dvh}}
@media(max-width:360px){.ride-sheet{padding-left:12px;padding-right:12px}.greeting h2{font-size:21px}.wallet-card strong{font-size:27px}}