*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--teal: #29BCBC;--teal-dark: #1F9A9A;--teal-light: #4DCCCC;--teal-bg: #E8F8F8;--charcoal: #3A3A3A;--charcoal-mid: #555555;--charcoal-light: #777777;--off-white: #F7F7F7;--off-white-dark: #EEEEEE;--off-white-darker: #E2E2E2;--white: #FFFFFF;--green: #29BCBC;--green-light: #4DCCCC;--green-bg: #E8F8F8;--red: #C0392B;--gold: #E67E22;--text: #2C2C2C;--text-mid: #555555;--text-muted: #888888;--border: #DCDCDC;--border-dark: #C8C8C8;--navy: #3A3A3A;--navy-mid: #555555;--shadow-sm: 0 1px 4px rgba(0,0,0,.07);--shadow: 0 2px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--nav-height: 64px;font-family:Montserrat,system-ui,sans-serif;font-size:16px;color:var(--text);background:var(--off-white)}html,body,#root{height:100%;min-height:100dvh}body{background:var(--off-white);overflow-x:hidden}h1,h2,h3{font-family:Montserrat,system-ui,sans-serif;font-weight:700;line-height:1.2}.app-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:900px;margin:0 auto}.page-content{flex:1;padding:20px 16px calc(var(--nav-height) + 20px);overflow-y:auto}@media (min-width: 640px){.page-content{padding:28px 28px calc(var(--nav-height) + 28px)}}.page-header{margin-bottom:24px}.page-header h1{font-size:1.7rem;color:var(--charcoal);letter-spacing:-.02em}.page-header p{color:var(--text-muted);margin-top:4px;font-size:.85rem;font-weight:500}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:none;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:hover{background:var(--teal-dark)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--off-white-dark);color:var(--charcoal);border:1px solid var(--border)}.btn-secondary:hover{background:var(--off-white-darker)}.btn-ghost{background:transparent;color:var(--text-mid);border:1px solid var(--border)}.btn-ghost:hover{background:var(--off-white-dark)}.btn-danger{background:#fdecea;color:var(--red);border:1px solid #F5C6C2}.btn-danger:hover{background:#f5c6c2}.btn-sm{padding:6px 14px;font-size:.78rem}.btn-icon{padding:8px;border-radius:8px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}label{font-size:.75rem;font-weight:700;color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase}input,select,textarea{padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:Montserrat,sans-serif;font-size:.9rem;color:var(--text);background:var(--white);transition:border-color .15s;width:100%;font-weight:500}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal)}input::placeholder{color:var(--text-muted);font-weight:400}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .15s ease}@media (min-width: 640px){.modal-overlay{align-items:center}}.modal{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:28px 24px 32px;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;animation:slideUp .2s cubic-bezier(.34,1.2,.64,1)}@media (min-width: 640px){.modal{border-radius:var(--radius-lg)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:1.3rem;color:var(--charcoal)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-household,.badge-present{background:var(--teal-bg);color:var(--teal-dark)}.search-bar{position:relative;margin-bottom:20px}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-bar input{padding-left:40px;background:var(--white)}.divider{height:1px;background:var(--border);margin:20px 0}.toast{position:fixed;bottom:calc(var(--nav-height) + 12px);left:50%;transform:translate(-50%);background:var(--charcoal);color:var(--white);padding:10px 20px;border-radius:100px;font-size:.82rem;font-weight:700;z-index:200;white-space:nowrap;animation:toastIn .25s ease,toastOut .25s ease 2s forwards;pointer-events:none;letter-spacing:.02em}.loading-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--off-white)}.spinner{width:36px;height:36px;border:3px solid var(--off-white-darker);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@keyframes checkPop{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.w-full{width:100%}