*{box-sizing:border-box}body{color:#0f172a;background:#2f4b7f;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top-bar-logo{justify-content:center;height:92px;padding:10px 18px}.top-logo{width:100%;max-width:220px;height:auto;padding-top:4px;padding-bottom:4px;display:block}button,input,select{font:inherit}button{cursor:pointer}.min-h-screen{min-height:100vh}.bg-slate-100{background:#2f4b7f}.text-slate-900{color:#0f172a}.text-slate-700{color:#334155}.text-slate-600{color:#64748b}.text-white{color:#fff}.text-red-700{color:#b91c1c}.text-green-700{color:#15803d}.bg-white{background:#fff}.bg-black{background:#000}.bg-slate-900{background:#0f2f63}.bg-slate-50{background:#f8fafc}.bg-green-600{background:#0f2f63}.bg-green-50{background:#f0fdf4}.bg-red-50{background:#fef2f2}.bg-red-100{background:#fee2e2}.bg-green-100{background:#dcfce7}.bg-amber-500{background:#9fc0ed}.border{border:1px solid #cbd5e1}.border-slate-200{border-color:#9bb8df}.border-slate-300{border-color:#b8cbe8}.rounded-2xl{border-radius:8px}.rounded-xl{border-radius:6px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 2px 8px #00000014}.w-full{width:100%}.max-w-md{max-width:1000px}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:16px}.p-3{padding:12px}.px-4{padding-left:16px;padding-right:16px}.px-3{padding-left:12px;padding-right:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-3{padding-top:12px;padding-bottom:12px}.py-2{padding-top:8px;padding-bottom:8px}.py-1{padding-top:4px;padding-bottom:4px}.pt-2{padding-top:8px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-auto{margin-top:auto}.mb-1{margin-bottom:4px}.mb-3{margin-bottom:12px}.space-y-4>*+*{margin-top:16px}.space-y-3>*+*{margin-top:12px}.space-y-2>*+*{margin-top:8px}.space-y-1>*+*{margin-top:4px}.gap-4{gap:16px}.gap-3{gap:12px}.gap-2{gap:8px}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.inline-flex{display:inline-flex}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.sticky{position:sticky}.bottom-0{bottom:0}.overflow-hidden{overflow:hidden}.outline-none{outline:none}.ring-0{box-shadow:none}.text-2xl{font-size:32px}.text-lg{font-size:20px}.text-base{font-size:16px}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.capitalize{text-transform:capitalize}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.app-shell{background:#edf4ff;border-radius:0;min-height:100vh;overflow:hidden}.top-bar{background:#fff;border-bottom:1px solid #d8e4f7;align-items:center;height:74px;padding:0 18px;display:flex}.menu-icon{color:#233f73;background:0 0;border:none;font-size:28px;line-height:1}.hero-panel{color:#fff;text-align:center;background:#2f69bf;padding:34px 20px 28px}.hero-logo{width:210px;max-width:100%;margin:0 auto 18px;display:block}.hero-title{margin:0 0 10px;font-size:28px;font-weight:700}.hero-text{max-width:320px;margin:0 auto;font-size:14px;line-height:1.5}.menu-section{background:#edf4ff;padding:18px 14px 28px}.menu-card{color:#0f3f89;background:#a9c7f0;border:1px solid #6d96cf;border-radius:8px;align-items:center;gap:14px;min-height:70px;padding:18px;display:flex}.menu-card-icon{flex:0 0 24px;width:24px;height:24px}.menu-card-title{font-size:18px;font-weight:500}.page-content{padding:16px}.bottom-nav-wrap{background:#edf4ff;padding:14px}.page-header{color:#fff;background:#2f69bf;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 18px 18px;display:flex}.page-title{color:#fff;margin:0;font-size:30px;font-weight:700}.page-subtitle{color:#e7eefb;margin:8px 0 0;font-size:14px;line-height:1.4}.page-action{flex:none}.page-content{background:#edf4ff;min-height:calc(100vh - 180px);padding:16px}.page-content .rounded-2xl.bg-white{color:#0f3f89;background:#a9c7f0;border:1px solid #6d96cf}.page-content input,.page-content select{color:#0f172a;background:#f3f7fd;border:1px solid #9bb8df}.page-content .bg-slate-900{background:#0f2f63}.page-content .bg-white{background:#fff}.page-content .text-slate-900{color:#0f3f89}.page-content .text-slate-700{color:#335d96}.page-content .text-slate-600{color:#4d6f9f}.page-content .space-y-3>a .rounded-2xl,.page-content .space-y-2>a .rounded-2xl{background:#a9c7f0;border:1px solid #6d96cf}.page-header-centered{justify-content:center;align-items:center;min-height:110px;padding:18px 16px;display:flex;position:relative}.page-header-left,.page-header-right{position:absolute;top:18px}.page-header-left{left:16px}.page-header-right{right:16px}.page-header-main{text-align:center;max-width:80%}.back-button{color:#0f3f89;background:#fff;border:1px solid #9bb8df;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.top-bar-with-menu{justify-content:space-between;align-items:center;display:flex}.menu-toggle{color:#233f73;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.top-bar-spacer{width:40px;height:40px}.side-menu-overlay{z-index:999;background:#0f172a73;position:fixed;inset:0}.side-menu{z-index:1000;background:#fff;flex-direction:column;width:290px;max-width:85vw;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 18px #0000002e}.side-menu-header{border-bottom:1px solid #d8e4f7;justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.side-menu-title{color:#0f3f89;font-size:20px;font-weight:700}.side-menu-close{color:#233f73;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.side-menu-links{flex-direction:column;gap:8px;padding:12px;display:flex}.side-menu-link{text-align:left;color:#0f3f89;background:#edf4ff;border:1px solid #c8daf4;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600}.side-menu-footer{border-top:1px solid #d8e4f7;margin-top:auto;padding:12px}.side-menu-signout{color:#fff;background:#0f2f63;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600}.chem-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.chem-tile{text-align:left;color:#0f3f89;background:#a9c7f0;border:1px solid #6d96cf;border-radius:10px;flex-direction:column;gap:10px;min-height:220px;padding:12px;display:flex}.chem-image-wrap{aspect-ratio:1;background:#f3f7fd;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.chem-image{object-fit:contain;width:100%;height:100%;display:block}.chem-image-placeholder{color:#5d76a0;font-size:13px}.chem-name{font-size:16px;font-weight:700;line-height:1.25}.chem-code{color:#335d96;font-size:13px}@media (width<=520px){.chem-grid{grid-template-columns:1fr}}.location-grid{grid-template-columns:1fr;gap:16px;display:grid}.location-link-card{display:block}.location-tile{color:#0f3f89;background:#a9c7f0;border:1px solid #0f3f89;border-radius:10px;overflow:hidden}.location-image-wrap{aspect-ratio:16/7;background:#d9e6f8;width:100%;overflow:hidden}.location-image{object-fit:cover;width:100%;height:100%;display:block}.location-image-placeholder{color:#5d76a0;justify-content:center;align-items:center;width:100%;height:100%;min-height:180px;font-size:14px;display:flex}.location-name{padding:16px 16px 8px;font-size:18px;font-weight:700;line-height:1.2}.location-address{color:#335d96;padding:0 16px 16px;font-size:14px;line-height:1.4}@media (width>=900px){.location-grid{grid-template-columns:repeat(2,1fr)}}.location-detail-wrap{flex-direction:column;gap:16px;display:flex}.location-detail-hero{background:#d9e6f8;border:1px solid #0f3f89;border-radius:10px;width:100%;overflow:hidden}.location-detail-image{object-fit:cover;width:100%;height:auto;max-height:320px;display:block}.location-detail-image-placeholder{color:#5d76a0;background:#d9e6f8;justify-content:center;align-items:center;min-height:220px;font-size:14px;display:flex}.task-card{background:#dbe9fb;border:1px solid #8fb0df;border-radius:8px;padding:12px}.location-actions{flex-direction:column;gap:12px;margin-top:4px;display:flex}.location-actions .rounded-2xl,.location-actions button{min-height:52px}.menu-section{flex-direction:column;gap:8px;display:flex}