@charset "UTF-8";:root{--color-primary: #2563eb;--color-primary-soft: #e0f2fe;--color-accent: #f97316;--color-bg: #f9fafb;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #111827;--color-text-muted: #6b7280;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-base: 16px;--radius-md: 8px;--radius-lg: 16px;--shadow-soft: 0 4px 16px rgba(15, 23, 42, .08);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--bp-md: 768px}html,body,#app{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}button{font:inherit}:root{--container-max: 1120px;--header-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden;border:1px solid red!important}img,svg,video{max-width:100%;height:auto}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.app-layout__main{flex:1;padding:var(--space-md)}.app-layout__main>*{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto}.app-layout__header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);min-height:var(--header-h)}.app-layout__header>*{min-width:0}.app-layout__logo{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0}.app-layout__logo-mark{width:30px;height:30px;border-radius:999px;background:radial-gradient(circle at 30% 30%,var(--color-accent),var(--color-primary));display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;flex:0 0 auto}.app-layout__logo-text{font-weight:800;letter-spacing:-.02em;font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout__nav{display:none}@media (min-width: 900px){.app-layout__header{grid-template-columns:auto 1fr auto}.app-layout__nav{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0}.app-layout__nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:13px;color:var(--color-text-muted);text-decoration:none;transition:transform .12s ease,background .12s ease,color .12s ease;white-space:nowrap}.app-layout__nav-link:hover{background:var(--color-primary-soft);color:var(--color-primary);transform:translateY(-1px)}.app-layout__nav-link--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}}.app-layout__profile{position:relative;display:flex;align-items:center;gap:var(--space-sm);font-size:13px}.profile-trigger{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);padding:6px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.profile-trigger:hover{background:var(--color-surface);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.app-layout__avatar{width:28px;height:28px;border-radius:999px;background:var(--color-primary-soft);display:grid;place-items:center;font-weight:700;flex:0 0 auto}.profile-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(280px,100vw - 24px);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-sm);border:1px solid var(--color-border);z-index:100}.profile-menu__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.profile-menu__avatar{width:36px;height:36px;border-radius:999px;background:var(--color-primary-soft);display:grid;place-items:center;font-weight:800}.profile-menu__name{font-size:14px;font-weight:800;margin:0}.profile-menu__email{font-size:12px;color:var(--color-text-muted);margin:2px 0 0}.profile-menu__section{border-top:1px solid var(--color-border);padding-top:var(--space-xs);margin-top:var(--space-xs)}.profile-menu__section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;color:var(--color-text-muted)}.profile-menu__item{width:100%;text-align:left;background:transparent;border:none;padding:10px;border-radius:var(--radius-md);font-size:14px;cursor:pointer;display:block;color:var(--color-text);transition:background .12s ease,transform .12s ease}.profile-menu__item--with-indicator{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-menu__indicator{font-weight:800}.profile-menu__item:hover{background:var(--color-primary-soft);transform:translateY(-1px)}.profile-menu__item--danger{color:#b91c1c}.bottom-info{text-align:center;font-size:12px;color:var(--color-text-muted);padding:10px 0 14px;background:var(--color-bg)}@media (max-width: 899px){.app-layout__header{grid-template-columns:1fr auto;gap:10px;padding:10px var(--space-sm)}.app-layout__main{padding:var(--space-sm)}.app-layout__logo-text{font-size:14px}}.page-container{max-width:960px;margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-soft);margin-bottom:var(--space-md)}.card--soft{background:var(--color-primary-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:999px;border:none;cursor:pointer;font-size:14px}.btn--primary{background:var(--color-primary);color:#fff}.btn--ghost{background:transparent;color:var(--color-text-muted)}.block{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-soft);border:1px solid var(--color-border);margin-bottom:var(--space-md)}.block h3{margin-top:0;margin-bottom:var(--space-sm);font-size:16px}.family-page{display:flex;flex-direction:column;gap:var(--space-md)}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);font-size:14px}.list-item strong{font-weight:600;color:var(--color-text)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;background:var(--color-primary-soft);color:var(--color-primary)}.help-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:4px}.help-tooltip__icon{border:none;border-radius:999px;width:18px;height:18px;padding:0;font-size:12px;font-weight:700;cursor:pointer;background:var(--color-primary-soft);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.help-tooltip__bubble{position:absolute;top:120%;right:0;z-index:20;min-width:220px;max-width:280px;padding:8px 10px;border-radius:8px;background:#fff;box-shadow:0 6px 20px #000000e6;font-size:12px}.help-tooltip__title{display:block;margin-bottom:4px}.help-tooltip__text{margin:0 0 4px}.help-tooltip__list{margin:0;padding-left:16px}@media (max-width: 480px){.list-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--color-bg-soft);color:var(--color-text)}.badge--warn{background:#ffb8002e}.badge--ok{background:#00b45a26}.badge--muted{opacity:.8}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);width:100%}.row-actions{display:flex;align-items:center;gap:var(--space-xs)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.card-actions .link{font-size:13px;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding:5vh var(--space-md)}.modal{width:min(720px,100%);background:var(--color-surface);border-radius:16px;box-shadow:0 20px 60px #00000040;padding:var(--space-md)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;-webkit-user-select:none;user-select:none}.toggle input{transform:translateY(1px)}.card--soft{background:var(--color-bg-soft)}form{display:flex;flex-direction:column;gap:var(--space-md);width:100%}label{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px;display:block}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:15px;font-family:var(--font-sans);color:var(--color-text-muted);transition:border .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb40;color:var(--color-text)}textarea{min-height:120px;resize:vertical}button,.btn{cursor:pointer;border:none;border-radius:var(--radius-md);padding:10px 16px;font-size:15px;font-weight:600;text-align:center;transition:background .2s ease,opacity .2s ease}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary,button[type=submit]{background:var(--color-primary);color:#fff}.btn--primary:hover,button[type=submit]:hover{filter:brightness(.9)}.btn--secondary{background:var(--color-primary-soft);color:var(--color-primary)}.btn--secondary:hover{filter:brightness(1.05)}.btn--danger{background:#dc2626;color:#fff}.btn--danger:hover{background:#b91c1c}.form-group{display:flex;flex-direction:column;gap:4px}.form-error{color:#b91c1c;font-size:13px;margin-top:-6px}.form-hint{font-size:13px;color:var(--color-text-muted);margin-top:-4px}.form-check{display:flex;align-items:center;gap:8px}.form-check input[type=checkbox],.form-check input[type=radio]{width:auto;margin:0}.page-header,.dashboard-header,.areas-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.page-title,.dashboard-header h2,.areas-header h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.dashboard-subtitle,.areas-subtitle{margin:6px 0 0;font-size:13px;color:var(--color-text-muted);line-height:1.35}@media (max-width: 899px){.page-header,.dashboard-header,.areas-header{flex-direction:column;align-items:stretch}}.tabs,.subtabs{display:flex;gap:8px;margin:var(--space-sm) 0 var(--space-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.tabs::-webkit-scrollbar,.subtabs::-webkit-scrollbar{display:none}.tab,.subtab{flex:0 0 auto;border:1px solid var(--color-border);padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);font-size:13px;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease}.tab:hover,.subtab:hover{background:var(--color-surface);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.tab--active,.subtab--active{background:var(--color-primary-soft);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border));font-weight:800}.dashboard,.areas-page,.scoring-page,.scoring-stats-page,.tasks-page,.children-page{display:flex;flex-direction:column;gap:var(--space-md)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 900px){.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}.card:nth-child(1){grid-column:1/-1}}.dashboard-children-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media (min-width: 700px){.dashboard-children-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.dashboard-children-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:100%}.dashboard-children-grid:has(.child-card:only-child){justify-content:center}}.child-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:14px;background:var(--color-surface);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px}.child-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.child-card__name{margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em}.child-card__meta{margin:2px 0 0;font-size:12px;color:var(--color-text-muted)}.child-card__facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:13px}@media (min-width: 520px){.child-card__facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.child-card__facts dt{font-weight:700;color:var(--color-text-muted)}.child-card__facts dd{margin:0}.child-card__details{padding-top:10px;border-top:1px dashed var(--color-border);font-size:13px;color:var(--color-text)}.card-meta--hint{margin-top:6px;font-size:12px;color:var(--color-text-muted)}.score-row{display:grid;grid-template-columns:1fr;gap:12px;margin:var(--space-sm) 0}@media (min-width: 700px){.score-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.score-col{display:flex;flex-direction:column;gap:6px}.score-label{font-size:13px;font-weight:700;color:var(--color-text-muted)}.score-value{font-size:22px;font-weight:900;letter-spacing:-.02em}.score-bar-wrap{width:100%;height:10px;border-radius:999px;background:var(--color-primary-soft);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 12%,transparent)}.score-bar{height:100%;width:var(--score-percent);max-width:100%;border-radius:999px;background:var(--color-primary)}.child-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 640px){.child-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.child-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.child-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap}.child-actions--inline{justify-content:flex-start}.scoring-grid,.stats-grid,.task-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 800px){.scoring-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 700px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.invisible-highlight{display:grid;grid-template-columns:1fr;gap:var(--space-md);place-items:center;text-align:center}.invisible-circle{width:140px;height:140px;border-radius:999px;border:6px solid var(--color-primary);display:grid;place-items:center;background:var(--color-primary-soft)}.invisible-percent{font-size:34px;font-weight:900;letter-spacing:-.02em}.invisible-text{max-width:520px;color:var(--color-text-muted);line-height:1.45}.card-title{margin:0 0 var(--space-sm);font-size:15px;font-weight:900;letter-spacing:-.02em}.card-kpi{font-size:13px;color:var(--color-text-muted);margin:0}.card-kpi-value{font-size:30px;font-weight:950;margin:6px 0 10px;letter-spacing:-.03em}.card-meta{font-size:13px;color:var(--color-text-muted);margin:0 0 var(--space-sm)}.card-empty{font-size:14px;color:var(--color-text-muted)}.card--highlight{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}.card-task-meta{font-size:13px;color:var(--color-text-muted);margin-top:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.list-actions{display:flex;gap:var(--space-sm);align-items:center}.list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);width:100%}.list-main{min-width:0}.list-title{font-weight:800}.list-meta{margin-top:4px;display:grid;gap:2px;color:var(--color-text-muted);font-size:13px;line-height:1.35}.list-actions--right{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap;flex:0 0 auto}@media (max-width: 520px){.list-row{flex-direction:column;align-items:stretch}.list-actions--right{justify-content:flex-end}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:50}.modal{width:min(720px,100%);background:var(--color-surface, #fff);border-radius:16px;padding:var(--space-md);box-shadow:0 20px 60px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.modal-actions{margin-top:var(--space-md);display:flex;justify-content:flex-end}.toast-container{position:fixed;bottom:10px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{min-width:220px;max-width:360px;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.4;color:var(--color-text);box-shadow:0 10px 30px #0003;cursor:pointer}.toast--success{background:#3fa444}.toast--error{background:#c62828}.toast--info{background:var(--color-primary-soft)}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-text{flex:1}.toast-action{background:transparent;border:0;color:var(--color-text);font-weight:700;cursor:pointer;padding:0 4px;text-decoration:underline}