@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,600;1,400&display=swap");:root{--teal-50:#e6f4f1;--teal-100:#b3dfd8;--teal-200:#80c9bf;--teal-400:#1a9b87;--teal-600:#0d6b5e;--teal-800:#084d44;--teal-900:#04302b;--coral-400:#e8623a;--coral-600:#c0431f;--amber-400:#f59e0b;--amber-600:#b45309;--red-400:#ef4444;--red-600:#dc2626;--purple-400:#8b5cf6;--purple-600:#7c3aed;--gray-50:#f8faf9;--gray-100:#f0f2f1;--gray-200:#e2e6e4;--gray-400:#9ba8a4;--gray-600:#5c6b67;--gray-800:#2d3835;--gray-900:#1a2220;--font-sans:"Plus Jakarta Sans",sans-serif;--font-serif:"Lora",serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);line-height:1.6;min-height:100vh;max-width:430px;margin:0 auto;position:relative}@media (min-width:500px){html{background:var(--gray-200)}body{box-shadow:var(--shadow-lg);min-height:100vh}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}button,input,select,textarea{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.badge-rendah{background:#dcfce7;color:#16a34a}.badge-sedang{background:#fef3c7;color:#d97706}.badge-tinggi{background:#fee2e2;color:#dc2626}.badge-darurat{background:#ede9fe;color:#7c3aed}.risk-badge{display:inline-flex;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;letter-spacing:.01em}.btn-primary,.risk-badge{align-items:center;font-weight:600}.btn-primary{display:flex;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--teal-600);color:#fff;border-radius:var(--radius-md);font-size:15px;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--teal-800)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#fff;color:var(--teal-600);border:1.5px solid var(--teal-200);border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:background .15s}.btn-secondary:hover{background:var(--teal-50)}.btn-ghost{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;color:var(--gray-600);border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background .15s}.btn-ghost:hover{background:var(--gray-100)}.card{border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.card,.input{background:#fff}.input{width:100%;padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;color:var(--gray-900);transition:border-color .15s;outline:none}.input:focus{border-color:var(--teal-400)}.input::placeholder{color:var(--gray-400)}.label{display:block;font-size:13px;font-weight:600;color:var(--gray-600);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.page-shell{display:flex;flex-direction:column;min-height:100vh}.page-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid var(--gray-100);position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-title{font-size:17px;font-weight:700;color:var(--gray-900)}.page-content{flex:1 1;padding:16px;display:flex;flex-direction:column;gap:14px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid var(--gray-100);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;color:var(--gray-400);font-size:10px;font-weight:600;transition:color .15s;letter-spacing:.02em}.bottom-nav-item.active{color:var(--teal-600)}.bottom-nav-item svg{width:22px;height:22px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .25s ease both}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-size:13px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.06em}