:root{--color-bg: #f9fafb;--color-surface: #ffffff;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-border: #e5e7eb;--color-primary: #2563eb;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;font-family:Arial,sans-serif;color:var(--color-text-primary);background:var(--color-bg)}body{margin:0;background:linear-gradient(180deg,#eef2ff,#f9fafb 65%)}.shell{max-width:980px;margin:28px auto 48px;padding:0 16px}h1{margin:0;font-size:32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.topbar p{margin:8px 0 0;color:var(--color-text-secondary)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab-link{text-decoration:none;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.tab-link:hover{color:var(--color-primary);border-color:#2563eb66}.tab-link-active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.pill{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.pill-online{background:#16a34a1f;color:var(--color-success)}.pill-offline{background:#dc26261f;color:var(--color-danger)}.layout{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.single-column{grid-template-columns:1fr}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.card h2{margin:0 0 12px;font-size:20px}.score-box{border:1px solid var(--color-border);border-radius:12px;padding:12px;background:#f8fafc}.score-value{font-size:32px;font-weight:800;color:var(--color-primary);margin-top:4px}.score-red{color:#dc2626}.score-amber{color:#d97706}.score-green{color:#16a34a}.weakest-member{border:2px solid #dc2626;border-radius:10px}.progress-wrap{margin-top:10px}.progress-label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.progress-track{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#16a34a);transition:width .18s ease}.bag-category h3{margin:0 0 10px;font-size:16px}.bag-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.bag-item{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:8px;padding:10px;background:var(--color-surface)}.family-score-label{margin-left:8px}.guide-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:999px;padding:8px 10px;cursor:pointer;min-height:40px}.guide-tab-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.form{display:grid;gap:8px}input,select,button{font:inherit}input,select{border:1px solid var(--color-border);border-radius:8px;padding:10px 12px}input:focus,select:focus{outline:2px solid rgba(37,99,235,.25);border-color:var(--color-primary)}.btn-primary{margin-top:6px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;padding:10px 12px;cursor:pointer;min-height:40px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.summary-list{margin:0 0 10px;padding:0;list-style:none;display:grid;gap:8px}.summary-list li{padding:8px 10px;border:1px solid var(--color-border);border-radius:8px}.muted{color:var(--color-text-secondary);font-size:14px}.task-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.task-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--color-border);border-radius:10px}.task-title{font-weight:600;margin-bottom:6px}.task-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-select{min-width:130px}.btn-danger{min-height:40px;padding:8px 12px;border:none;border-radius:8px;background:var(--color-danger);color:#fff;cursor:pointer}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge-todo{background:#d9770626;color:var(--color-warning)}.badge-in_progress{background:#2563eb26;color:var(--color-primary)}.badge-done{background:#16a34a26;color:var(--color-success)}.toast{position:fixed;right:18px;bottom:18px;background:#111827;color:#fff;border-radius:10px;padding:10px 12px;opacity:0;transform:translateY(12px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.toast-visible{opacity:1;transform:translateY(0)}.disabled-form{opacity:.55;pointer-events:none}@media(max-width:820px){.layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.tabs{overflow-x:auto;white-space:nowrap}.task-item{flex-direction:column;align-items:flex-start}}