body{background:#f6f8ff}
.workspace{margin-left:0}
.family-header{max-width:1200px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.family-brand{font-size:23px;font-weight:750;color:#354777;white-space:nowrap}
.family-brand>span{display:inline-grid;place-items:center;background:#e7edff;color:#5c78d4;width:42px;height:42px;border-radius:15px;margin-right:7px}
.family-tabs{display:flex;align-items:center;gap:8px}
.family-tabs button{border:0;background:transparent;border-radius:14px;padding:13px 19px;color:#79849a;font-size:15px;min-height:48px}
.family-tabs button.selected{background:white;color:#425ba7;box-shadow:0 3px 12px #25355b0a;font-weight:650}
.home-panel{max-width:1120px;padding:42px 32px 20px;margin:auto}
.home-heading{display:flex;align-items:center;gap:22px;margin-bottom:38px}
.hello-mark{font-size:53px;color:#e8b554;line-height:1}
.home-heading h1{font-size:32px;letter-spacing:1px;margin:0 0 12px;color:#35436b}
.home-heading p{font-size:18px;color:#7d88a2}
.kid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kid-card{--kid-accent:#5275ca;--kid-bg:#edf2ff;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #e6ebf5;background:white;border-radius:25px;padding:28px;box-shadow:0 5px 15px #344d7904}
.tone-purple{--kid-accent:#8867bb;--kid-bg:#f3edfd}.tone-orange{--kid-accent:#bb7a34;--kid-bg:#fff3e2}.tone-green{--kid-accent:#3f9279;--kid-bg:#eaf7f1}.tone-pink{--kid-accent:#b96885;--kid-bg:#fff0f5}
.kid-icon{width:63px;height:63px;display:grid;place-items:center;background:var(--kid-bg);color:var(--kid-accent);border-radius:21px;font-size:36px;margin-bottom:22px;font-weight:600;line-height:1}
.kid-card h2{font-size:23px;color:#35436b;letter-spacing:.5px;margin-bottom:12px}
.kid-card p{font-size:15px;color:#7c879c;line-height:1.7;margin-bottom:24px}
.kid-card small{font-size:12px;color:#7d879a;margin:-10px 0 15px}
.kid-open,.kid-unavailable{margin-top:auto;border-radius:13px;min-height:52px;width:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:650}
.kid-open{background:var(--kid-bg);color:var(--kid-accent);gap:16px;transition:filter .15s,transform .15s}
.kid-open:hover{filter:brightness(.97);transform:translateY(-2px)}
.kid-unavailable{font-size:13px;color:#8a8e9a;background:#f3f4f7;font-weight:400;text-align:center;padding:10px}
.kid-card.unavailable{background:#ffffffa3;box-shadow:none}.unavailable .kid-icon{filter:grayscale(.55);opacity:.75}
.home-foot{text-align:center;color:#99a3b7;font-size:14px;letter-spacing:1px;padding:38px 0 10px}
.home-notice{border-radius:12px;padding:14px 18px;background:#fff3df;color:#9e7135;margin-bottom:24px;line-height:1.6}
.kid-empty{grid-column:1/-1;padding:45px 20px;background:white;border-radius:20px;text-align:center;color:#74819a;font-size:17px;line-height:1.8}
.kid-empty .button{display:flex;margin:20px auto 0;min-height:48px;font-size:15px}
#parent-panel{max-width:1440px;margin:0 auto}#parent-panel .topbar{background:transparent;border-top:1px solid var(--line);flex-wrap:wrap;height:auto;min-height:70px;padding:16px 32px}#parent-panel main{padding-top:25px}
#parent-panel .topbar-right{flex-wrap:wrap}#parent-panel .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.kid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#parent-panel .project-grid{grid-template-columns:1fr}}
@media(max-width:600px){.family-header{padding:18px 20px;flex-wrap:wrap;gap:16px}.family-brand{font-size:21px}.family-brand>span{width:36px;height:36px;border-radius:12px}.family-tabs{width:100%;gap:10px}.family-tabs button{flex:1;padding:10px 14px;font-size:15px}.home-panel{padding:26px 20px 15px}.home-heading{gap:14px;margin-bottom:26px}.hello-mark{font-size:40px}.home-heading h1{font-size:25px;margin-bottom:9px}.home-heading p{font-size:16px}.kid-grid{gap:16px}.kid-card{padding:20px;border-radius:20px}.kid-card h2{font-size:20px}.kid-card p{font-size:14px;margin-bottom:18px}.kid-icon{width:51px;height:51px;font-size:30px;border-radius:17px;margin-bottom:17px}.kid-open{font-size:17px;gap:8px}.home-foot{font-size:12px;padding-top:28px}#parent-panel .topbar{padding:15px 20px}#parent-panel .topbar-right{gap:8px}}
@media(max-width:430px){.kid-grid{grid-template-columns:1fr}.kid-card{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:17px;align-items:center;padding:22px}.kid-icon{grid-row:1/3;margin:0}.kid-card h2{margin:0 0 7px;font-size:22px}.kid-card p{margin:0;font-size:15px}.kid-card small{grid-column:1/-1;margin:12px 0 0}.kid-open,.kid-unavailable{grid-column:1/-1;margin-top:20px;min-height:50px}.home-heading h1{font-size:24px}}
