@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800;900&display=swap";:root{--bg-color:#f0f8ff;--text-color:#2b2b2b;--primary:#ff5e5e;--primary-hover:#ff3b3b;--secondary:#4facfe;--secondary-hover:#00f2fe;--accent:#ffd166;--accent-hover:#ffbc42;--white:#fff;--black:#000;--border-radius:20px;--border-width:4px;--border-color:#1a1a1a;--shadow-color:#1a1a1a33;--shadow:4px 4px 0px var(--border-color);--shadow-hover:2px 2px 0px var(--border-color)}.dark-mode{--bg-color:#1a1a2e;--text-color:#f1f2f6;--primary:#ff4757;--primary-hover:#ff6b81;--secondary:#0abde3;--secondary-hover:#48dbfb;--accent:#feca57;--accent-hover:#ff9f43;--white:#2f3542;--black:#fff;--border-color:#000}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .4s,color .4s,border-color .4s,box-shadow .2s}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;font-family:Nunito,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.cartoon-box{background-color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all .2s ease-in-out}.cartoon-btn{background-color:var(--primary);color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;text-transform:uppercase;letter-spacing:1px;padding:12px 24px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;transition:all .1s ease-in-out}.cartoon-btn:hover{box-shadow:6px 6px 0px var(--border-color);transform:translateY(-2px)}.cartoon-btn:active{box-shadow:var(--shadow-hover);transform:translateY(2px)}.cartoon-btn.secondary{background-color:var(--secondary)}.cartoon-btn.accent{background-color:var(--accent);color:var(--text-color)}.cartoon-input{border:var(--border-width) solid var(--border-color);border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;transition:box-shadow .2s}.cartoon-input:focus{box-shadow:4px 4px 0px var(--secondary)}@keyframes driveCar{0%{transform:translate(-150px)scaleX(-1)}to{transform:translate(110vw)scaleX(-1)}}.car-animation-container{pointer-events:none;z-index:50;width:100%;position:fixed;bottom:20px;left:0;overflow:hidden}.animated-car{font-size:3rem;animation:8s linear infinite driveCar;display:inline-block}.dashboard-container{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:20px}.ranking-container{-webkit-overflow-scrolling:touch;align-items:center;gap:15px;margin-bottom:20px;padding:15px;display:flex;overflow-x:auto}.ranking-title{flex-shrink:0;align-items:center;gap:5px;display:flex}.ranking-item{border:2px solid var(--border-color);border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:5px 15px;display:flex}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.calendar-day{text-align:center;cursor:pointer;border-radius:10px;padding:10px 5px;transition:border-color .2s,background-color .2s;position:relative}.day-dots-container{justify-content:center;gap:2px;margin-top:2px;display:flex}.day-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.ride-list-item{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:15px;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.ride-list-item-content{align-items:center;gap:15px;display:flex}.ride-list-item-info{flex-direction:column;display:flex}.ride-list-item-details{color:#555;gap:10px;margin-top:3px;font-size:.85rem;display:flex}.ride-list-item-actions{gap:10px;display:flex}.finance-modal-row{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:15px;justify-content:space-between;align-items:center;padding:15px;display:flex}.finance-modal-row-content{align-items:center;gap:10px;display:flex}.cartoon-modal-overlay{z-index:100;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.cartoon-modal-box{background-color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;padding:30px}@media (width<=600px){.dashboard-container{padding:10px!important}.header-container{text-align:center;flex-direction:column!important;gap:15px!important}.header-profile{flex-direction:column!important}.greeting-text{font-size:1.2rem!important}.header-actions{justify-content:center!important;width:100%!important}.cartoon-box{padding:15px!important}.calendar-header{flex-direction:column!important;align-items:center!important;gap:12px!important}.calendar-day{padding:6px 2px!important;font-size:.85rem!important}.day-dot{width:5px!important;height:5px!important}.ride-list-item{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.ride-list-item-content{text-align:center;flex-direction:column!important;align-items:center!important;gap:10px!important}.ride-list-item-info{align-items:center!important}.ride-list-item-details{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.ride-list-item-actions{border-top:1px solid var(--border-color);margin-top:5px;padding-top:10px;justify-content:center!important}.finance-modal-row{text-align:center;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.finance-modal-row-content{flex-direction:column!important;align-items:center!important}.finance-modal-row-btn{width:100%!important}.cartoon-modal-overlay{padding:10px!important}.cartoon-modal-box{padding:20px 15px!important}}