@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Serif+Display&display=swap";:root{--color-white: #FFFFFF;--color-gray-nurse: #E2E8E3;--color-green-kelp: #1A2E1C;--color-mantle: #8A9E8C;--color-snow-drift: #F7F9F7;--color-gin-fizz: #E8F5EA;--color-cream-can: #F0D060;--color-cinnamon: #7A5900;--color-sea-green: #2D7A3A;--color-silver: #CCCCCC;--color-pelorous: #4A9BC4;--color-humming-bird: #D6EEF7;--color-tall-poppy: #B91C1C;--color-provincial-pink: #FEE2E2;--color-apricot: #F9A8A8;--color-panache: #E8F5EA;--color-chateau-green: #3FA34D;--color-corn: #E8A800;--color-barley-white: #FFF3CD;--color-yukon-gold: #B8860B;--color-cinderella: #FDE2D9;--color-old-brick: #8B2500;--color-moon-raker: #E8D5F5;--color-eminence: #6B21A8;--color-snuff: #E8D5F5;--color-light-wisteria: #C084FC;--color-bull-shot: #92400E;--color-merino: #FFF8E7;--color-whiskey: #D4A76A;--color-bittersweet: #FF6B6B;--color-gold: #FFD700;--color-wild-sand: #F5F5F5;--color-silver-chalice: #A0A0A0;--color-dusty-gray: #999999;--gradient-county: linear-gradient(90deg, rgba(45,122,58,1) 33%, rgba(232,168,0,1) 33%, rgba(232,168,0,1) 66%, rgba(74,155,196,1) 66%);--shadow-sm: 0px 1px 3px 0px rgba(0,0,0,.05);--shadow-primary: 0px 3px 10px 0px rgba(45,122,58,.22);--radius-sm: 8px;--radius-md: 12px;--font-family: "DM Sans", sans-serif;--font-serif: "DM Serif Display", serif;--spacing: 18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:#ececec;color:var(--color-green-kelp);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:flex;justify-content:center}#root{width:100%;display:flex;justify-content:center}.phone-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--color-white);max-width:420px;width:100%;position:relative;box-shadow:0 0 30px #00000014}.county-stripe{height:4px;width:100%;background:var(--gradient-county);flex-shrink:0}.topbar{background:var(--color-white);border-bottom:1px solid var(--color-gray-nurse);padding:18px 20px;flex-shrink:0}.topbar-title{font-weight:700;font-size:19px;color:var(--color-green-kelp);line-height:1.3}.topbar-sub{font-size:15px;color:var(--color-mantle);margin-top:2px}.screen-body{flex:1;background:var(--color-snow-drift);padding:var(--spacing) 16px;display:flex;flex-direction:column;gap:var(--spacing);overflow-y:auto;-webkit-overflow-scrolling:touch}.form-section{background:var(--color-white);border:1px solid var(--color-gray-nurse);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.form-section-title{font-weight:700;font-size:11px;color:var(--color-mantle);text-transform:uppercase;letter-spacing:.08em}.form-row{display:flex;flex-direction:column;gap:4px}.form-row-group{display:flex;gap:10px}.form-row-group>.form-row{flex:1}.form-label{font-weight:600;font-size:15px;color:var(--color-sea-green)}.form-input{background:var(--color-snow-drift);border:1px solid var(--color-gray-nurse);border-radius:var(--radius-sm);padding:16px 18px;font-size:16px;color:var(--color-green-kelp);font-family:var(--font-family);transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{outline:none;border-color:var(--color-sea-green);box-shadow:0 0 0 3px #2d7a3a1a}.form-input::placeholder{color:var(--color-silver)}.error-text{color:var(--color-tall-poppy);font-size:13px;margin-top:4px;font-weight:500}.btn-primary{background:var(--color-sea-green);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:18px;font-weight:700;font-size:18px;font-family:var(--font-family);cursor:pointer;box-shadow:var(--shadow-primary);transition:transform .1s,box-shadow .2s;display:flex;justify-content:center;align-items:center;gap:8px;width:100%;text-decoration:none}.btn-primary:active{transform:translateY(1px);box-shadow:none}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-white);color:var(--color-tall-poppy);border:1px solid var(--color-tall-poppy);border-radius:var(--radius-sm);padding:18px;font-weight:600;font-size:17px;font-family:var(--font-family);cursor:pointer;width:100%;text-align:center}.btn-yellow{background:var(--color-sea-green);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:20px 10px;font-weight:700;font-size:17px;font-family:var(--font-family);cursor:pointer;flex:1;text-align:center}.btn-blue{background:var(--color-pelorous);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:20px 10px;font-weight:700;font-size:17px;font-family:var(--font-family);cursor:pointer;flex:1;text-align:center}.btn-outline{background:var(--color-white);color:var(--color-sea-green);border:1px solid var(--color-gray-nurse);border-radius:var(--radius-sm);padding:20px 10px;font-weight:700;font-size:17px;font-family:var(--font-family);cursor:pointer;flex:1;text-align:center}.info-box{background:var(--color-gin-fizz);border:1px solid var(--color-cream-can);border-radius:var(--radius-sm);padding:10px 12px;color:var(--color-cinnamon);font-size:13px;line-height:1.4}.stats-row{display:flex;gap:8px}.stat-card{flex:1;background:var(--color-white);border:1px solid var(--color-gray-nurse);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:10px;text-align:center}.stat-num{font-family:var(--font-serif);font-size:26px;line-height:1.2}.stat-label{font-weight:600;font-size:10px;text-transform:uppercase;color:var(--color-mantle);margin-top:2px}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.f-chip{padding:5px 12px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;border:1px solid var(--color-gray-nurse);background:var(--color-white);color:var(--color-sea-green);font-family:var(--font-family)}.f-chip.active{background:var(--color-sea-green);border-color:var(--color-sea-green);color:var(--color-white)}.h-item{display:flex;align-items:center;gap:10px;background:var(--color-white);border:1px solid var(--color-gray-nurse);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:10px 12px}.h-item-tap{cursor:pointer;transition:background .15s}.h-item-tap:active{background:var(--color-snow-drift)}.h-icon{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.h-info{flex:1;min-width:0}.h-info h4{font-weight:600;font-size:14px;color:var(--color-green-kelp)}.h-info p{font-size:12px;color:var(--color-mantle);margin-top:1px}.h-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.r-tag{padding:3px 8px;border-radius:20px;font-weight:700;font-size:11px}.hms-tag{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-mantle)}.hms-dot{width:6px;height:6px;border-radius:3px}.upload-zone{background:var(--color-humming-bird);border:2px dashed var(--color-pelorous);border-radius:var(--radius-md);padding:40px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.upload-zone h3{font-weight:700;font-size:22px;color:var(--color-pelorous)}.upload-zone p{font-size:17px;color:var(--color-mantle)}.upload-btns{display:flex;gap:12px;margin-top:10px}.upload-btn-fill{background:var(--color-pelorous);color:var(--color-white);border:none;border-radius:6px;padding:12px 18px;font-weight:700;font-size:15px;font-family:var(--font-family);cursor:pointer}.upload-btn-outline{background:var(--color-white);color:var(--color-pelorous);border:1px solid var(--color-pelorous);border-radius:6px;padding:12px 18px;font-weight:700;font-size:15px;font-family:var(--font-family);cursor:pointer}.sex-toggle{display:flex;border:1px solid var(--color-gray-nurse);border-radius:var(--radius-sm);overflow:hidden}.sex-btn{flex:1;padding:14px;text-align:center;font-weight:600;font-size:16px;cursor:pointer;border:none;font-family:var(--font-family);background:var(--color-snow-drift);color:var(--color-sea-green);transition:background .15s}.sex-btn.active{background:var(--color-pelorous);color:var(--color-white);font-weight:600}.detection-badge{display:inline-flex;padding:4px 12px;border-radius:20px;font-weight:700;font-size:12px}.parasite-table{width:100%;border-collapse:collapse}.parasite-table th{font-weight:700;font-size:10px;text-transform:uppercase;color:var(--color-mantle);background:var(--color-snow-drift);padding:7px 10px;text-align:left;border-bottom:1px solid var(--color-gray-nurse)}.parasite-table td{padding:8px 10px;border-bottom:1px solid var(--color-gray-nurse);font-size:14px}.stage-pill{display:inline-flex;padding:3px 8px;border-radius:20px;font-weight:600;font-size:12px}.main-stage-box{background:var(--color-merino);border:1px solid var(--color-whiskey);border-radius:var(--radius-sm);padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.doctor-notes{background:var(--color-snow-drift);border:1px solid var(--color-gray-nurse);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;color:var(--color-sea-green);line-height:1.4;width:100%;min-height:56px;font-family:var(--font-family);resize:vertical}.bottom-nav{display:flex;justify-content:space-around;background:var(--color-white);border-top:1px solid var(--color-gray-nurse);padding:12px 0 16px;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;text-decoration:none;padding:4px}.nav-icon{font-size:24px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.nav-label{font-weight:600;font-size:13px}.tech-chip{display:flex;align-items:center;gap:10px;background:var(--color-white);border:1px solid var(--color-gray-nurse);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:10px 12px}.tech-av{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--color-white);flex-shrink:0}.role-stats{display:flex;gap:8px}.role-card{flex:1;border-radius:var(--radius-sm);padding:10px;text-align:center;border:1px solid}.role-card .role-num{font-family:var(--font-serif);font-size:22px}.role-card .role-label{font-weight:600;font-size:10px;text-transform:uppercase;margin-top:2px}.btn-row{display:flex;gap:6px}.facility-row{padding:10px 0;border-bottom:1px solid var(--color-gray-nurse)}.facility-row:last-child{border-bottom:none}.facility-row .fac-label{font-size:12px;color:var(--color-mantle)}.facility-row .fac-value{font-weight:600;font-size:14px;color:var(--color-green-kelp);margin-top:1px}.link-text{text-align:center;padding:6px 0;font-size:13px}.link-text a{color:var(--color-sea-green);font-weight:600;text-decoration:none}.error-box{background:#ffebeb;border:1px solid #f5a5a5;border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-tall-poppy);font-size:13px;text-align:center}.success-box{background:var(--color-gin-fizz);border:1px solid var(--color-sea-green);border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-sea-green);font-size:13px;text-align:center}.conf-bar{height:4px;border-radius:2px;background:var(--color-gray-nurse);position:relative;overflow:hidden}.conf-bar-fill{height:100%;border-radius:2px;position:absolute;left:0;top:0}@media(max-width:360px){:root{--spacing: 10px}.topbar{padding:12px 14px}.screen-body{padding:var(--spacing) 14px}.form-section{padding:12px 14px;gap:10px}.stat-num{font-size:22px}.btn-primary{padding:12px;font-size:14px}.h-icon{width:32px;height:32px;font-size:10px}.upload-zone{padding:16px}}@media(min-width:400px){:root{--spacing: 14px}}@media(min-height:800px){:root{--spacing: 14px}}@media(max-height:667px){:root{--spacing: 8px}.topbar{padding:10px 14px}.form-section{padding:10px 12px;gap:8px}.stat-card{padding:8px}.stat-num{font-size:22px}.upload-zone{padding:14px;gap:6px}.bottom-nav{padding:4px 0 8px}}