@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-gradient-start:#f8f9fa;--bg-gradient-mid:#e9ecef;--bg-gradient-end:#dee2e6;--text-primary:#1a1f3a;--text-secondary:#495057;--text-tertiary:#6c757d;--card-bg:#ffffffe6;--card-border:#0000001a;--input-bg:#ffffffe6;--input-border:#00000026;--shadow-color:#0000001a;--scrollbar-track:#0000000d;--scrollbar-thumb:#2563eb4d;--primary-blue:#2563eb;--primary-blue-dark:#1d4ed8;--primary-blue-light:#3b82f6;--primary-blue-lighter:#60a5fa;--primary-blue-lightest:#93c5fd;--success-color:#10b981;--success-dark:#059669;--error-color:#ef4444;--error-light:#fca5a5;--warning-color:#f59e0b;--header-bg:#fffc;--header-border:#0000001a;--button-bg-secondary:#2563eb1a;--button-text-secondary:#2563eb;--tag-bg:#0000000d;--tag-text:#495057;--badge-bg:#2563eb1a;--badge-text:#2563eb}[data-theme=dark]{--bg-primary:#0a0e27;--bg-secondary:#1a1f3a;--bg-tertiary:#0f172a;--bg-gradient-start:#0a0e27;--bg-gradient-mid:#1a1f3a;--bg-gradient-end:#0f172a;--text-primary:#fff;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--card-bg:#1a1f3ab3;--card-border:#2d37484d;--input-bg:#1a1f3a99;--input-border:#2d374880;--shadow-color:#0000004d;--scrollbar-track:#1a1f3a80;--scrollbar-thumb:#2563eb99;--header-bg:#0a0e27cc;--header-border:#2d37484d;--button-bg-secondary:#2563eb1a;--button-text-secondary:#60a5fa;--tag-bg:#2d374880;--tag-text:#a0aec0;--badge-bg:#2d374880;--badge-text:#a0aec0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8f9fa,#e9ecef 50%,#dee2e6);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;color:#1a1f3a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-weight:400;letter-spacing:-.01em;margin:0;overflow-x:hidden;touch-action:pan-y;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-weight:600}@media (max-width:480px){body{font-size:15px}}@media (max-width:360px){body{font-size:14px}}#root{-webkit-overflow-scrolling:touch;box-sizing:border-box;min-height:100vh}#root,body,html{overflow-x:hidden;width:100%}body,html{max-width:100vw}.container,[class*=-container]{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}div,h1,h2,h3,h4,h5,h6,p,span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(37,99,235,.2);touch-action:manipulation}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d;background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb,#1d4ed8);border:2px solid #0000000d;border:2px solid var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)}.bottom-navigation{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:var(--card-bg);border-top:1px solid var(--card-border);bottom:0;box-shadow:0 -4px 16px 0 var(--shadow-color),0 -2px 4px 0 var(--shadow-color);justify-content:space-around;left:50%;max-width:428px;padding:12px 4px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;transform:translateX(-50%);transition:background .3s ease,border-color .3s ease;width:100%;z-index:1000}.bottom-navigation,.nav-item{align-items:center;display:flex}.nav-item{background:#0000;border:none;border-radius:14px;cursor:pointer;flex:1 1;flex-direction:column;gap:6px;max-width:80px;min-width:56px;padding:10px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(135deg,#2563eb33,#1d4ed833);border-radius:14px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-item.active:before{opacity:1}.nav-item.active{transform:translateY(-2px)}.nav-item:hover{background:var(--bg-secondary)}.nav-item.active .nav-icon{color:var(--primary-blue-lighter);transform:scale(1.1)}.nav-item.active .nav-label{color:var(--primary-blue-lighter);font-weight:700}.nav-icon{font-size:22px}.nav-icon,.nav-label{color:var(--text-tertiary);position:relative;transition:all .3s ease;z-index:1}.nav-label{font-size:11px;font-weight:600;letter-spacing:.3px}@media (max-width:480px){.bottom-navigation{padding:10px 2px calc(10px + env(safe-area-inset-bottom, 0px))}.nav-item{gap:4px;min-width:50px;padding:8px}.nav-icon{font-size:20px}.nav-label{font-size:10px}}@media (max-width:360px){.bottom-navigation{padding:8px 2px calc(8px + env(safe-area-inset-bottom, 0px))}.nav-item{gap:3px;min-width:44px;padding:6px}.nav-icon{font-size:18px}.nav-label{font-size:9px}}.login-screen{align-items:center;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;transition:background .3s ease}.login-screen:before{background:radial-gradient(circle at 20% 50%,#2563eb1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#1d4ed81a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-container{margin:0 auto;max-width:428px;position:relative;width:100%;z-index:1}@media (max-width:480px){.login-container{padding:0 16px}.logo-icon{height:80px;width:80px}.app-title{font-size:32px}.welcome-text{font-size:24px}}@media (max-width:360px){.login-container{padding:0 12px}.logo-icon{height:72px;width:72px}.app-title{font-size:28px}.welcome-text{font-size:22px}}.login-header{margin-bottom:40px;text-align:center}.app-logo{margin-bottom:24px}.app-logo,.logo-icon{display:flex;justify-content:center}.logo-icon{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 24px 0 var(--shadow-color),0 4px 8px 0 var(--shadow-color);height:88px;overflow:hidden;padding:12px;position:relative;width:88px}.logo-icon img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:100%;object-fit:contain;width:100%}.logo-icon:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.welcome-text{color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.welcome-subtext{color:var(--text-secondary);font-size:16px;font-weight:400;margin-top:8px}.login-form{width:100%}.input-icon{flex-shrink:0}.input-icon-left{align-items:center;display:flex;height:20px;justify-content:center;left:18px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.form-footer{display:flex;justify-content:flex-end;margin-bottom:24px}.forgot-link{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.signup-link{color:var(--text-secondary);font-size:14px;margin-top:24px;text-align:center}.signup-link a{color:#2563eb;font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.signup-screen{align-items:center;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;transition:background .3s ease}.signup-screen:before{background:radial-gradient(circle at 20% 50%,#2563eb1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#1d4ed81a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signup-container{margin:0 auto;max-width:428px;position:relative;width:100%;z-index:1}@media (max-width:480px){.signup-container{padding:0 16px}.app-title{font-size:28px}.profile-image-container{height:112px;width:112px}.phone-input-group{gap:10px}}@media (max-width:360px){.signup-container{padding:0 12px}.app-title{font-size:24px}.profile-image-container{height:100px;width:100px}.plastic-type-grid{grid-template-columns:repeat(2,1fr)}}.signup-header{margin-bottom:32px;text-align:center}.app-title{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.app-subtitle{color:var(--text-secondary);font-size:16px}.auth-tabs{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;gap:0;margin-bottom:32px;padding:4px}.auth-tab{border-radius:8px;color:var(--text-secondary);flex:1 1;font-weight:500;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease}.auth-tab.active{background-color:#2563eb;color:#fff}.signup-form{width:100%}.profile-upload-section{margin-bottom:32px}.profile-upload-label,.profile-upload-section{align-items:center;display:flex;flex-direction:column}.profile-upload-label{cursor:pointer}.profile-image-container{align-items:center;background:var(--card-bg);border:3px solid #2563eb4d;border-radius:50%;box-shadow:0 8px 24px 0 var(--shadow-color),0 0 0 1px #2563eb33;display:flex;height:128px;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative;transition:all .3s ease;width:128px}.profile-image-container:hover{border-color:#2563eb80;box-shadow:0 12px 32px 0 #0006,0 0 0 1px #2563eb4d;transform:scale(1.02)}.profile-image{height:100%;object-fit:cover;width:100%}.profile-placeholder{color:var(--text-tertiary);flex-direction:column;font-size:32px}.plus-icon{background-color:#2563eb;font-size:16px;height:24px;width:24px}.edit-icon,.plus-icon{align-items:center;border-radius:50%;bottom:8px;color:#fff;display:flex;justify-content:center;position:absolute;right:8px}.edit-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:3px solid var(--bg-primary);box-shadow:0 4px 12px 0 #2563eb66;cursor:pointer;font-size:18px;height:36px;transition:all .3s ease;width:36px}.edit-icon:hover{box-shadow:0 6px 16px 0 #2563eb80;transform:scale(1.1)}.upload-text{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:4px}.upload-hint{color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{box-sizing:border-box;padding:16px 50px 16px 60px}.input-icon{stroke:currentColor;fill:none;color:var(--text-tertiary);font-size:20px;height:20px;left:18px;pointer-events:none;width:20px}.input-icon,.input-icon-btn{align-items:center;display:flex;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-icon-btn{background:none;border:none;border-radius:6px;cursor:pointer;height:28px;padding:4px;right:18px;transition:background-color .2s ease;width:28px}.input-icon-btn:hover{background-color:#0000000d}.input-icon-btn:active{background-color:#0000001a}.input-icon-btn .input-icon{pointer-events:none}.phone-input-group{display:flex;gap:12px}.country-code-selector{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;display:flex;min-width:100px;padding:0 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.country-code-selector:focus-within{background:var(--input-bg);border-color:#2563eb99;box-shadow:0 0 0 4px #2563eb26}.flag-icon{font-size:20px;margin-right:8px}.country-code-select{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:16px;outline:none;padding:16px 0}.phone-input{flex:1 1}.password-hint{color:var(--text-tertiary);font-size:12px;margin-top:4px}.terms-checkbox{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px;transition:all .3s ease}.terms-checkbox:hover{background:var(--bg-secondary);border-color:var(--card-border)}.terms-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-top:4px;width:20px}.terms-checkbox label{color:var(--text-secondary);font-size:14px;line-height:1.5}.terms-checkbox a{color:#2563eb;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.error-message{margin-bottom:16px}.login-link{color:var(--text-secondary);font-size:14px;margin-top:24px;text-align:center}.login-link a{color:#2563eb;font-weight:500;text-decoration:none}.login-link a:hover{text-decoration:underline}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.forgot-password-screen{align-items:center;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.forgot-password-container{margin:0 auto;max-width:428px;position:relative;width:100%;z-index:1}@media (max-width:480px){.forgot-password-container{padding:0 16px}.forgot-password-title,.success-title{font-size:24px}}@media (max-width:360px){.forgot-password-container{padding:0 12px}.forgot-password-title,.success-title{font-size:22px}}.forgot-password-content{margin-top:40px;text-align:center}.forgot-password-icon{display:flex;justify-content:center;margin-bottom:24px}.forgot-password-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.forgot-password-subtitle{color:#94a3b8;font-size:16px;line-height:1.6;margin-bottom:32px}.forgot-password-form{text-align:left}.back-to-login{margin-top:24px;text-align:center}.back-link{align-items:center;color:#60a5fa;display:inline-flex;font-size:14px;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.back-link:hover{color:#93c5fd;transform:translateX(-4px)}.success-content{padding:40px 20px;text-align:center}.success-icon{display:flex;justify-content:center;margin-bottom:24px}.success-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.success-message{color:#e2e8f0;font-size:16px;line-height:1.6;margin-bottom:12px}.success-message strong{color:#60a5fa;font-weight:600}.success-submessage{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:32px}.approval-pending-screen{align-items:center;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;transition:background .3s ease}.approval-pending-screen:before{background:radial-gradient(circle at 50% 30%,#2563eb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.approval-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:428px;min-height:100vh;padding:32px 24px;position:relative;width:100%;z-index:1}@media (max-width:480px){.approval-container{padding:0 16px}.status-icon{height:160px;width:160px}.wait-time-box{padding:20px}}@media (max-width:360px){.approval-container{padding:0 12px}.status-icon{height:140px;width:140px}.almost-there{font-size:24px}}.approval-content{text-align:center;width:100%}.status-icon-container{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.status-icon-circle{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:24px;position:relative;width:120px}.status-icon-circle .arrow-down-icon{height:100%;width:100%}.status-icon{align-items:center;animation:float 3s ease-in-out infinite;display:flex;height:180px;justify-content:center;margin-bottom:20px;position:relative;width:180px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.status-text{color:#60a5fa;font-size:18px;font-weight:500;letter-spacing:.5px}.almost-there{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.status-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:360px;padding:0 8px}.brand-name{color:#2563eb;font-weight:600}.wait-time-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 16px 0 var(--shadow-color);box-sizing:border-box;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:360px;padding:20px 24px;width:100%}.wait-time-content{align-items:center;display:flex;gap:16px;justify-content:flex-start}.clock-icon-wrapper{align-items:center;background:#2563eb26;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-icon,.refresh-icon-spinning{height:20px;margin-right:8px;width:20px}.refresh-icon-spinning{animation:spin 1s linear infinite}.wait-time-text{align-items:flex-start;display:flex;flex-direction:column}.wait-label{color:var(--text-tertiary);font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.wait-duration{color:var(--text-primary);font-size:24px;font-weight:700}.refresh-btn{align-items:center;background:#2563eb;border:none;border-radius:14px;box-shadow:0 4px 12px #2563eb66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:0 auto 24px;max-width:360px;padding:16px 24px;transition:all .3s ease;width:100%}.refresh-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 16px #2563eb80;transform:translateY(-1px)}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{cursor:not-allowed;opacity:.7}.notification-hint{color:var(--text-tertiary);font-size:14px;font-weight:400;gap:10px;margin-top:8px}.access-denied-screen,.notification-hint{align-items:center;display:flex;justify-content:center}.access-denied-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding:20px;position:relative;transition:background .3s ease}.access-denied-screen:before{background:radial-gradient(circle at 50% 30%,#ef44441a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.access-denied-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:428px;min-height:100vh;padding:32px 24px;position:relative;text-align:center;width:100%;z-index:1}.error-icon{height:120px;margin-bottom:32px;width:120px}.error-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.error-message{color:#cbd5e1;font-size:16px;line-height:1.6;margin-bottom:12px;max-width:360px;padding:0 8px}.error-submessage{color:#94a3b8;font-size:14px;line-height:1.5;margin-bottom:40px;padding:0 8px}.sign-out-btn{background:#ef4444;border:none;border-radius:14px;box-shadow:0 4px 12px #ef444466;color:#fff;font-weight:600;max-width:360px;padding:16px 24px;width:100%}.sign-out-btn:hover{background:#dc2626;box-shadow:0 6px 16px #ef444480}.sign-out-btn:active{transform:translateY(0)}.dashboard-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.dashboard-container{box-sizing:border-box;margin:0 auto;max-width:428px;overflow-x:hidden;padding:0 20px;width:100%}.dashboard-header{justify-content:space-between;padding:20px 0}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:14px}.app-icon{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px 0 var(--shadow-color);display:flex;height:44px;justify-content:center;overflow:hidden;padding:6px;transition:all .3s ease;width:44px}.app-icon img{height:100%;object-fit:contain;width:100%}.app-icon:hover{background:var(--bg-secondary);box-shadow:0 6px 16px 0 var(--shadow-color);transform:scale(1.05)}.app-name{color:var(--text-primary);font-size:19px;font-weight:700;letter-spacing:-.02em}.help-btn:hover{border-color:var(--card-border)}.user-info-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--card-bg) 0,var(--bg-secondary) 100%);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 8px 24px 0 #00000014,0 2px 8px 0 #0000000a,inset 0 1px 0 0 #ffffff1a;display:flex;justify-content:space-between;margin:24px 0;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info-section:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,var(--primary-blue) 0,var(--primary-blue-light) 50%,var(--primary-blue) 100%);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-info-section:hover{border-color:#2563eb4d;box-shadow:0 12px 32px 0 #2563eb26,0 4px 12px 0 #00000014,inset 0 1px 0 0 #ffffff26;transform:translateY(-3px)}.user-profile{align-items:center;display:flex;flex:1 1;gap:18px;min-width:0}.profile-image-wrapper{flex-shrink:0;position:relative}.profile-image{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 20px 0 #2563eb40,0 0 0 1px #2563eb1a,inset 0 1px 0 0 #fff3;display:flex;font-size:24px;height:72px;justify-content:center;overflow:hidden;transition:all .3s ease;width:72px}.profile-image:hover{box-shadow:0 12px 28px 0 #2563eb59,0 0 0 1px #2563eb26,inset 0 1px 0 0 #ffffff4d;transform:scale(1.05)}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;color:#ffffffe6;display:flex;justify-content:center}.online-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--success-color) 0,var(--success-dark) 100%);border:3.5px solid var(--card-bg);border-radius:50%;bottom:2px;box-shadow:0 3px 10px 0 #10b98180,0 0 0 2px #10b98133;height:20px;position:absolute;right:2px;width:20px;z-index:1}.user-details{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.user-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.user-greeting{word-wrap:break-word;color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0}.verified-badge{align-items:center;background:linear-gradient(135deg,var(--success-color) 0,var(--success-dark) 100%);border-radius:50%;box-shadow:0 2px 8px 0 #10b98166;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.user-status-row{color:var(--text-tertiary);flex-wrap:wrap;font-size:13px;font-weight:500;gap:8px}.user-role,.user-status-row{align-items:center;display:flex}.user-role{color:var(--primary-blue);font-weight:600;gap:4px}.user-separator{color:var(--text-tertiary);opacity:.5}.user-id{background:var(--tag-bg);border-radius:6px;color:var(--text-secondary);font-family:Courier New,monospace;font-size:12px;font-weight:500;padding:2px 8px}.online-toggle{align-items:center;border-left:1px solid var(--card-border);display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding-left:16px}.toggle-switch{background-color:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:16px;box-shadow:inset 0 2px 4px 0 #0000001a;cursor:pointer;height:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.toggle-switch:hover{transform:scale(1.05)}.toggle-switch.active{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-color:var(--primary-blue);box-shadow:0 4px 12px 0 #2563eb66,inset 0 1px 0 0 #fff3}.toggle-slider{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;box-shadow:0 2px 8px 0 #0003,0 1px 2px 0 #0000001a;height:26px;left:3px;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:26px}.toggle-switch.active .toggle-slider{box-shadow:0 3px 10px 0 #00000040,0 1px 3px 0 #00000026;transform:translateX(24px)}.online-text{color:var(--primary-blue);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.stats-section{display:flex;gap:12px;margin-bottom:24px}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px 0 var(--shadow-color);flex:1 1;padding:20px 16px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--card-border);box-shadow:0 6px 16px 0 var(--shadow-color);transform:translateY(-2px)}.stat-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.03em}.order-filters{display:flex;gap:12px;margin-bottom:24px}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;box-shadow:0 2px 4px 0 var(--shadow-color);color:var(--text-tertiary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{background:var(--bg-secondary);border-color:var(--card-border);transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-color:var(--primary-blue);box-shadow:0 4px 12px 0 #2563eb4d;color:#fff;transform:translateY(-1px)}.pickups-section{margin-bottom:24px}.section-date{color:var(--text-tertiary);font-size:14px}.sort-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sort-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;color:var(--text-tertiary);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-btn:hover{background:var(--bg-secondary);border-color:var(--card-border);transform:translateY(-1px)}.sort-btn.active{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-color:var(--primary-blue);box-shadow:0 4px 12px 0 #2563eb4d;color:#fff}.pickup-cards{display:flex;flex-direction:column;gap:16px}.pickup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px 0 var(--shadow-color);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pickup-card:hover{border-color:var(--card-border);box-shadow:0 8px 24px 0 var(--shadow-color);transform:translateY(-2px)}.pickup-card.active{background:var(--bg-secondary);border:2px solid #2563eb80;box-shadow:0 4px 20px 0 #2563eb4d,0 0 0 1px #2563eb33}.pickup-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.pickup-tags{display:flex;flex-wrap:wrap;gap:8px}.pickup-tag{background-color:var(--tag-bg);border-radius:6px;color:var(--tag-text);font-size:11px;padding:4px 8px}.next-badge{background-color:var(--primary-blue);color:#fff}.next-badge,.scheduled-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 12px}.scheduled-badge{background-color:var(--tag-bg);color:var(--tag-text)}.pickup-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.pickup-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.detail-item{align-items:flex-start;display:flex;gap:12px;padding:8px 0}.detail-item.customer-info{border-bottom:1px solid var(--card-border);margin-bottom:4px;padding-bottom:12px}.detail-icon{flex-shrink:0;font-size:20px;margin-top:2px}.detail-content{flex:1 1;min-width:0}.detail-text{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.detail-subtext,.detail-text{word-wrap:break-word;line-height:1.4}.detail-subtext{color:var(--text-tertiary);font-size:12px}.special-instructions{align-items:flex-start;display:flex;gap:12px;margin-top:8px}.instructions-box{word-wrap:break-word;background-color:#f59e0b1a;border-left:3px solid var(--warning-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:13px;line-height:1.5;padding:12px}.instructions-box strong{color:var(--warning-color);display:block;font-weight:600;margin-bottom:4px}.btn-start-pickup{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border:none;border-radius:14px;box-shadow:0 4px 12px 0 #2563eb4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-start-pickup:hover{background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--primary-blue) 100%);box-shadow:0 6px 16px 0 #2563eb66;transform:translateY(-2px)}.btn-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;color:var(--text-primary);font-size:20px;height:48px;width:48px}.btn-icon:hover{transform:translateY(-2px) scale(1.05)}.pickup-view-details{text-align:right}.view-details-link{background:none;border:none;color:var(--primary-blue);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}@media (max-width:480px){.dashboard-container{padding:0 16px}.stats-section{gap:10px}.stat-card{padding:16px 12px}.stat-value{font-size:24px}.user-info-section{margin:20px 0;padding:18px 20px}.profile-image{height:64px;width:64px}.user-greeting{font-size:22px}.online-toggle{padding-left:12px}.pickup-card{padding:20px}}@media (max-width:360px){.dashboard-container{padding:0 12px}.stats-section{gap:8px}.stat-card{padding:14px 10px}.stat-value{font-size:20px}.app-name{font-size:16px}}.history-screen{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));padding-top:env(safe-area-inset-top,0);transition:background .3s ease}.history-container,.history-screen{box-sizing:border-box;overflow-x:hidden;width:100%}.history-container{margin:0 auto;max-width:428px;padding:0 20px}.header{background:var(--header-bg);box-sizing:border-box;margin-bottom:20px;margin-top:calc(env(safe-area-inset-top, 0px)*-1);padding-bottom:8px;padding-top:calc(16px + env(safe-area-inset-top, 0px));width:100%;z-index:10}.header-back{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:44px;min-width:44px;padding:0;touch-action:manipulation;width:44px}.header-back:active{background:var(--bg-secondary);border-color:var(--card-border);transform:scale(.95)}.header-title{font-size:24px;margin:0}@media (max-width:600px){.header-title{font-size:20px}.history-stats{gap:8px}.stat-card-history{gap:10px;padding:14px 12px}.stat-icon-history{height:44px;width:44px}.stat-value-history{font-size:20px}.stat-label-history{font-size:10px}}@media (max-width:480px){.history-container{padding:0 16px}.header{margin-bottom:16px;padding-bottom:8px;padding-top:12px}.header-title{font-size:20px}.header-back{height:44px;min-width:44px;width:44px}.history-stats{gap:8px;margin:16px 0}.stat-card-history{gap:10px;padding:14px}.stat-icon-history{height:40px;width:40px}.stat-value-history{font-size:18px}.stat-label-history{font-size:9px}.filter-section{gap:8px;margin-bottom:16px}.filter-chip{flex:1 1;font-size:13px;min-height:44px;min-width:0;padding:10px 16px}.history-card{border-radius:20px;padding:20px}.history-order-id{font-size:16px}.history-date{font-size:12px}.history-status-badge{font-size:11px;padding:6px 10px}.history-detail-text{font-size:13px}.history-card-footer{align-items:stretch;flex-direction:column;gap:12px}.view-details-btn-history{justify-content:center;min-height:48px;padding:14px 18px;width:100%}.earnings-amount{font-size:18px}.empty-history{margin:16px 0;padding:40px 16px}.empty-text-history{font-size:16px}.empty-subtext-history{font-size:13px}}@media (max-width:360px){.history-container{padding:0 12px}.header{margin-bottom:14px;padding-bottom:8px;padding-top:10px}.header-title{font-size:18px}.header-back{height:44px;min-width:44px;width:44px}.history-stats{gap:8px;margin:14px 0}.stat-card-history{gap:8px;padding:12px 8px}.stat-icon-history{height:36px;width:36px}.stat-value-history{font-size:16px}.stat-label-history{font-size:8px;line-height:1.2}.filter-section{gap:6px;margin-bottom:14px}.filter-chip{flex:1 1;font-size:12px;min-height:44px;min-width:0;padding:10px 12px}.history-card{border-radius:20px;padding:18px}.history-card-header{margin-bottom:12px}.history-order-id{font-size:15px}.history-date{font-size:11px}.history-status-badge{font-size:10px;gap:4px;padding:5px 10px}.history-card-body{gap:8px;margin-bottom:12px}.history-detail-text{font-size:12px}.history-card-footer{gap:10px;padding-top:12px}.earnings-amount{font-size:16px}.earnings-label{font-size:11px}.view-details-btn-history{font-size:13px;min-height:44px;padding:12px 16px}.empty-history{margin:14px 0;padding:32px 12px}.empty-text-history{font-size:15px}.empty-subtext-history{font-size:12px}}.history-stats{margin:24px 0;width:100%}.history-stats,.stat-card-history{box-sizing:border-box;display:flex;gap:12px}.stat-card-history{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 2px 8px 0 var(--shadow-color);flex:1 1;flex-direction:column;min-width:0;overflow:hidden;padding:16px;position:relative;text-align:center;touch-action:manipulation;transition:all .2s ease}.stat-card-history:active{border-color:var(--card-border);transform:scale(.98)}.stat-icon-history{align-items:center;background:#2563eb1a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-bottom:4px;transition:all .2s ease;width:48px}.stat-value-history{word-wrap:break-word;color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px;overflow-wrap:break-word}.stat-label-history{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.3;text-transform:uppercase;word-break:break-word}.filter-section{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:8px;margin:24px 0 20px;overflow-x:auto;scrollbar-width:none;width:100%}.filter-section::-webkit-scrollbar{display:none}.filter-chip{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-height:44px;min-width:0;padding:12px 20px;touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-chip:active{transform:scale(.96)}.filter-chip.active{background:var(--primary-blue);border-color:var(--primary-blue);box-shadow:0 2px 8px 0 #2563eb4d;color:#fff}.history-list{display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.history-card,.history-list{box-sizing:border-box;width:100%}.history-card{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px 0 #00000026;cursor:pointer;overflow:hidden;padding:24px;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-card:active{border-color:#2d374880;box-shadow:0 8px 24px 0 #00000040;transform:translateY(-2px)}.history-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.history-order-info{flex:1 1;min-width:0;overflow:hidden}.history-order-id{word-wrap:break-word;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:16px;overflow-wrap:break-word}.history-date{display:none}.history-status-badge{align-items:center;background-color:var(--success-color);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:4px 12px;white-space:nowrap}.history-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.history-detail-item{align-items:flex-start;display:flex;gap:12px;min-width:0;width:100%}.history-detail-item .detail-icon{flex-shrink:0;font-size:20px;margin-top:2px}.history-detail-item .detail-content{flex:1 1;min-width:0}.history-detail-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.4;margin-bottom:4px;overflow-wrap:break-word}.history-detail-subtext{color:var(--text-tertiary);font-size:12px}.history-card-footer{border-top:none;padding-top:0;text-align:right}.earnings-amount,.earnings-label,.history-earnings{display:none}.view-details-btn-history{-webkit-tap-highlight-color:transparent;background:none;border:none;color:var(--primary-blue);cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.view-details-btn-history:active{color:var(--primary-blue-light);opacity:.8}.empty-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px dashed var(--card-border);border-radius:20px;margin:24px 0;padding:60px 20px;text-align:center}.empty-icon-history{align-items:center;display:flex;justify-content:center;margin-bottom:16px;opacity:.6;transition:all .3s ease}.empty-history:hover .empty-icon-history{opacity:.8;transform:scale(1.05)}.empty-text-history{color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.empty-subtext-history{color:var(--text-tertiary);font-size:14px;line-height:1.5}.mapview-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.mapview-container{box-sizing:border-box;margin:0 auto;max-width:428px;overflow-x:hidden;padding:0 20px;width:100%}@media (max-width:480px){.mapview-container{padding:0 16px}.map-placeholder-large{height:350px}.pickup-map-card{padding:14px}}@media (max-width:360px){.mapview-container{padding:0 12px}.map-placeholder-large{height:300px}.map-type-toggle{gap:2px}.map-type-btn{font-size:11px;padding:5px 10px}}.map-type-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;gap:4px;padding:4px}.map-type-btn{background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.map-type-btn:hover{background:var(--button-bg-secondary);color:var(--primary-blue-lighter)}.map-type-btn.active{background:var(--button-bg-secondary);box-shadow:0 2px 8px 0 var(--shadow-color);color:var(--primary-blue)}.map-container{border-radius:20px;box-shadow:0 8px 24px 0 #0000004d;margin:24px 0;overflow:hidden}.map-placeholder-large{align-items:center;background:var(--bg-secondary);border-radius:20px;display:flex;flex-direction:column;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.map-placeholder-text{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px;margin-top:16px}.map-placeholder-subtext{color:var(--text-tertiary);font-size:14px}.map-markers{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.map-marker{cursor:pointer;position:absolute;transition:all .3s ease;z-index:10}.map-marker:hover{transform:scale(1.1)}.marker-pin{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50% 50% 50% 0;box-shadow:0 4px 12px 0 #2563eb66;display:flex;height:40px;justify-content:center;position:relative;transform:rotate(-45deg);width:40px;z-index:2}.marker-pin svg{transform:rotate(45deg)}.marker-pulse{animation:pulse 2s infinite;background:#2563eb4d;border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.map-marker.selected .marker-pin{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px 0 #10b98180}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.pickups-list{margin-top:24px}.list-header{margin-bottom:16px}.list-title{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.02em}.pickups-list-content{display:flex;flex-direction:column;gap:12px}.pickup-map-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 2px 8px 0 var(--shadow-color);box-sizing:border-box;cursor:pointer;overflow:hidden;padding:16px;transition:all .3s ease;width:100%}.pickup-map-card:hover{border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color);transform:translateY(-2px)}.pickup-map-card.selected{background:var(--bg-secondary);border-color:var(--primary-blue);box-shadow:0 4px 16px 0 #2563eb4d}.pickup-map-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pickup-map-info{flex:1 1}.pickup-map-id{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:4px}.pickup-map-type{color:var(--text-tertiary);font-size:13px}.pickup-map-badge{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-radius:12px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;padding:4px 10px}.pickup-map-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pickup-map-detail{align-items:center;display:flex;gap:8px;min-width:0}.pickup-map-text{word-wrap:break-word;color:var(--text-secondary);flex:1 1;font-size:13px;min-width:0;overflow-wrap:break-word}.pickup-map-card-actions{display:flex;gap:8px}.directions-btn-map{align-items:center;background:var(--button-bg-secondary);border:1px solid var(--card-border);border-radius:12px;color:var(--button-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .3s ease}.directions-btn-map:hover{background:var(--bg-secondary);border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color);color:var(--primary-blue-light);transform:translateY(-1px)}.start-btn-map{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 2px 8px 0 #2563eb4d;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px;transition:all .3s ease}.start-btn-map:hover{box-shadow:0 4px 12px 0 #2563eb66;transform:translateY(-1px)}.empty-map-state{padding:60px 20px;text-align:center}.empty-icon-map{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text-map{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtext-map{color:var(--text-tertiary);font-size:14px}.alerts-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.alerts-container{box-sizing:border-box;margin:0 auto;max-width:428px;overflow-x:hidden;padding:0 20px;width:100%}.header{gap:12px}@media (max-width:480px){.alerts-container{padding:0 16px}.alert-card{gap:12px;padding:14px}.alert-icon-wrapper{height:44px;width:44px}.summary-card{padding:18px}}@media (max-width:360px){.alerts-container{padding:0 12px}.alert-card{gap:10px;padding:12px}.alert-title{font-size:14px}.alert-message{font-size:13px}}.mark-all-read-btn{background:var(--button-bg-secondary);border:1px solid var(--card-border);border-radius:10px;color:var(--button-text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mark-all-read-btn:hover{background:var(--bg-secondary);border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color);color:var(--primary-blue-light);transform:translateY(-1px)}.alerts-summary{margin:24px 0}.summary-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px 0 var(--shadow-color);display:flex;gap:16px;padding:20px;transition:all .3s ease}.summary-content{flex:1 1}.summary-value{color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.summary-label{color:var(--text-tertiary);font-size:14px;font-weight:500}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 2px 8px 0 var(--shadow-color);box-sizing:border-box;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.alert-card:hover{border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color);transform:translateY(-2px)}.alert-card.unread{background:var(--bg-secondary);border-left:4px solid var(--primary-blue)}.alert-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.alert-icon{font-size:24px}.alert-content{word-wrap:break-word;flex:1 1;min-width:0;overflow:hidden}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.alert-title{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.02em}.unread-dot{background:var(--primary-blue);border-radius:50%;flex-shrink:0;height:8px;width:8px}.alert-message{word-wrap:break-word;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:12px;overflow-wrap:break-word}.alert-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.alert-time{color:var(--text-tertiary);font-size:12px}.view-order-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--primary-blue);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-order-btn:hover{background:var(--button-bg-secondary);color:var(--primary-blue-light);transform:translateX(4px)}.mark-read-btn{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .3s ease}.mark-read-btn:hover{background:#10b98133;border-color:#10b98180;transform:scale(1.1)}.empty-alerts{padding:60px 20px;text-align:center}.empty-icon-alerts{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text-alerts{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtext-alerts{color:var(--text-tertiary);font-size:14px}.pickup-details-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.pickup-details-container{box-sizing:border-box;margin:0 auto;max-width:428px;overflow-x:hidden;padding:0 20px;width:100%}@media (max-width:480px){.pickup-details-container{padding:0 16px}.map-section{height:250px}.info-card{padding:18px}}@media (max-width:360px){.pickup-details-container{padding:0 12px}.map-section{height:220px}.info-card{padding:16px}}.map-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 24px 0 var(--shadow-color);height:280px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.map-placeholder{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.map-pin{font-size:48px;margin-bottom:8px}.map-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin-top:8px}.get-directions-btn{align-items:center;background:var(--primary-blue);border:none;border-radius:14px;bottom:16px;box-shadow:0 4px 12px 0 #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 18px;position:absolute;right:16px;transition:all .3s ease;z-index:10}.get-directions-btn:hover{background:var(--primary-blue-dark);box-shadow:0 6px 16px 0 #2563eb66;transform:translateY(-2px)}.status-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.status-tag{align-items:center;background-color:var(--tag-bg);border-radius:20px;color:var(--tag-text);display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.status-tag.pending{background-color:#92400e;color:#fbbf24}.status-dot{background-color:currentColor;border-radius:50%;height:6px;width:6px}.type-tag{align-items:center;background-color:var(--tag-bg);border-radius:20px;color:var(--tag-text);display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px}.scale-icon{font-size:14px}.info-section{margin-bottom:24px}.section-title{color:var(--text-tertiary);font-size:16px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.info-card{box-shadow:0 2px 8px 0 var(--shadow-color);padding:20px}.info-card:hover{border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color)}.info-item{align-items:flex-start;display:flex;gap:12px}.info-icon{font-size:20px;margin-top:2px}.location-icon,.map-icon{color:var(--text-secondary)}.phone-icon{color:#fff}.info-content{flex:1 1}.info-text{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.5;margin-bottom:8px}.info-subtext{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:4px}.landmark-icon{font-size:12px}.customer-contact{align-items:center;display:flex;gap:16px}.customer-avatar{align-items:center;background-color:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;width:50px}.customer-info{flex:1 1}.customer-name{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.customer-type{color:var(--text-secondary);font-size:14px}.call-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50%;box-shadow:0 4px 12px 0 #2563eb4d;cursor:pointer;display:flex;font-size:22px;height:52px;justify-content:center;transition:all .3s ease;width:52px}.call-btn:hover{box-shadow:0 6px 16px 0 #2563eb66;transform:scale(1.1)}.instructions-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b1a;border-left:4px solid var(--warning-color);border-radius:12px;box-shadow:0 2px 8px 0 var(--shadow-color);color:var(--text-primary);font-size:14px;line-height:1.7;padding:16px}.pickup-actions{align-items:center;display:flex;gap:12px}.start-pickup-btn{flex:1 1}.btn-icon{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px 0 var(--shadow-color);cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;transition:all .3s ease;width:52px}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color);transform:translateY(-2px)}.action-icon{color:var(--text-secondary)}@media (max-width:480px){.pickup-details-container{padding:0 12px}.map-section{height:200px}}.pickup-process-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.pickup-process-container{box-sizing:border-box;margin:0 auto;max-width:428px;overflow-x:hidden;padding:0 20px;width:100%}@media (max-width:480px){.pickup-process-container{padding:0 16px}.item-card{gap:12px;padding:16px}.order-info-card{padding:18px}}@media (max-width:360px){.pickup-process-container{padding:0 12px}.item-card{gap:10px;padding:14px}.item-number{font-size:14px;height:36px;width:36px}}.process-info{margin:24px 0}.order-info-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px 0 var(--shadow-color);display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.order-info-card:hover{border-color:var(--card-border);box-shadow:0 6px 16px 0 var(--shadow-color)}.order-id{color:var(--text-primary);font-size:16px;font-weight:600}.items-count{color:var(--text-tertiary);font-size:14px}.items-section{margin-bottom:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-title{color:var(--text-primary);font-size:20px;font-weight:600}.section-subtitle{color:var(--text-tertiary);font-size:14px;margin-bottom:16px;margin-top:-8px}.add-item-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px 0 #2563eb4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 18px;transition:all .3s ease}.add-item-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 16px 0 #2563eb66;transform:translateY(-2px)}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px dashed var(--card-border);border-radius:20px;padding:60px 24px;text-align:center;transition:all .3s ease}.empty-state:hover{background:var(--bg-secondary);border-color:var(--card-border)}.empty-icon{font-size:64px;margin-bottom:16px}.empty-text{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtext{color:var(--text-tertiary);font-size:14px}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 2px 8px 0 var(--shadow-color);box-sizing:border-box;display:flex;gap:16px;overflow:hidden;padding:18px;transition:all .3s ease;width:100%}.item-card:hover{border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color);transform:translateY(-2px)}.item-card.existing-item{border-left:3px solid #10b981}.item-card.existing-item:hover{border-left-color:#059669}.item-card.existing-item.has-quantity{background:#10b9810d;border-left-color:#059669}.confirm-section{border-top:1px solid var(--card-border);margin-top:20px;padding-top:20px}.confirm-items-btn{border-radius:12px;padding:14px 24px;width:100%}.confirm-items-btn,.item-number{box-shadow:0 4px 12px 0 #2563eb4d;font-size:16px;font-weight:700}.item-number{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.item-details{flex:1 1}.item-category{word-wrap:break-word;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.item-weight{color:var(--text-tertiary);font-size:14px;margin-bottom:4px}.user-quantity{color:#60a5fa;font-size:13px;font-weight:500;margin-bottom:8px}.quantity-input-wrapper{margin-bottom:4px;margin-top:8px}.quantity-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.quantity-input{background:var(--card-bg);border:2px solid var(--card-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;font-weight:600;padding:10px 12px;transition:all .2s ease;width:100%}.quantity-input:focus{background:var(--bg-secondary);border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.quantity-input.filled{background:#10b9810d;border-color:#10b981}.quantity-input.filled:focus{border-color:#059669;box-shadow:0 0 0 3px #10b9811a}.quantity-input::placeholder{color:var(--text-tertiary);font-weight:400}.item-description{word-wrap:break-word;color:var(--text-secondary);font-size:12px}.item-photo-preview{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.item-photo-preview img{height:100%;object-fit:cover;width:100%}.edit-item-btn{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;color:#60a5fa;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.edit-item-btn:hover{background:#2563eb33;border-color:#2563eb66;color:#93c5fd;transform:scale(1.05)}.action-section{margin-top:32px}@media (max-width:480px){.pickup-process-container{padding:0 12px}}.log-item-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.log-item-container{box-sizing:border-box;margin:0 auto;max-width:428px;overflow-x:hidden;padding:0 20px;width:100%}@media (max-width:480px){.log-item-container{padding:0 16px}.plastic-type-grid{gap:10px}.plastic-type-btn{padding:18px 10px}.weight-input-wrapper{padding:20px 16px}}@media (max-width:360px){.log-item-container{padding:0 12px}.plastic-type-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.plastic-type-btn{padding:16px 8px}.type-icon{font-size:28px}}.header{padding:16px 0}.header-back{flex-shrink:0}.header-title{font-weight:600}.header-cancel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;color:var(--text-tertiary);cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s ease}.header-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.progress-indicator{display:flex;gap:8px;justify-content:center;margin:16px 0 32px}.progress-dot{background-color:var(--bg-tertiary);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.progress-dot.active{border-radius:4px;width:24px}.progress-dot.active,.progress-dot.completed{background-color:var(--primary-blue)}.log-item-form{gap:24px}.form-group,.log-item-form{display:flex;flex-direction:column}.form-group{gap:12px}.form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.label-with-link{align-items:center;display:flex;justify-content:space-between}.guide-link{color:#2563eb;font-size:14px;text-decoration:none}.weight-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;box-shadow:0 4px 16px 0 #00000026,inset 0 1px 0 0 #ffffff0d;box-sizing:border-box;display:flex;padding:24px 20px;position:relative;transition:all .3s ease;width:100%}.weight-input-wrapper:focus-within{border-color:#2563eb99;box-shadow:0 0 0 4px #2563eb26,0 8px 24px 0 #2563eb33;transform:translateY(-2px)}.weight-icon{color:#718096;font-size:24px;margin-right:12px}.weight-input{background:none;border:none;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-size:32px;font-weight:600;outline:none;text-align:center;width:100%}.weight-input::placeholder{color:var(--text-tertiary)}.weight-unit{color:#718096;font-size:16px;margin-left:12px}.plastic-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.plastic-type-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 2px 4px 0 var(--shadow-color);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.plastic-type-btn:hover{border-color:var(--card-border);box-shadow:0 4px 8px 0 var(--shadow-color);transform:translateY(-2px)}.plastic-type-btn.selected{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-color:var(--primary-blue);box-shadow:0 4px 12px 0 #2563eb4d;transform:translateY(-2px) scale(1.02)}.selected-dot{background-color:#fff;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.type-icon{font-size:32px}.type-label{color:#fff;font-size:14px;font-weight:600}.plastic-type-btn:not(.selected) .type-label{color:var(--text-primary)}.type-sublabel{color:var(--text-tertiary);font-size:11px}.plastic-type-btn.selected .type-sublabel{color:#fffc}.photo-upload-area{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px dashed var(--card-border);border-radius:16px;box-shadow:0 2px 4px 0 var(--shadow-color);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:220px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.photo-upload-area:before{background:linear-gradient(90deg,#0000,#2563eb1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.photo-upload-area:hover:before{left:100%}.photo-upload-area:hover{background:#1e2740cc;border-color:#2563eb99;box-shadow:0 4px 12px 0 #2563eb33;transform:translateY(-2px)}.camera-icon{font-size:48px}.photo-text{color:#718096;font-size:14px}.photo-preview{border-radius:12px;height:100%;min-height:200px;object-fit:cover;width:100%}.notes-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:100px;padding:16px;resize:vertical;width:100%}.notes-input::placeholder{color:var(--text-tertiary)}.notes-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.notes-input::placeholder{color:#718096}.confirm-btn{margin-top:8px}@media (max-width:480px){.log-item-container{padding:0 12px}.plastic-type-grid{grid-template-columns:repeat(2,1fr)}}.pickup-summary-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.pickup-summary-container{box-sizing:border-box;margin:0 auto;max-width:428px;overflow-x:hidden;padding:0 20px;width:100%}@media (max-width:480px){.pickup-summary-container{padding:0 16px}.total-payable-card{padding:28px 20px}.total-amount{font-size:48px}.breakdown-item{padding:18px}}@media (max-width:360px){.pickup-summary-container{padding:0 12px}.total-payable-card{padding:24px 16px}.total-amount{font-size:42px}.customer-card{padding:20px}.breakdown-item{gap:14px;padding:16px}.item-icon-circle{height:48px;width:48px}}.customer-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px 0 var(--shadow-color);box-sizing:border-box;display:flex;gap:18px;margin:28px 0;overflow:hidden;padding:24px;transition:all .3s ease;width:100%}.customer-card:hover{border-color:var(--card-border);box-shadow:0 8px 24px 0 var(--shadow-color);transform:translateY(-2px)}.customer-avatar-large{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:3px solid #2563eb4d;border-radius:50%;box-shadow:0 4px 12px 0 #2563eb4d;color:#fff;display:flex;flex-shrink:0;font-size:26px;font-weight:700;height:68px;justify-content:center;width:68px}.customer-info-large{flex:1 1}.customer-name-large{word-wrap:break-word;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:6px}.customer-id{word-wrap:break-word;align-items:center;color:var(--text-tertiary);display:flex;font-size:14px;gap:6px}.verified-icon{color:#2563eb;font-weight:700}.total-payable-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--primary-blue);border:1px solid var(--primary-blue-dark);border-radius:24px;box-shadow:0 8px 24px 0 #2563eb4d;box-sizing:border-box;margin-bottom:28px;overflow:hidden;padding:32px 24px;position:relative;text-align:center;width:100%}.total-payable-card:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#2563eb,#1d4ed8 50%,#2563eb);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.total-label{color:#ffffffe6;font-size:12px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.total-amount{color:#fff;font-size:56px;font-weight:900;letter-spacing:-.04em;margin-bottom:16px}.rate-info{align-items:center;color:#fffc;display:flex;font-size:12px;gap:6px;justify-content:center}.rate-icon{font-size:14px}.breakdown-section{margin-bottom:24px}.breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.breakdown-title{color:var(--text-primary);font-size:20px;font-weight:600}.items-badge{background-color:#2563eb;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.items-group{margin-bottom:24px}.items-group:last-child{margin-bottom:0}.group-title{color:var(--text-secondary);font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 2px 8px 0 var(--shadow-color);box-sizing:border-box;display:flex;gap:18px;overflow:hidden;padding:20px;transition:all .3s ease;width:100%}.breakdown-item:hover{border-color:var(--card-border);box-shadow:0 4px 12px 0 var(--shadow-color);transform:translateY(-2px)}.item-icon-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:2px solid var(--card-border);border-radius:50%;box-shadow:0 2px 8px 0 var(--shadow-color);display:flex;flex-shrink:0;font-size:26px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.breakdown-item:hover .item-icon-circle{box-shadow:0 4px 12px 0 var(--shadow-color);transform:scale(1.1) rotate(5deg)}.item-info{flex:1 1}.item-name{word-wrap:break-word;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.item-details{word-wrap:break-word;color:var(--text-tertiary);font-size:13px}.quantity-row{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.user-qty{color:#60a5fa;font-size:12px;font-weight:500}.actual-qty{color:var(--text-primary);font-size:13px;font-weight:600}.rate-info-small{color:var(--text-tertiary);font-size:12px;margin-top:2px}.breakdown-item.order-item{border-left:3px solid #10b981}.breakdown-item.order-item:hover{border-left-color:#059669}.item-total{color:var(--primary-blue);flex-shrink:0;font-size:18px;font-weight:600}.action-buttons{display:flex;gap:12px;margin-top:32px}.decline-btn{flex:1 1}.agree-btn{flex:2 1}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-sizing:border-box;max-width:400px;padding:24px;width:100%}.modal-title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.decline-reason-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:20px;min-height:120px;padding:16px;resize:vertical;width:100%}.decline-reason-input:focus{border-color:var(--primary-blue);outline:none}.decline-reason-input::placeholder{color:var(--text-tertiary)}.modal-actions{display:flex;gap:12px}.modal-actions .btn-danger,.modal-actions .btn-secondary{flex:1 1}@media (max-width:480px){.pickup-summary-container{padding:0 12px}.action-buttons{flex-direction:column}.agree-btn,.decline-btn{flex:1 1}}.account-screen{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));transition:background .3s ease}.account-container{margin:0 auto;max-width:428px;padding:0 20px}.header{margin-bottom:8px;padding:18px 0}.help-btn{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease}.help-btn:hover{background:var(--bg-secondary);transform:translateY(-1px)}.error-message{background-color:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#fca5a5}.error-message,.success-message{font-size:14px;margin:16px 0;padding:12px}.success-message{background-color:#22c55e1a;border:1px solid #22c55e;border-radius:8px;color:#86efac}.profile-section{display:flex;justify-content:center;margin:32px 0}.profile-image-section{position:relative}.profile-image-label{cursor:pointer}.profile-image-wrapper-large{align-items:center;background:linear-gradient(135deg,#2d3748,#1a1f3a);border:3px solid #2563eb4d;border-radius:50%;box-shadow:0 8px 24px 0 #0000004d;display:flex;height:128px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:128px}.profile-image-wrapper-large:hover{border-color:#2563eb80;box-shadow:0 12px 32px 0 #0006;transform:scale(1.02)}.profile-image-large{height:100%;object-fit:cover;width:100%}.profile-placeholder-large{font-size:48px}.edit-image-overlay{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:3px solid #0a0e27;border-radius:50%;bottom:4px;box-shadow:0 4px 12px 0 #2563eb66;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:4px;transition:all .3s ease;width:40px}.edit-image-overlay:hover{box-shadow:0 6px 16px 0 #2563eb80;transform:scale(1.1)}.account-info-section{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px 0 var(--shadow-color);padding:24px;transition:all .3s ease}.info-card:hover{border-color:#2d374880;box-shadow:0 6px 16px 0 #0003}.info-row{align-items:center;display:flex;justify-content:space-between}.info-label{color:var(--text-secondary);font-size:14px;font-weight:500}.info-value{color:var(--text-primary);font-size:16px;font-weight:500}.info-value-with-action{align-items:center;display:flex;gap:12px}.edit-btn{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;color:#60a5fa;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:6px 12px;transition:all .2s ease}.edit-btn:hover{background:#2563eb33;border-color:#2563eb66;color:#93c5fd;transform:scale(1.05)}.edit-field{display:flex;flex-direction:column;gap:12px;width:100%}.edit-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.edit-input:focus{background:var(--input-bg);border-color:#2563eb99;box-shadow:0 0 0 4px #2563eb26;outline:none}.edit-input::placeholder{color:var(--text-tertiary)}.password-edit-section{display:flex;flex-direction:column;gap:12px;width:100%}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.save-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px 0 #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:10px 18px;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 16px 0 #2563eb66;transform:translateY(-2px)}.cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d374899;border:1px solid #3d475866;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease}.cancel-btn:hover{background:#2d3748cc;border-color:#3d475899;transform:translateY(-1px)}.sign-out-section{border-top:1px solid #2d37484d;margin-top:32px;padding-top:24px;text-align:center}.sign-out-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#fca5a5;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;margin:0 auto;padding:12px 24px;transition:all .3s ease}.sign-out-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171;transform:translateY(-1px)}.sign-out-icon{font-size:20px}.theme-toggle-card{margin-top:8px}.theme-toggle-btn{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:10px 16px;transition:all .3s ease}.theme-toggle-btn:hover{background:#2563eb33;border-color:#2563eb66;box-shadow:0 4px 12px 0 #2563eb33;transform:translateY(-1px)}.theme-icon{align-items:center;display:flex;font-size:20px;justify-content:center}.theme-text{font-size:15px;font-weight:600}@media (max-width:480px){.account-container{padding:0 16px}.info-card{padding:20px}.profile-image-wrapper-large{height:112px;width:112px}}@media (max-width:360px){.account-container{padding:0 12px}.info-card{padding:16px}}.App{background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}.App,.btn-primary{position:relative;width:100%}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 4px 14px 0 #2563eb4d,0 2px 4px 0 #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;max-width:400px;overflow:hidden;padding:16px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px 0 #2563eb66,0 4px 6px 0 #0000004d;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px 0 #2563eb4d;transform:translateY(0)}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2563eb1a;border:1.5px solid #2563eb4d;border-radius:14px;box-shadow:0 2px 8px 0 #0000001a;color:#60a5fa;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;max-width:400px;padding:16px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-secondary:hover{background:#2563eb33;border-color:#2563eb80;box-shadow:0 4px 12px 0 #2563eb33;color:#93c5fd;transform:translateY(-1px)}.btn-danger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1.5px solid #ef44444d;border-radius:14px;box-shadow:0 2px 8px 0 #0000001a;color:#f87171;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-danger:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 4px 12px 0 #ef444433;color:#fca5a5;transform:translateY(-1px)}.input-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;box-shadow:0 2px 4px 0 var(--shadow-color);color:var(--text-primary);font-size:16px;font-weight:400;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-field:focus{background:var(--input-bg);border-color:#2563eb99;box-shadow:0 0 0 4px #2563eb26,0 4px 12px 0 #2563eb33;outline:none;transform:translateY(-1px)}.input-field::placeholder{color:var(--text-tertiary);font-weight:400}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 16px 0 var(--shadow-color),0 2px 4px 0 var(--shadow-color);margin-bottom:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--card-border);box-shadow:0 8px 24px 0 var(--shadow-color),0 4px 8px 0 var(--shadow-color);transform:translateY(-2px)}.container{margin:0 auto;max-width:428px;padding:0 20px;width:100%}@media (max-width:480px){.container{padding:0 16px}}@media (max-width:360px){.container{padding:0 12px}}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:0 2px 8px 0 var(--shadow-color);display:flex;justify-content:space-between;padding:18px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-title{flex:1 1;font-weight:700;letter-spacing:-.02em;text-align:center}.header-back,.header-title{color:var(--text-primary);font-size:20px}.header-back{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .2s ease;width:40px}.header-back:hover{background:var(--bg-secondary);transform:scale(1.05)}.header-action{background:none;border:none;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:16px;font-weight:600;padding:8px 12px;transition:all .2s ease}.header-action:hover{background:#2563eb1a;color:#93c5fd}@media (max-width:480px){.container{padding:0 12px}.header{padding:12px}}
/*# sourceMappingURL=main.874802a1.css.map*/