:root{--bg-primary: #0F172A;--bg-secondary: #1E293B;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--accent-primary: #F43F5E;--accent-green: #22C55E;--accent-yellow: #F59E0B;--accent-blue: #38BDF8}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.app-wrapper{max-width:800px;margin:0 auto;padding:1rem}button{cursor:pointer}.login-container{display:flex;align-items:center;justify-content:center;min-height:80vh}.login-box{background-color:var(--bg-secondary);padding:2rem;border-radius:15px;width:100%;max-width:350px;text-align:center}.login-box h2{margin-top:0}.login-box input,.login-box button{padding:.8rem;font-size:1rem;border-radius:8px;border:1px solid #334155}.login-box input{background-color:var(--bg-primary);color:var(--text-primary)}.login-box button{background-color:var(--accent-primary);color:#fff;font-weight:700}.login-box button:disabled{background-color:#555}.error-message{color:var(--accent-primary);font-size:.9rem;margin-top:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg-secondary);padding-bottom:1rem;margin-bottom:1rem}.dashboard-header h1{margin:0;font-size:1.5rem}.logout-btn{background-color:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px}.parcels-list h2{font-size:1.25rem;color:var(--text-secondary)}.parcel-card{background-color:var(--bg-secondary);border-left:5px solid var(--accent-yellow);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.parcel-card.status-in{border-left-color:var(--accent-blue)}.parcel-card.status-delivered{border-left-color:var(--accent-green)}.parcel-card.status-returned{border-left-color:var(--accent-primary)}.parcel-card h3{margin:0 0 1rem}.parcel-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;font-size:.9rem}.parcel-details h4{margin:0 0 5px;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.parcel-details p{margin:0}.parcel-location a{color:var(--accent-blue);text-decoration:none;font-weight:700;display:inline-block;margin-bottom:1rem}.parcel-status{margin-top:1rem;padding-top:1rem;border-top:1px solid #334155;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.status-update select{padding:.5rem;border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);border-color:#334155;font-size:.9rem}@media (max-width: 600px){.app-wrapper{padding:.5rem}.dashboard-header h1{font-size:1.2rem}.parcel-details{grid-template-columns:1fr}.parcel-card{padding:1rem}.login-box{padding:1.5rem}}:root{--background-dark: #0F172A;--primary: #1E2B3A;--secondary: #334155;--text-light: #F1F5F9;--text-muted: #94A3B8;--accent-blue: #38BDF8;--accent-pink: #ff9b05;--accent-green: #34D399;--accent-yellow: #FBBF24;--accent-purple: #8B5CF6;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--background-dark);color:var(--text-light)}.app-wrapper{width:100%;max-width:500px;margin:0 auto;background-color:var(--background-dark);min-height:100vh;position:relative}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:1.5rem}.login-logo{width:200px;margin-bottom:2rem}.login-box{width:100%;padding:2rem;background-color:var(--primary);border-radius:16px}.login-box h2{text-align:center;margin:0 0 1.5rem}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{background-color:var(--background-dark);border:1px solid var(--secondary);color:var(--text-light);padding:.8rem 1rem;border-radius:8px;font-size:1rem}.login-box button{background:linear-gradient(90deg,var(--accent-blue),var(--accent-pink));color:#fff;padding:.8rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer}.error-message{color:var(--accent-pink);text-align:center;margin:.5rem 0 0}.main-app-container{display:flex;flex-direction:column;height:100vh}.main-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--primary);border-bottom:1px solid var(--secondary);position:sticky;top:0;z-index:100}.header-logo{height:40px}.rider-info{text-align:right}.rider-info strong{display:block}.rider-info span{font-size:.8rem;color:var(--text-muted)}.content-area{flex-grow:1;overflow-y:auto;padding:1rem 1rem 80px}.page-content h2{font-size:1.5rem;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:500px;margin:0 auto;display:flex;background-color:var(--primary);padding:.5rem 0;border-top:1px solid var(--secondary);z-index:100}.bottom-nav button{flex:1;background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button.active{color:var(--accent-blue)}.bottom-nav button span{font-size:.7rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.summary-card{background-color:var(--primary);border-radius:12px;padding:1rem}.summary-card.full-width{grid-column:1 / -1}.summary-card-title{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.summary-card-value{font-size:2rem;font-weight:700}.job-card{background-color:var(--primary);border-radius:12px;padding:1rem;margin-bottom:1rem}.job-card.type-food{border-left:4px solid var(--accent-pink)}.job-card.type-request{border-left:4px solid var(--accent-purple)}.job-card.type-parcel{border-left:4px solid var(--accent-yellow)}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.job-header h3{margin:0;font-size:1.1rem}.job-header .job-type{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase}.job-header .job-type.type-food{background-color:var(--accent-pink);color:#fff}.job-header .job-type.type-request{background-color:var(--accent-purple);color:#fff}.job-header .job-type.type-parcel{background-color:var(--accent-yellow);color:var(--background-dark)}.job-details{display:flex;flex-direction:column;gap:.8rem;font-size:.9rem}.detail-item{display:flex;align-items:flex-start;gap:12px}.detail-item svg{color:var(--text-muted);flex-shrink:0;margin-top:3px}.detail-item div strong{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;display:block}.job-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--secondary);display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:.6rem;border-radius:8px;border:none;font-weight:700;text-decoration:none;color:#fff;font-size:.9rem}.call-btn{background-color:var(--accent-green)}.map-btn{background-color:var(--accent-blue)}.update-btn{background-color:var(--accent-pink);grid-column:1 / -1}.history-item{margin-bottom:1rem;padding:1rem;background-color:var(--primary);border-radius:12px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-header strong{font-size:1rem}.history-status{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600}.history-details{font-size:.85rem;color:var(--text-muted)}.history-details p{margin:2px 0}.profile-card{background-color:var(--primary);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.profile-info{display:flex;flex-direction:column;gap:.5rem}.profile-info div{display:flex;justify-content:space-between;border-bottom:1px solid var(--secondary);padding-bottom:.5rem}.profile-info strong{color:var(--text-muted)}.logout-btn{background-color:var(--accent-pink);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;margin-top:1rem;font-weight:700;width:100%}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--primary);border-radius:16px;padding:1.5rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem;border-top:4px solid var(--accent-blue)}.modal-content h3{margin:0}.modal-select,.modal-content input,.modal-content textarea{width:100%;padding:.8rem;border-radius:8px;background-color:var(--background-dark);color:var(--text-light);border:1px solid var(--secondary);font-size:1rem;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.modal-actions button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600}.btn-secondary{background-color:var(--secondary);color:var(--text-light)}.btn-primary{background-color:var(--accent-pink);color:#fff}