.family-nav-feature{background:rgba(255,255,255,.09);font-weight:800}.family-tools-page{max-width:1500px;margin:0 auto;padding:34px 30px 80px}.family-tools-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:25px}.family-tools-head h1{margin:5px 0 7px;color:var(--navy);font-size:34px}.family-tools-head p{margin:0;color:var(--muted)}.family-tools-head form label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.family-tools-head select{min-width:230px}.family-tools-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:25px;align-items:start}.family-tools-sidebar{position:sticky;top:18px;display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 35px rgba(23,53,86,.08)}.family-tools-sidebar a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;color:var(--text);text-decoration:none}.family-tools-sidebar a:hover,.family-tools-sidebar a.active{background:#eaf4ff;color:#165d9b}.family-tools-sidebar i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#dceeff;color:#176bc0;font-size:20px;font-style:normal}.family-tools-sidebar span{display:grid;gap:3px}.family-tools-sidebar small{color:var(--muted);font-size:10px}.family-tools-content{min-width:0}.upcoming-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.upcoming-strip>div{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:0 8px 24px rgba(24,66,108,.06)}.upcoming-strip b{display:block;color:#176bc0;font-size:27px}.upcoming-strip span{color:var(--muted);font-size:12px}.insight-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:20px;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--card)}.insight-tabs button,.insight-tabs a{border:0;border-radius:9px;background:transparent;padding:10px 13px;color:var(--text);font-weight:750;white-space:nowrap;text-decoration:none;cursor:pointer}.insight-tabs button:hover,.insight-tabs button.active,.insight-tabs a:hover{background:#176bc0;color:#fff}.special-days-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.event-list-card,.add-event-card,.stat-card{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 32px rgba(23,53,86,.07)}.event-list-card,.add-event-card{padding:22px}.card-title h2,.add-event-card h2{margin:0 0 4px}.card-title p,.add-event-card>p{margin:0 0 18px;color:var(--muted);font-size:12px}.event-list{display:grid}.event-list article{display:grid;grid-template-columns:54px 8px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 5px;border-top:1px solid var(--line)}.event-list time{display:grid;place-items:center;padding:7px;border-radius:10px;background:#edf5fc;color:#174d7c}.event-list time b{font-size:20px}.event-list time span{font-size:9px;font-weight:900}.event-dot{width:8px;height:40px;border-radius:9px;background:#8c9bad}.event-dot.type-birthday{background:#36b9d2}.event-dot.type-death,.event-dot.type-memorial{background:#8692a2}.event-dot.type-marriage{background:#e56f93}.event-dot.type-engagement{background:#9b76dd}.event-list h3{margin:3px 0;font-size:15px}.event-list strong,.event-list small{color:var(--muted);font-size:11px}.event-list form button{border:0;background:#fff0f0;color:#c93636;border-radius:8px;width:30px;height:30px;cursor:pointer}.add-event-card form{display:grid;gap:12px}.add-event-card label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:750}.add-event-card .check-row{display:flex;align-items:center}.add-event-card .check-row input{width:auto}.insight-empty{padding:50px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted)}.stats-tabs{position:sticky;top:0;z-index:5}.stats-section{padding:24px 0 16px;scroll-margin-top:70px}.section-title{margin-bottom:15px}.section-title h2{margin:0 0 3px;font-size:25px;color:var(--navy)}.section-title p{margin:0;color:var(--muted)}.stats-card-grid{display:grid;gap:18px}.stats-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:24px;min-width:0}.stat-card h3{margin:0 0 18px;font-size:18px}.donut{width:190px;height:190px;margin:20px auto;border-radius:50%;background:var(--segments);display:grid;place-items:center}.donut:before{content:'';grid-area:1/1;width:120px;height:120px;border-radius:50%;background:var(--card)}.donut b{grid-area:1/1;z-index:1;font-size:30px}.legend{display:grid;gap:9px;max-width:220px;margin:0 auto;padding:0;list-style:none}.legend li{display:flex;justify-content:space-between;color:var(--muted)}.legend b{color:var(--text)}.stat-bar{margin:13px 0}.stat-bar>div{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px}.stat-bar>i{display:block;height:11px;border-radius:10px;background:#edf0f3;overflow:hidden}.stat-bar em{display:block;height:100%;border-radius:10px;background:#8d83eb}.stat-bar em.orange{background:#f3aa6d}.stat-bar em.green{background:#68a582}.big-number{margin:22px 0 5px;color:#335b83;font-size:48px;font-weight:300}.mini-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.mini-facts span{padding:12px;border-radius:10px;background:#f2f6fa;color:var(--muted);font-size:11px}.mini-facts b{display:block;color:var(--text);font-size:20px}.person-rank,.family-rank{display:grid;grid-template-columns:85px 1fr;gap:5px 12px;padding:11px 0;border-top:1px solid var(--line)}.person-rank span,.family-rank span{font-weight:700}.family-rank small{grid-column:2;color:var(--muted)}.metric{text-align:center;display:grid;align-content:center;min-height:220px}.metric .big-number{font-size:65px}
@media(max-width:1050px){.family-tools-shell{grid-template-columns:1fr}.family-tools-sidebar{position:static;grid-template-columns:1fr 1fr}.special-days-grid{grid-template-columns:1fr}.stats-card-grid.three{grid-template-columns:1fr 1fr}.upcoming-strip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.family-tools-page{padding:24px 14px 60px}.family-tools-head{align-items:stretch;flex-direction:column}.family-tools-head select{width:100%}.family-tools-sidebar,.stats-card-grid.three,.stats-card-grid.two,.upcoming-strip{grid-template-columns:1fr}.family-tools-sidebar a{padding:10px}.event-list article{grid-template-columns:48px 7px minmax(0,1fr)}.event-list article form{grid-column:3}.donut{width:160px;height:160px}.donut:before{width:100px;height:100px}}
.storage-warning{display:grid;gap:7px;padding:14px;border:1px solid #e8bb5d;border-radius:11px;background:#fff7df;color:#79530c}.storage-warning span{font-size:12px;line-height:1.5}
.authenticated-user .topbar-primary{height:56px;min-height:56px}.authenticated-user .topbar-primary .brand{transform:scale(.9);transform-origin:left center}.authenticated-user .menu-toggle{display:none!important}.authenticated-user .account-nav{justify-content:flex-start}.authenticated-user .notification-icon-link{order:0;margin-right:0!important;background:rgba(255,255,255,.14)}.authenticated-user .family-nav-feature{display:flex!important;align-items:center;gap:7px;min-height:36px;padding:7px 14px!important;border:1px solid rgba(255,255,255,.22);border-radius:10px!important;color:#fff!important;font-weight:900;box-shadow:0 5px 14px rgba(4,20,45,.16)}.authenticated-user .family-nav-feature i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.2);font-size:15px;font-style:normal}.authenticated-user .special-days-link{background:linear-gradient(135deg,#9c5ed0,#7045b4)!important}.authenticated-user .statistics-link{background:linear-gradient(135deg,#078da3,#087288)!important}.authenticated-user .family-nav-feature:hover{filter:brightness(1.12);transform:translateY(-1px)}.authenticated-user .account-nav-main-start{margin-left:auto}
@media(max-width:900px){.authenticated-user .topbar-primary{height:52px;min-height:52px}.authenticated-user .account-bar{display:block!important;padding-top:7px;padding-bottom:7px}.authenticated-user .account-nav-main-start{margin-left:0}.authenticated-user .account-nav{display:grid;grid-template-columns:1fr 1fr}.authenticated-user .notification-icon-link{grid-column:1/-1}.authenticated-user .account-nav a:not(.family-nav-feature),.authenticated-user .account-nav form{grid-column:1/-1}}