:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f5f7fb;color:#111827}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f5f7fb}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;border:1px solid transparent;padding:.6rem 1.25rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:#10b981;color:#06281b;box-shadow:0 10px 20px #10b98126}.button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px #10b98133}.button--ghost{background-color:#fff;color:#111827;border-color:#d1d5db}.button--ghost:hover{background-color:#f3f4f6}.button--danger{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}.button--danger:hover{background-color:#fecaca}.input,.textarea{width:100%;padding:.65rem .75rem;border-radius:.75rem;border:1px solid #d1d5db;background-color:#fff;color:#111827;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133;outline:none}.textarea{resize:vertical}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__header{height:56px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;background-color:#111827;color:#f9fafb}.app-shell__brand{font-weight:600;letter-spacing:.4px}.app-shell__account{display:flex;align-items:center;gap:.75rem}.app-shell__account-name{font-size:.95rem}.app-shell__logout{padding:.35rem .85rem;border-color:#f9fafb59;color:#f9fafb}.app-shell__logout:hover{background-color:#f9fafb1f}@media (max-width: 540px){.app-shell__account-name{display:none}}.app-shell__menu-button{width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:0}.app-shell__menu-button span{display:block;height:2px;width:24px;background-color:#f9fafb;transition:transform .2s ease}.app-shell__body{flex:1;display:flex;min-height:0}.app-shell__sidebar{position:fixed;inset:56px 0 auto 0;height:calc(100vh - 56px);max-width:240px;transform:translate(-100%);transition:transform .2s ease;background-color:#1f2937;color:#f9fafb;padding:1rem .75rem;z-index:10}.app-shell__sidebar.is-open{transform:translate(0)}.app-shell__nav{display:flex;flex-direction:column;gap:.25rem}.app-shell__nav-item{padding:.6rem .9rem;border-radius:.5rem;font-weight:500;color:#e5e7eb;transition:background-color .15s ease,color .15s ease}.app-shell__nav-item:hover{background-color:#ffffff14}.app-shell__nav-item.is-active{background-color:#10b981;color:#06281b}.app-shell__content{flex:1;padding:1.5rem 1.25rem 2.5rem;margin-left:0;width:100%}.app-shell__alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:.75rem;margin-bottom:1rem;font-size:.95rem}.app-shell__alert--loading{background-color:#ecfdf5;color:#0f766e}.app-shell__alert--error{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.page{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page__header-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.page__header h1{margin:0;font-size:1.75rem;font-weight:600}.page__header p{margin:.4rem 0 0;color:#4b5563}.page__placeholder{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2.5rem;text-align:center;color:#6b7280;font-size:1rem}.dashboard-grid{display:grid;gap:1rem}.dashboard-card{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.dashboard-card__label{margin:0;font-size:.95rem;color:#6b7280;letter-spacing:.02em}.dashboard-card strong{font-size:1.75rem;font-weight:700;color:#111827}.dashboard-card__caption{font-size:.9rem;color:#6b7280}.dashboard-card--highlight{border:none;background:linear-gradient(135deg,#10b981,#0f766e);color:#f9fafb}.dashboard-card--highlight strong,.dashboard-card--highlight .dashboard-card__caption,.dashboard-card--highlight .dashboard-card__label{color:inherit}.dashboard-sections{display:grid;gap:1.25rem;margin-top:2rem}.dashboard-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.dashboard-section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-section__header h2{margin:0;font-size:1.15rem;font-weight:600}.dashboard-section__header span{color:#6b7280;font-size:.9rem}.dashboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.dashboard-list__item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 1rem;border-radius:.75rem;border:1px solid #e5e7eb;background-color:#f9fafb}.dashboard-list__item strong{display:block;color:#111827;margin-bottom:.25rem}.dashboard-list__item span{color:#6b7280;font-size:.9rem}.dashboard-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:999px;background-color:#e0f2fe;color:#0369a1;font-weight:600;font-size:.85rem}.dashboard-badge--danger{background-color:#fee2e2;color:#b91c1c}.dashboard-empty{border:1px dashed #d1d5db;border-radius:.85rem;padding:1.75rem;text-align:center;color:#6b7280;font-size:.95rem}.members-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.members-toolbar__count{color:#6b7280;font-size:.95rem}.members-grid{display:grid;gap:1rem}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:min(400px,100%);background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 20px 50px #0f172a26;text-align:center}.auth-card h1{margin:0;font-size:1.65rem}.auth-card p{margin:0;color:#6b7280}.auth-form{display:grid;gap:1rem;text-align:left}.auth-submit{width:100%;justify-content:center}.auth-hint{margin:0;color:#6b7280;font-size:.85rem}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-weight:600;color:#0f766e}.finance-metrics{display:grid;gap:1rem;margin-bottom:1.5rem}.finance-sections{display:grid;gap:1.5rem}.finance-section{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.finance-section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.finance-section__header h2{margin:0;font-size:1.2rem;font-weight:600}.finance-section__header span{color:#6b7280;font-size:.9rem}.finance-grid{display:grid;gap:1rem}.finance-grid--two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.finance-card{border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;background-color:#f9fafb}.finance-card header{display:flex;align-items:center;justify-content:space-between}.finance-card header strong{font-size:1.05rem;color:#111827}.finance-card header span{font-weight:600;color:#0f766e}.finance-card--overdue{border-color:#fecaca;background-color:#fef2f2}.finance-card--overdue header span{color:#b91c1c}.finance-card--overdue .button{background-color:#ef4444;color:#fef2f2;border-color:transparent}.finance-card--overdue .button:hover{background-color:#dc2626}.finance-card__details{display:flex;flex-direction:column;gap:.35rem;color:#4b5563;font-size:.9rem}.finance-card footer{display:flex;justify-content:flex-end}.plans-grid,.checkin-grid{display:grid;gap:1rem}.checkin-card{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.checkin-card header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.checkin-card header h2{margin:0;font-size:1.2rem;font-weight:600;color:#111827}.checkin-card header span{font-size:.9rem;color:#6b7280}.checkin-card__history strong{display:block;margin-bottom:.5rem;color:#111827}.checkin-card__history ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.checkin-card__history li{display:flex;align-items:baseline;gap:.5rem;color:#4b5563;font-size:.9rem}.checkin-card__history em{color:#0369a1;font-style:normal}.checkin-card__history p{margin:0;color:#6b7280;font-size:.9rem}.checkin-recent{margin-top:2rem;background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.checkin-recent__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.checkin-recent__header h2{margin:0;font-size:1.2rem;font-weight:600}.checkin-recent__header span{color:#6b7280;font-size:.9rem}.checkin-recent__list{display:grid;gap:1rem}.checkin-recent-card{border:1px solid #e5e7eb;border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background-color:#f9fafb}.checkin-recent-card strong{display:block;font-size:1rem;color:#111827}.checkin-recent-card span{font-size:.9rem;color:#4b5563}.checkin-recent-card p{margin:.35rem 0 0;color:#0369a1;font-size:.9rem}.checkin-summary{margin-top:1rem;padding:1rem;border-radius:.75rem;border:1px dashed #0f766e;background-color:#ecfdf5;display:flex;flex-direction:column;gap:.35rem;color:#0f766e;font-size:.9rem}.checkin-summary strong{font-size:1rem}.reports-period{display:flex;gap:.75rem;flex-wrap:wrap}.reports-period .button.is-active{background-color:#0f766e;color:#f9fafb;border-color:#0f766e}.reports-grid{display:grid;gap:1.5rem;margin-top:1.5rem}.reports-card{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.reports-card header{display:flex;flex-direction:column;gap:.35rem}.reports-card header h2{margin:0;font-size:1.2rem;font-weight:600}.reports-card header span{color:#6b7280;font-size:.9rem}.reports-card__metrics{display:flex;flex-wrap:wrap;gap:1.25rem}.reports-card__metrics div{min-width:150px;display:flex;flex-direction:column;gap:.25rem}.reports-card__metrics span{font-size:.85rem;color:#6b7280}.reports-card__metrics strong{font-size:1.3rem;color:#111827}.reports-card__note{margin:0;font-size:.9rem;color:#6b7280}.reports-table{overflow-x:auto}.reports-table table{width:100%;border-collapse:collapse}.reports-table th,.reports-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#374151}.reports-table th{font-weight:600;color:#111827;background-color:#f3f4f6}.reports-table tr:last-child td{border-bottom:none}.reports-table td:nth-child(2),.reports-table td:nth-child(3){white-space:nowrap}.plan-card{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.plan-card header{display:flex;justify-content:space-between;align-items:flex-start}.plan-card header h2{margin:0;font-size:1.2rem;font-weight:600;color:#111827}.plan-card header span{display:inline-flex;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;background-color:#e0f2fe;color:#0369a1;margin-top:.45rem}.plan-card header strong{font-size:1.3rem;color:#0f766e}.plan-card__meta{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.plan-card__meta li{display:flex;justify-content:space-between;font-size:.9rem;color:#4b5563}.plan-card__meta strong{color:#111827}.plan-card__description{margin:0;color:#4b5563;font-size:.9rem;line-height:1.4}.plan-card__actions{display:flex;gap:.75rem;flex-wrap:wrap}.member-card{background-color:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.member-card__header{display:flex;flex-direction:column;gap:.25rem}.member-card__header h2{margin:0;font-size:1.2rem;font-weight:600;color:#111827}.member-card__meta{font-size:.85rem;color:#6b7280}.member-card__section{display:flex;flex-direction:column;gap:.15rem}.member-card__section strong{font-size:.95rem;color:#111827}.member-card__section span,.member-card__section em{font-size:.9rem;color:#4b5563}.member-card__section em{font-style:normal;color:#ef4444;font-weight:500}.member-card__actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1118278c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:999}.modal{width:min(100%,720px);background-color:#fff;border-radius:1rem;box-shadow:0 24px 48px #0f172a40;display:flex;flex-direction:column;max-height:90vh}.modal--lg{width:min(100%,840px)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal__header h2{margin:0;font-size:1.25rem;font-weight:600}.modal__close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.modal__content{padding:1.5rem;overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.members-form{display:flex;flex-direction:column}.members-form__section{margin-top:1.25rem;display:grid;gap:.75rem}.form-grid{display:grid;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.45rem}.form-field span{font-size:.9rem;font-weight:600;color:#374151}.form-field--full{grid-column:1 / -1}.form-checkbox{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.1rem;color:#4b5563;font-size:.9rem}.form-checkbox input{margin-top:.2rem}.form-error{margin:.8rem 0 0;color:#b91c1c;font-weight:500}.textarea{min-height:3rem}@media (min-width: 640px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.members-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 768px){.members-grid,.plans-grid,.checkin-grid,.finance-metrics,.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.app-shell__menu-button{display:none}.app-shell__sidebar{position:static;transform:none;height:auto;max-width:260px}.app-shell__content{margin-left:0}.app-shell__body{display:grid;grid-template-columns:240px 1fr}.dashboard-grid,.dashboard-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.members-grid,.plans-grid,.checkin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.members-grid,.plans-grid,.checkin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-grid--two,.reports-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}