@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--kids-bg:#f0f5fd;--kids-card-bg:#fff;--kids-text-title:#1e1b4b;--kids-text-body:#334155;--kids-text-muted:#64748b;--kids-purple-deep:#4338ca;--kids-purple-light:#eef2ff;--kids-purple-pill:#f5f3ff;--kids-card-shadow:0 10px 25px -5px #6366f112, 0 4px 10px -2px #0f172a08;--kids-border:#e2e8f0d9;--kids-radius-lg:24px;--kids-radius-md:18px;--kids-radius-sm:12px}.parent-portal-body{background-color:var(--kids-bg);color:var(--kids-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-width:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.parent-portal-app{box-sizing:border-box;background:#f4f8fe;flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 50px #00000014}.kids-top-glass-bar{-webkit-backdrop-filter:blur(20px)saturate(160%);z-index:50;box-sizing:border-box;background:#fffffff0;border:1px solid #fffffffa;border-radius:28px;justify-content:space-between;align-items:center;margin:10px 14px 4px;padding:8px 12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:sticky;top:10px;box-shadow:0 16px 32px -8px #4f46e51f,0 2px 6px #0000000a,inset 0 1px 1px #fff}@media (width<=360px){.kids-top-glass-bar{border-radius:22px;margin:8px 10px 4px;padding:6px 10px}}.kids-child-chip{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff8c;border:1px solid #fffc;border-radius:22px;align-items:center;gap:10px;padding:4px 12px 4px 4px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex}.kids-child-chip:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 14px #4f46e51a}.kids-child-chip:active{transform:scale(.97)}.kids-avatar-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:19px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex;position:relative;box-shadow:0 4px 12px #4f46e559}.kids-online-pulse{background:#10b981;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.kids-header-actions{align-items:center;gap:8px;display:flex}.kids-glass-icon-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#1e1b4b;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 2px 8px #00000008}.kids-glass-icon-btn:hover{color:#4f46e5;background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 16px #4f46e51f}.kids-glass-icon-btn:active{transform:scale(.92)}.kids-glass-notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px;box-shadow:0 0 6px #ef444480}.kids-glass-dropdown{z-index:100;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:250px;max-width:calc(100vw - 32px);padding:8px;animation:.22s cubic-bezier(.34,1.56,.64,1) dropdown-pop;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 20px 45px -10px #0f172a38,0 4px 12px #0000000f}@keyframes dropdown-pop{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.kids-floating-glass-bar{-webkit-backdrop-filter:blur(20px)saturate(160%);z-index:100;box-sizing:border-box;background:#fffffff0;border:1px solid #fffffffa;border-radius:36px;justify-content:space-between;align-items:center;width:calc(100% - 28px);max-width:400px;height:64px;padding:6px 10px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -10px #4f46e529,0 2px 6px #0000000d,inset 0 1px 1px #fff}@media (width<=360px){.kids-floating-glass-bar{border-radius:28px;width:calc(100% - 16px);height:56px;padding:4px 6px;bottom:12px}}.kids-glass-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}@media (width<=360px){.kids-glass-item{border-radius:19px;width:38px;height:38px}.kids-glass-item svg{width:18px!important;height:18px!important}}.kids-glass-item:hover{background:#ffffff80;transform:translateY(-2px)}.kids-glass-item:active{transform:scale(.92)}.kids-glass-item.active{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);transform:translateY(-3px)scale(1.05);box-shadow:0 8px 18px -2px #4f46e56b}.kids-glass-item.active svg{filter:drop-shadow(0 2px 4px #00000026);color:#fff!important}.kids-glass-item:not(.active) svg{color:#64748b;transition:color .2s,transform .2s}.kids-glass-item:not(.active):hover svg{color:#4f46e5}.kids-glass-badge{color:#fff;pointer-events:none;background:#ef4444;border:2px solid #fffffff2;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;animation:2s ease-in-out infinite pulse-badge;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #ef444459}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.kids-active-dot{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.kids-card{box-shadow:var(--kids-card-shadow);background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;position:relative;overflow:hidden}.kids-hero-container{box-sizing:border-box;background:linear-gradient(#e0e7ff 0%,#eff6ff 50%,#f4f8fe 100%);border:1px solid #ffffffd9;border-radius:24px;margin:8px 12px 14px;padding:20px 16px 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px -6px #6366f114}@media (width<=360px){.kids-hero-container{border-radius:20px;margin:6px 8px 12px;padding:16px 12px 14px}}.kids-hero-greeting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.kids-hero-greeting-text{color:#1e1b4b;letter-spacing:-.2px;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:800;display:flex}.kids-hero-grade-badge{color:#6d28d9;letter-spacing:.2px;white-space:nowrap;background:#ede9fe;border-radius:14px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:800}.kids-hero-title{color:#1e1b4b;letter-spacing:-.5px;word-break:break-word;overflow-wrap:break-word;margin:0 0 10px;font-size:clamp(20px,5.5vw,25px);font-weight:900;line-height:1.18}.kids-hero-badge{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:6px;max-width:100%;padding:5px 12px;display:inline-flex;box-shadow:0 2px 8px #0000000a}.kids-hero-badge span{color:#1e1b4b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:800;overflow:hidden}.kids-hero-metrics-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;gap:8px;width:100%;margin-top:14px;padding:12px 10px;display:grid;box-shadow:0 10px 24px -4px #6366f114}.kids-hero-metric-item{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:4px 2px;transition:transform .15s;display:flex}.kids-hero-metric-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:5px;display:flex}.kids-hero-metric-content{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.kids-hero-metric-value{word-break:break-word;overflow-wrap:break-word;text-align:center;max-width:100%;font-size:13.5px;font-weight:900;line-height:1.18}.kids-hero-metric-label{color:#64748b;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:10.5px;font-weight:700;overflow:hidden}@media (width<=360px){.kids-hero-metrics-card{border-radius:16px;gap:4px;padding:10px 6px}.kids-hero-metric-icon{border-radius:9px;width:30px;height:30px;margin-bottom:4px}.kids-hero-metric-value{font-size:12.5px}.kids-hero-metric-label{font-size:9.5px}}.kids-hero-metrics-card.cols-1 .kids-hero-metric-item,.kids-hero-metrics-card.cols-2 .kids-hero-metric-item{text-align:left;flex-direction:row;align-items:center;gap:10px;padding:4px 8px}.kids-hero-metrics-card.cols-1 .kids-hero-metric-icon,.kids-hero-metrics-card.cols-2 .kids-hero-metric-icon{margin-bottom:0}.kids-hero-metrics-card.cols-1 .kids-hero-metric-content,.kids-hero-metrics-card.cols-2 .kids-hero-metric-content{align-items:flex-start}.kids-hero-metrics-card.cols-1 .kids-hero-metric-value,.kids-hero-metrics-card.cols-2 .kids-hero-metric-value{text-align:left;font-size:15px}.kids-hero-metrics-card.cols-1 .kids-hero-metric-label,.kids-hero-metrics-card.cols-2 .kids-hero-metric-label{text-align:left;font-size:11px}@media (width>=520px){.kids-hero-metrics-card{border-radius:22px;gap:12px;margin-top:16px;padding:16px 18px}.kids-hero-metric-item{text-align:left;flex-direction:row;align-items:center;gap:10px;padding:0}.kids-hero-metric-icon{border-radius:12px;width:38px;height:38px;margin-bottom:0}.kids-hero-metric-content{align-items:flex-start}.kids-hero-metric-value{text-align:left;font-size:15px}.kids-hero-metric-label{text-align:left;margin-top:3px;font-size:11px}}.kids-hero-tab-switch{flex-wrap:wrap;gap:8px;width:100%;display:flex}.kids-tab-btn{cursor:pointer;color:#4f46e5;text-align:center;background:#eef2ff;border:none;border-radius:20px;flex:auto;min-width:120px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s}.kids-tab-btn.active{color:#fff;background:#4f46e5;box-shadow:0 4px 12px #4f46e540}.kids-payments-summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.kids-payment-summary-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;min-width:0;padding:12px 14px;box-shadow:0 4px 14px #0000000a}.kids-payment-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:800}.kids-payment-summary-value{word-break:break-word;margin-top:2px;font-size:clamp(16px,4.5vw,20px);font-weight:900;line-height:1.2}.kids-payment-summary-value.text-green{color:#16a34a}.kids-payment-summary-value.text-red{color:#dc2626}.kids-payment-summary-sub{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}@media (width<=340px){.kids-payments-summary-grid{grid-template-columns:1fr;gap:8px}}.parent-quick-actions-grid{gap:12px;display:grid}.parent-quick-actions-grid.two-cols{grid-template-columns:1fr 1fr}.parent-quick-actions-grid.one-col{grid-template-columns:1fr}@media (width<=340px){.parent-quick-actions-grid.two-cols{grid-template-columns:1fr}}.parent-home-grid,.parent-journals-grid,.parent-messages-grid,.parent-invoices-grid,.parent-profile-grid{flex-direction:column;gap:16px;display:flex}@media (width>=640px){.parent-portal-app{border-left:1px solid #e2e8f0b3;border-right:1px solid #e2e8f0b3;max-width:760px;box-shadow:0 0 70px #00000012}.kids-hero-container{border-radius:32px;margin:12px 20px 20px;padding:28px 26px 24px}.kids-top-glass-bar{margin:14px 20px 8px;padding:10px 18px}.kids-floating-glass-bar{border-radius:40px;max-width:500px;height:68px;padding:8px 18px;bottom:28px}.kids-glass-item{border-radius:27px;width:54px;height:54px}.parent-home-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;padding:20px 24px 32px!important;display:grid!important}.parent-quick-actions-section{grid-column:span 2}.parent-journals-grid,.parent-messages-grid{grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px 32px!important;display:grid!important}.parent-invoices-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid!important}.parent-profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;padding:20px 24px 32px!important;display:grid!important}.parent-profile-grid>button{grid-column:span 2}}@media (width>=768px){.parent-portal-app{max-width:860px}.kids-top-glass-bar{margin:16px 24px 10px}.kids-hero-container{margin:14px 24px 22px}}
