:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}*{box-sizing:border-box}body{margin:0;font-family:Century Gothic,Trebuchet MS,Arial,sans-serif;background:#101010}.login-screen,.app-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#333,#070707);padding:18px}.login-card,.app-card{position:relative;width:100%;max-width:390px;min-height:760px;background:#fff;border-radius:36px;box-shadow:0 25px 70px #00000073;overflow:hidden}.login-card{padding:42px 28px 24px;text-align:center}.app-card{display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #f0f0f0}.hamburger-button{width:46px;height:46px;border:none;border-radius:15px;background:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.hamburger-button span{width:20px;height:2px;background:#ec268f;border-radius:10px}.home-logo{width:85px;height:auto;object-fit:contain}.app-content{flex:1;padding:26px 22px 18px;overflow-y:auto}.pink-accent{position:absolute;top:0;left:50%;width:125px;height:6px;background:#ec268f;border-radius:0 0 20px 20px;transform:translate(-50%)}.brand{margin-top:42px;margin-bottom:64px}.brand img{width:190px;max-width:85%}h1{margin:0 0 8px;color:#202020;font-size:30px;font-weight:700}.subtitle{margin:0 0 34px;color:#777;font-size:15px}.login-form{display:flex;flex-direction:column;gap:18px;text-align:left}.login-form label{color:#333;font-size:14px;font-weight:700}.login-form input[type=text],.login-form input[type=password]{width:100%;height:54px;margin-top:8px;border:1px solid #ddd;border-radius:16px;background:#f6f6f6;padding:0 16px;font-size:15px;font-family:inherit;outline:none}.login-form input:focus{border-color:#ec268f;background:#fff;box-shadow:0 0 0 3px #ec268f1a}.input-error{border-color:#ec268f!important;background:#fff5fa!important}.error-text{display:block;margin-top:7px;color:#ec268f;font-size:12px;font-weight:700}.general-error{margin:-18px 0 22px;padding:12px;border-radius:14px;background:#fff0f7;color:#ec268f;font-size:13px;font-weight:700;text-align:center}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-2px;font-size:13px}.remember{display:flex;align-items:center;gap:7px;font-size:13px!important;font-weight:500!important;color:#555!important}.remember input{accent-color:#ec268f}.forgot-link{color:#ec268f;text-decoration:none;font-weight:700}.login-form button{height:56px;margin-top:10px;border:none;border-radius:18px;background:#111;color:#fff;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer}.login-form button:disabled{opacity:.75;cursor:not-allowed}.welcome-box{margin-top:10px;margin-bottom:26px}.welcome-label{margin:0 0 8px;color:#ec268f;font-size:15px;font-weight:700}.welcome-box h1{margin:0;color:#111;font-size:28px;text-align:left}.economic-text{margin:10px 0 0;color:#777;font-size:16px}.economic-text strong{color:#111}.info-card{background:#fff3f9;border:1px solid rgba(236,38,143,.18);border-radius:22px;padding:18px;margin-bottom:16px}.info-card p{margin:0 0 7px;color:#777;font-size:13px}.info-card strong{color:#111;font-size:15px}.side-overlay{position:absolute;inset:0;background:#00000059;z-index:30}.side-menu{width:78%;height:100%;background:#fff;padding:28px 22px;box-shadow:20px 0 45px #00000040;display:flex;flex-direction:column;gap:12px}.close-menu{align-self:flex-end;width:38px;height:38px;border:none;border-radius:12px;background:#111;color:#fff;font-size:24px;cursor:pointer}.side-menu h2{margin:10px 0 14px;color:#111;font-size:24px}.side-menu button{min-height:48px;border:none;border-radius:15px;background:#f5f5f5;color:#111;font-family:inherit;font-weight:700;text-align:left;padding:0 16px;cursor:pointer}.side-menu button:hover{background:#fff0f7}.logout-menu{margin-top:auto;background:#111!important;color:#fff!important;text-align:center!important}.app-footer{padding:16px 22px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}.verse{margin:0;font-size:13px;color:#333;cursor:pointer}.verse strong{color:#ec268f;font-weight:900}.copyright{margin:0;font-size:11px;line-height:1.45;color:#777;text-align:center}.brand-black{color:#111;font-weight:700}.brand-pink{color:#ec268f;font-weight:700}.link-no-underline{text-decoration:none;color:inherit}.link-no-underline:hover{text-decoration:none}.trips-page h1{margin:0 0 18px;color:#111;font-size:28px;text-align:left}.assigned-trip-card,.pending-trips-card{background:#fff3f9;border:1px solid rgba(236,38,143,.18);border-radius:22px;padding:18px;margin-bottom:18px}.trip-card-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.trip-card-header p{margin:0 0 6px;color:#777;font-size:13px}.trip-card-header strong{color:#111;font-size:17px}.alert-badge{height:28px;padding:6px 10px;border-radius:999px;background:#ec268f;color:#fff;font-size:12px;font-weight:700}.trip-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.trip-detail-grid div{background:#fff;border-radius:16px;padding:12px}.trip-detail-grid span{display:block;margin-bottom:5px;color:#777;font-size:12px}.trip-detail-grid strong{color:#111;font-size:14px}.full-row{grid-column:1 / -1}.pending-trips-card h2{margin:0 0 14px;color:#111;font-size:18px}.pending-table{display:flex;flex-direction:column;gap:8px}.pending-row{display:grid;grid-template-columns:.8fr 1.3fr .9fr;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:10px;font-size:12px}.pending-head{background:transparent;color:#777;font-weight:700}.pending-row button{border:none;border-radius:12px;background:#111;color:#fff;font-family:inherit;font-size:12px;font-weight:700;padding:9px 8px;cursor:pointer}.advance-button{height:34px;min-width:74px;border:none;border-radius:999px;background:#111;color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.trip-actions-grid{display:grid;grid-template-columns:1fr;gap:10px}.trip-actions-grid button,.base-exit-card button{min-height:44px;border:none;border-radius:14px;background:#111;color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.base-exit-card{background:#fff3f9;border:1px solid rgba(236,38,143,.18);border-radius:22px;padding:18px;margin-bottom:18px}.base-exit-card h2{margin:0 0 14px;color:#111;font-size:18px}.pending-row{grid-template-columns:.55fr 1.15fr .45fr 1fr .75fr;font-size:11px}.pending-row button{font-size:11px;padding:8px 6px}.free-base-card{background:#fff3f9;border:1px solid rgba(236,38,143,.18);border-radius:22px;padding:18px;margin-bottom:18px}.free-base-card h1{margin:0 0 8px;color:#111;font-size:26px;text-align:left}.base-description{margin:0;color:#777;font-size:14px;line-height:1.45}.queue-status-box{margin-top:14px;background:#fff;border-radius:16px;padding:14px}.queue-status-box span{display:block;margin-bottom:5px;color:#777;font-size:12px}.queue-status-box{margin-top:14px;background:#fff;border-radius:16px;padding:14px;text-align:center}.queue-status-box p{margin:0;color:#ec268f;font-size:14px;font-weight:700}.queue-base-title{margin-bottom:8px;color:#111;font-size:26px;font-weight:700;text-align:center}