@font-face{font-family:Pelak;src:url('../Fonts/PelakFA-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Pelak;src:url('../Fonts/PelakFA-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Pelak;src:url('../Fonts/PelakFA-Black.ttf') format('truetype');font-weight:900;font-display:swap}

:root{--bg:#f7f8f7;--surface:#fff;--ink:#111412;--muted:#66706a;--line:#dfe4df;--gold:#b9914d;--green:#12a66a;--shadow:0 24px 70px rgba(17,20,18,.14)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Pelak,Tahoma,sans-serif;font-size:15px;line-height:1.8}
button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}
.trips-shell{min-height:100svh;background:linear-gradient(180deg,#f7f8f7 0,#eef2ef 100%)}
.trips-topbar{position:sticky;top:0;z-index:10;min-height:74px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:7px;font-weight:900}.brand img{width:64px;height:50px;object-fit:contain}.brand span{padding:1px 6px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font-size:9px}.trips-title{display:grid;text-align:center}.trips-title strong{font-size:16px}.trips-title small{color:var(--muted);font-size:10px}.support-link{font-size:12px;font-weight:700;color:var(--gold)}
.trips-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:26px 0 50px}.profile-card{min-height:220px;border-radius:8px;background:#111412;color:#fff;padding:32px;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.profile-card:after{content:"";position:absolute;left:-90px;top:-120px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(216,181,111,.2);box-shadow:0 0 0 70px rgba(216,181,111,.05),0 0 0 130px rgba(216,181,111,.025)}.profile-avatar{position:relative;z-index:1;width:74px;height:74px;border-radius:50%;background:#fff;color:#111412;display:grid;place-items:center;font-size:30px;font-weight:900}.profile-card div:nth-child(2){position:relative;z-index:1}.profile-card span{color:#d8b56f;font-size:12px;font-weight:700}.profile-card h1{font-size:38px;line-height:1.35;margin:4px 0}.profile-card p{margin:0;color:#c6ccc8}.profile-actions{position:relative;z-index:1;display:grid;gap:8px}.profile-actions a{min-height:44px;padding:0 18px;border-radius:6px;background:var(--gold);color:#111412;display:grid;place-items:center;font-weight:900}.profile-actions a:last-child{background:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stats-grid div,.trips-list-card,.favorite-card,.wallet-card,.support-card{border:1px solid rgba(255,255,255,.72);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.stats-grid div{padding:17px;display:grid}.stats-grid span,.section-head span,.trip-meta span,.favorite-route span,.wallet-card span{font-size:10px;color:var(--muted)}.stats-grid strong{font-size:27px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.trips-list-card,.favorite-card,.wallet-card,.support-card{padding:20px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.section-head h2,.favorite-card h2,.wallet-card h2,.support-card h2{font-size:22px;margin:0}.section-head button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px 12px;font-size:12px;font-weight:700}
.trips-list{display:grid;gap:10px}.trip-item{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.trip-route{display:grid;gap:7px}.trip-route strong{font-size:16px}.trip-route span{color:var(--muted);font-size:11px}.trip-meta{display:flex;gap:8px;flex-wrap:wrap}.trip-meta b{font-size:11px;padding:4px 7px;border-radius:4px;background:#f3f5f3}.trip-actions{display:grid;gap:8px;align-content:center;min-width:140px}.trip-actions button,.trip-actions a{min-height:38px;border-radius:6px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.trip-actions button:disabled{opacity:.55;cursor:not-allowed}.trip-actions a{background:#111412;color:#fff;border-color:#111412}
.side-stack{display:grid;gap:12px}.favorite-route{padding:12px 0;border-top:1px solid var(--line);display:grid;gap:5px}.favorite-route strong{font-size:14px}.favorite-route a{width:max-content;color:var(--gold);font-size:12px;font-weight:700}.wallet-card div{padding:12px 0;border-top:1px solid var(--line);display:grid}.wallet-card button,.support-card a{width:100%;min-height:42px;border:0;border-radius:6px;background:var(--gold);color:#111412;font-weight:900;margin-top:12px}.support-card p{color:var(--muted);font-size:12px}.support-card a{display:grid;place-items:center;background:#111412;color:#fff}.toast{position:fixed;right:20px;bottom:20px;z-index:20;max-width:360px;padding:12px 16px;border-radius:6px;background:#111412;color:#fff;font-size:12px;box-shadow:var(--shadow);transform:translateY(130%);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.support-card{grid-column:1/-1}.profile-card{grid-template-columns:74px 1fr}.profile-actions{grid-column:1/-1;grid-template-columns:max-content max-content}}@media(max-width:680px){body{font-size:14px}.trips-topbar{padding:8px 14px}.trips-title{display:none}.support-link{font-size:10px}.brand img{width:56px;height:44px}.trips-main{width:calc(100% - 24px);padding-top:14px}.profile-card{grid-template-columns:1fr;padding:24px}.profile-card h1{font-size:30px}.profile-actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.content-grid,.side-stack{grid-template-columns:1fr}.trip-item{grid-template-columns:1fr}.trip-actions{grid-template-columns:1fr 1fr;min-width:0}.toast{right:10px;left:10px;bottom:10px;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}