@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Sora:wght@600;700;800&display=swap";:root{--bg:#fff;--surface:#fff;--surface-strong:#f7f7f7;--border:#ebeaea;--text:#111;--muted:#676767;--primary:#d90000;--primary-dark:#b30000;--black:#111;--shadow:0 16px 40px #00000014;--radius:24px;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.5}#root{background:var(--bg);width:100%;max-width:430px;margin:0 auto}a{color:inherit;text-decoration:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.pulse-dot{vertical-align:middle;background:#fff;border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1.5s infinite pulse-dot;display:inline-block}button,input,select,textarea{font:inherit}.page-shell{background:var(--bg);flex-direction:column;min-height:100vh;padding:16px 16px 110px;display:flex;overflow-y:auto}.page-content{width:100%;margin:0 auto}.hero{background:var(--primary);color:#fff;border-radius:32px;padding:30px 20px}.dashboard-hero{background:var(--primary);color:#fff;border-radius:32px;padding:24px 20px}.dashboard-hero-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.hero-brand{align-items:center;gap:12px;display:flex}.brand-mark{background:#ffffff2e;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.hero-greeting{text-align:right;gap:8px;display:grid}.hero-greeting-text{color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.dashboard-hero-copy{gap:10px;display:grid}.blood-pill{color:#fff;background:#a50000;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.auth-links{justify-content:flex-end;gap:12px;margin-bottom:16px;display:flex}.auth-link,.signup-link{border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}.auth-link{color:#fff;background:#ffffff26}.signup-link{color:var(--primary);background:#fff}.hero-logo{margin:0;font-family:Sora,sans-serif;font-size:28px;font-weight:700}.hero-tagline{max-width:280px;margin:18px 0 0;font-family:Sora,sans-serif;font-size:24px;line-height:1.1}.action-grid,.dashboard-grid,.nearby-list,.auth-form{gap:16px;display:grid}.action-grid,.dashboard-grid{margin-top:20px}.action-card,.page-card,.nearby-card,.dashboard-card,.auth-card{border-radius:var(--radius);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#fff}.action-card{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:108px;padding:18px 16px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.action-card:hover{transform:translateY(-1px);box-shadow:0 10px 30px #00000014}.action-card-icon{border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.action-card-icon.red{background:#d90000}.action-card-icon.black{background:#000}.action-card-copy{text-align:left;flex:1;gap:4px;display:grid}.action-card-copy h3{color:var(--black);margin:0;font-family:Sora,sans-serif;font-size:16px;font-weight:700}.action-card-copy p{color:#7f7f7f;margin:0;font-size:14px;font-weight:500}.action-card-arrow{color:#8a8a8a;font-size:26px;line-height:1}.section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin:24px 0 16px;display:flex}.section-title{margin:0;font-family:Sora,sans-serif;font-size:20px}.section-subtitle{color:var(--muted);margin:6px 0 0;font-size:14px}.nearby-card{padding:20px}.request-header{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.badge{color:var(--primary);background:#d900001f;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.urgency{color:var(--primary);font-size:12px;font-weight:700}.request-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 0;display:flex}.request-meta{flex-direction:column;gap:8px;display:flex}.request-meta strong{color:var(--text);font-size:14px}.request-meta span{color:var(--muted);font-size:13px}.btn-black,.btn-primary{cursor:pointer;border:none;border-radius:18px;width:100%;padding:14px 16px;font-weight:700}.btn-black{background:var(--black);color:#fff}.btn-primary{background:var(--primary);color:#fff}.bottom-nav{border-top:1px solid var(--border);background:#fff;grid-template-columns:repeat(4,1fr);width:100%;max-width:430px;padding:10px 0;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 24px #0000000d}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:700;display:flex}.nav-item.active{color:var(--primary)}.page-title{margin:0 0 20px;font-family:Sora,sans-serif;font-size:24px}.tracking-screen{background:#000;min-height:100vh;position:relative}.tracking-panel{z-index:10;background:#fff;border-radius:28px;padding:22px;position:fixed;bottom:20px;left:16px;right:16px;box-shadow:0 16px 40px #0000002e}.tracking-panel-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.tracking-panel-row.small{margin-top:14px}.tracking-note{color:var(--primary);text-transform:uppercase;letter-spacing:.8px;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.tracking-name{margin-top:6px;font-family:Sora,sans-serif;font-size:20px;font-weight:700}.tracking-badge{color:#fff;background:#d90000;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.tracking-label{color:#777;text-transform:uppercase;letter-spacing:.4px;font-size:13px}.tracking-cancel{margin-top:16px}.auth-card,.page-card,.dashboard-card{padding:24px}.input-field,.textarea-field,.select-field{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:18px;padding:14px 16px}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:2px solid #d900002e}.textarea-field{resize:vertical;min-height:120px}.auth-form{margin-top:16px}.form-group{gap:16px;display:grid}.meta-text{text-align:center;color:var(--muted);margin-top:18px;font-size:14px}.meta-text a{color:var(--primary)}.field-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:700}.urgency-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.urgency-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:14px;padding:12px 0;font-weight:700}.urgency-button.active{background:var(--primary);color:#fff;border-color:#a50000}.error-text,.success-text{text-align:center;margin-top:18px;font-size:14px;font-weight:700}.error-text{color:#d90000}.success-text{color:#111}.dashboard-header{background:var(--surface);border:1px solid var(--border);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.dashboard-logo{font-family:Sora,sans-serif;font-size:20px;font-weight:700}.dashboard-user{color:var(--muted);font-size:14px}.dashboard-logout{background:var(--black);color:#fff;cursor:pointer;border:none;border-radius:18px;padding:10px 18px;font-weight:700}.dashboard-grid{gap:16px;margin-top:20px;display:grid}.dashboard-card{cursor:pointer;padding:20px}.dashboard-card h3{margin:0 0 10px;font-family:Sora,sans-serif;font-size:18px}.dashboard-card p{color:var(--muted);margin:0}@media (width>=430px){.page-shell{padding-bottom:120px}}@media (width<=360px){.hero-tagline{font-size:20px}}