:root{--brand-green: #128C7E;--brand-green-dark: #0e6f64;--bg: #FAFAFA;--card-bg: #FFFFFF;--text: #1D1D1F;--muted: #6E6E73;--border-hairline: #E5E5EA;--danger: #d64545;--warning: #e6a817;--success: #22a35e}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,Noto Sans Tamil,Noto Sans Telugu,Noto Sans Kannada,Noto Sans Malayalam,Noto Sans Bengali,Noto Sans Gurmukhi,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:88px}.top-bar{background:var(--card-bg);color:var(--text);padding:calc(20px + env(safe-area-inset-top,0px)) 20px 16px;border-bottom:1px solid var(--border-hairline)}.top-bar-brand{display:flex;align-items:center;gap:12px}.top-bar-logo{width:40px;height:40px;border-radius:10px;flex-shrink:0}.top-bar-title{font-weight:700;font-size:1.4rem;letter-spacing:-.02em}.top-bar-tagline{font-size:.9rem;color:var(--muted);margin-top:2px}.page{padding:20px}h2{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin:4px 0 16px}.card{background:var(--card-bg);border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a}.btn-primary{background:var(--brand-green);color:#fff;border:none;border-radius:14px;padding:16px;font-size:1.05rem;font-weight:600;width:100%;min-height:56px;cursor:pointer;transition:background-color .15s ease}.btn-primary:active{background:var(--brand-green-dark)}.btn-secondary{background:var(--text);color:#fff;border:none;border-radius:14px;padding:16px;font-size:1.05rem;font-weight:600;width:100%;min-height:56px;cursor:pointer}.btn-secondary.outline{background:transparent;color:var(--text);border:1.5px solid var(--border-hairline)}.input-field{width:100%;padding:14px;border-radius:12px;border:1.5px solid var(--border-hairline);background:var(--bg);margin-bottom:10px;font-size:1.05rem;min-height:52px;color:var(--text)}.input-field::placeholder{color:var(--muted)}.input-field:focus{border-color:var(--brand-green);outline:none;background:#fff}.status-dot-row{display:flex;align-items:center;gap:10px;margin:12px 0}.status-dot{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-label{font-size:.95rem;color:var(--muted);font-weight:500}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-around;border-top:1px solid var(--border-hairline);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px))}.bottom-nav a{text-decoration:none;color:var(--muted);font-size:.7rem;font-weight:500;text-align:center;min-width:56px;padding:4px 0}.bottom-nav a .nav-icon{font-size:1.5rem;display:block;margin-bottom:2px}.bottom-nav a.active{color:var(--brand-green);font-weight:700}@media (max-width: 360px){.page,.card{padding:14px}.bottom-nav a{font-size:.62rem;min-width:48px}.bottom-nav a .nav-icon{font-size:1.3rem}}html,body{overflow-x:hidden}