:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{color:#111827;background:#fff7ed;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,Arial,sans-serif}.app{background:#fff7ed;width:100vw;min-height:100vh;display:flex}.sidebar{color:#cbd5e1;background:#142033;border-right:1px solid #24324a;flex-direction:column;width:230px;min-width:230px;min-height:100vh;display:flex}.side-brand{border-bottom:1px solid #24324a;height:72px;padding:14px 16px}.brand-row{align-items:center;gap:10px;display:flex}.brand-icon{background:linear-gradient(135deg,#fb923c,#facc15);border-radius:13px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.brand-row h1{color:#fff;margin:0;font-size:15px}.brand-row p{color:#94a3b8;margin:3px 0 0;font-size:10px}.nav-section{text-transform:uppercase;letter-spacing:.08em;color:#718096;margin:22px 16px 7px;font-size:10px;font-weight:900}.nav{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:calc(100% - 20px);margin:3px 10px;padding:10px 13px;font-size:13px;font-weight:700}.nav:hover,.nav.active{color:#7dd3fc;background:#20395f}.dot{float:right;color:#fff;background:#f43f5e;border-radius:99px;padding:1px 7px;font-size:10px}.sidebar-user{border-top:1px solid #24324a;align-items:center;gap:10px;margin-top:auto;padding:15px;display:flex}.main{background:#fff7ed;flex:1;width:calc(100vw - 230px);min-width:0;min-height:100vh}.topbar{justify-content:space-between;align-items:center;width:100%;min-height:68px;padding:12px 24px;display:flex}.topbar.sky{color:#fff;background:linear-gradient(90deg,#fb6f1d,#ffd23f);border-bottom:1px solid #f97316}.topbar h2{color:#fff;margin:0;font-size:16px;font-weight:900}.topbar p{color:#fff7ed;margin:3px 0 0;font-size:11px;font-weight:700}.top-actions{align-items:center;gap:8px;display:flex}.circle,.logout,.add-btn,.panel-head button{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:900}.add-btn{color:#ea580c}.avatar,.initial{color:#fff;background:#fb923c;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:grid}.initial.soft{color:#6d28d9;background:#ddd6fe}.content{width:100%;padding:26px 30px 42px}.welcome{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.welcome h1{color:#eaf3ff;margin:0;font-size:20px;font-weight:900}.welcome p{color:#111827;margin:4px 0 0;font-size:12px;font-weight:600}.date-pill{color:#7dd3fc;background:#0f2748;border-radius:999px;padding:8px 15px;font-size:11px;font-weight:900}.alert-bar{color:#bfdbfe;cursor:pointer;background:#0f2748;border:2px solid #2563eb;border-radius:13px;width:100%;margin-bottom:18px;padding:12px 16px;font-size:13px;font-weight:900}.kpis{grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;width:100%;margin-bottom:18px;display:grid}.kpi{color:#fff;border-radius:17px;min-height:118px;padding:18px;box-shadow:0 10px 20px #0f172a14}.kpi span{margin-bottom:6px;font-size:21px;display:block}.kpi h2{margin:0;font-size:25px;font-weight:900}.kpi p{margin:4px 0 0;font-size:12px;font-weight:900}.kpi-click{text-align:left;cursor:pointer;border:0}.green{background:linear-gradient(135deg,#22c55e,#15803d)}.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.purple{background:linear-gradient(135deg,#a855f7,#7e22ce)}.red{background:linear-gradient(135deg,#f43f5e,#be123c)}.yellow{color:#713f12;background:#facc15}.quick-actions{grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px;display:grid}.quick-actions button{color:#142033;cursor:pointer;background:#fff;border:1px solid #fed7aa;border-radius:15px;place-items:center;gap:6px;padding:18px;font-size:16px;font-weight:900;display:grid}.quick-actions button:hover{background:#fff3c4}.quick-actions button span{font-size:12px}.two-col{grid-template-columns:1.15fr 1fr;gap:14px;width:100%;margin-bottom:18px;display:grid}.message-layout{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.panel{background:#fff;border:1px solid #eadcc8;border-radius:15px;padding:18px;box-shadow:0 8px 18px #0f172a0a}.panel.full{width:100%}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-head h3{color:#111827;margin:0;font-size:15px;font-weight:900}.list-row{border-bottom:1px solid #f1e4d2;align-items:center;gap:10px;padding:11px 0;display:flex}.list-row:last-child{border-bottom:none}.list-row strong{font-size:13px}.list-row p{color:#64748b;margin:3px 0 0;font-size:11px}.list-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.list-button:hover{background:#fff7ed;border-radius:10px}.time{color:#166534;background:#dcfce7;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:900}.unread{background:#f43f5e;border-radius:50%;width:8px;height:8px;margin-left:auto}.muted{color:#64748b;font-size:12px}.rooms{grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px;width:100%;display:grid}.room{color:#172033;border-radius:17px;min-height:105px;padding:17px}.room.blue{background:#dbeafe}.room.yellow{background:#fef3c7}.room.purple{background:#ede9fe}.room strong{font-size:14px}.room p{margin:10px 0;font-size:19px;font-weight:900}.bar{background:#ffffffbf;border-radius:999px;width:100%;height:6px;overflow:hidden}.bar span{background:#f97316;height:100%;display:block}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#64748b;text-align:left;text-transform:uppercase;background:#fff7ed;padding:12px;font-size:11px}td{border-top:1px solid #f1e4d2;padding:12px}.child-cell{align-items:center;gap:10px;display:flex}.child-cell p{color:#64748b;margin:3px 0 0;font-size:11px}.filters{gap:10px;margin-bottom:12px;display:flex}.filters input,.filters select,.login-form input{color:#111827;background:#fff;border:1px solid #eadcc8;border-radius:10px;width:100%;padding:10px;font-size:13px}.mini{cursor:pointer;border:0;border-radius:8px;margin-right:5px;padding:6px 9px;font-size:11px;font-weight:900}.mini.green{color:#166534;background:#dcfce7}.mini.yellow{color:#92400e;background:#fef3c7}.mini.red{color:#991b1b;background:#fee2e2}.mini.blue{color:#1d4ed8;background:#dbeafe}.badge{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.badge.green{color:#166534;background:#dcfce7}.badge.red{color:#be123c;background:#ffe4e6}.badge.yellow{color:#92400e;background:#fef3c7}.action-form{grid-template-columns:200px 1fr;gap:12px;max-width:860px;display:grid}.action-form label{color:#111827;padding-top:10px;font-size:12px;font-weight:900}.action-form input,.action-form select,.action-form textarea{border:1px solid #eadcc8;border-radius:10px;padding:11px;font-family:inherit;font-size:13px}.action-form textarea{min-height:80px}.action-form button{color:#431407;cursor:pointer;background:#fb923c;border:0;border-radius:12px;grid-column:2;padding:12px;font-size:13px;font-weight:900}.messages-pro{grid-template-columns:340px 1fr;gap:16px;width:100%;min-height:600px;display:grid}.messages-sidebar{min-height:600px;overflow:hidden}.message-search{margin-bottom:12px}.message-search input{border:1px solid #eadcc8;border-radius:10px;outline:none;width:100%;padding:10px;font-size:13px}.conversation{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:7px;padding:12px;display:flex}.conversation:hover,.conversation.active{background:#e0f2fe}.conversation-body{flex:1;min-width:0}.conversation-body div{justify-content:space-between;align-items:center;display:flex}.conversation-body strong{font-size:13px}.conversation-body p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:11px;overflow:hidden}.conversation-unread{color:#fff;background:#e11d48;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:900}.chat-panel{flex-direction:column;min-height:600px;display:flex}.chat-header{border-bottom:1px solid #f1e4d2;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.chat-header h3{margin:0;font-size:15px}.chat-header p{color:#64748b;margin:3px 0 0;font-size:11px}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:8px 4px;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:70%;padding:11px 13px;font-size:13px}.chat-bubble p{margin:4px 0}.chat-bubble span{opacity:.7;font-size:10px}.chat-bubble.mine{color:#082f49;background:#38bdf8;align-self:flex-end}.chat-bubble.theirs{color:#172033;background:#f1f5f9;align-self:flex-start}.chat-empty-pro{text-align:center;color:#64748b;place-items:center;height:100%;display:grid}.chat-compose{border-top:1px solid #f1e4d2;flex-direction:column;gap:8px;padding-top:12px;display:flex}.chat-compose input,.chat-compose textarea{border:1px solid #eadcc8;border-radius:10px;outline:none;width:100%;padding:10px;font-family:inherit;font-size:13px}.compose-row{gap:8px;display:flex}.compose-row textarea{resize:vertical;min-height:62px}.compose-row button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:12px;padding:0 20px;font-size:13px;font-weight:900}.qr-box{text-align:center;place-items:center;min-height:360px;display:grid}.qr-box div{font-size:64px}.schedule-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.schedule-grid div{background:#fff3c4;border-radius:9px;padding:12px;font-size:12px;font-weight:800}.parent-app{grid-template-columns:1fr 300px;gap:30px;display:grid}.phone{background:#fff;border:1px solid #eadcc8;border-radius:28px;width:280px;margin:auto;padding:18px;box-shadow:0 16px 30px #0000001a}.phone-top{background:#eadcc8;border-radius:999px;width:70px;height:5px;margin:0 auto 16px}.phone h4{margin:8px 0;font-size:18px}.phone p{font-size:12px}.phone-card{background:#fff3c4;border-radius:10px;margin:8px 0;padding:10px;font-size:12px}.phone-nav{text-align:center;letter-spacing:12px;border-top:1px solid #eadcc8;margin-top:14px;padding-top:10px}.login-wrap{place-items:center;width:100%;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #eadcc8;border-radius:18px;width:400px;padding:28px}.login-form{flex-direction:column;gap:10px;margin-top:20px;display:flex}.login-form label{font-size:12px;font-weight:900}.login-form button{color:#431407;cursor:pointer;background:#fb923c;border:0;border-radius:10px;padding:11px;font-size:13px;font-weight:900}.app.dark{color:#e5e7eb;background:#0f172a}.app.dark .main{background:#0f172a}.app.dark .sidebar,.app.dark .panel,.app.dark .phone,.app.dark .login-card{background:#111827;border-color:#374151}.app.dark .sidebar{background:#142033}.app.dark .nav{color:#cbd5e1}.app.dark .nav.active,.app.dark .nav:hover{color:#7dd3fc;background:#20395f}.app.dark .welcome h1,.app.dark .panel-head h3,.app.dark .brand-row h1,.app.dark .chat-header h3{color:#e5e7eb}.app.dark .welcome p,.app.dark .list-row p,.app.dark .muted,.app.dark .chat-header p,.app.dark .conversation-body p{color:#cbd5e1}.app.dark th{color:#cbd5e1;background:#1f2937}.app.dark td,.app.dark .list-row,.app.dark .chat-header,.app.dark .chat-compose{border-color:#374151}.app.dark .conversation:hover,.app.dark .conversation.active{background:#20395f}.app.dark input,.app.dark select,.app.dark textarea{color:#e5e7eb;background:#0f172a;border-color:#374151}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,1fr)}.two-col,.message-layout,.parent-app,.rooms,.messages-pro{grid-template-columns:1fr}}@media (width<=800px){.app{flex-direction:column}.sidebar{width:100%;min-width:100%;min-height:auto}.main{width:100%}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.kpis,.quick-actions,.action-form{grid-template-columns:1fr}.action-form button{grid-column:1}}.report-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px;display:grid}.report-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;padding:16px;box-shadow:0 8px 18px #0f172a0a}.report-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.report-details{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.report-details div,.report-note{background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;padding:10px}.report-details span,.report-note span{color:#92400e;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.report-details strong{font-size:12px}.report-note{margin-top:10px}.report-note p{color:#64748b;margin:0;font-size:12px}.report-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}@media (width<=1000px){.report-grid{grid-template-columns:1fr}}.billing-layout{grid-template-columns:1fr 300px;gap:14px;display:grid}.billing-main,.billing-side{min-height:500px}.invoice-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px;display:grid}.invoice-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;padding:16px;box-shadow:0 8px 18px #0f172a0a}.invoice-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.invoice-top strong{font-size:14px}.invoice-top p{color:#64748b;margin:4px 0 0;font-size:12px}.invoice-family{background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:flex}.invoice-family p{color:#64748b;margin:3px 0 0;font-size:12px}.invoice-amount{color:#fff;background:#0f2748;border-radius:12px;margin-bottom:12px;padding:12px}.invoice-amount span{color:#bfdbfe;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.invoice-amount strong{font-size:22px}.invoice-actions{flex-wrap:wrap;gap:6px;display:flex}.summary-row{border-bottom:1px solid #f1e4d2;justify-content:space-between;padding:12px 0;display:flex}.summary-row span{color:#64748b;font-size:12px;font-weight:800}.summary-row strong{font-size:14px}.summary-action{color:#431407;cursor:pointer;background:#fb923c;border:0;border-radius:12px;width:100%;margin-top:14px;padding:12px;font-weight:900}.summary-action.soft{background:#fff3c4}@media (width<=1100px){.billing-layout,.invoice-grid{grid-template-columns:1fr}}.notifications-layout{grid-template-columns:1fr 300px;gap:14px;display:grid}.notifications-main,.notifications-side{min-height:500px}.notification-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #eadcc8;border-radius:16px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:16px;display:grid}.notification-card:hover{background:#fff7ed}.notification-icon{border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.notification-card strong{font-size:13px}.notification-card p{color:#64748b;margin:4px 0 0;font-size:12px}.notification-card span{font-size:12px;font-weight:900}.notification-card.urgent .notification-icon{background:#ffe4e6}.notification-card.warning .notification-icon{background:#fef3c7}.notification-card.billing-alert .notification-icon{background:#e0f2fe}.notification-card.attendance-alert .notification-icon{background:#dcfce7}.notification-summary{border-top:1px solid #f1e4d2;margin-top:18px;padding-top:12px}.notification-summary div{border-bottom:1px solid #f1e4d2;justify-content:space-between;padding:9px 0;display:flex}.notification-summary span{color:#64748b;font-size:12px;font-weight:800}.notification-summary strong{font-size:13px}@media (width<=1100px){.notifications-layout{grid-template-columns:1fr}}.parent-portal-hero{grid-template-columns:1fr 300px;gap:14px;margin-bottom:14px;display:grid}.parent-child-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px;display:grid}.parent-child-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;padding:16px;box-shadow:0 8px 18px #0f172a0a}.parent-child-top{align-items:center;gap:10px;margin-bottom:14px;display:flex}.parent-child-top p{color:#64748b;margin:3px 0 0;font-size:12px}.parent-child-top .badge{margin-left:auto}.parent-child-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px;display:grid}.parent-child-stats div{background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;padding:10px}.parent-child-stats span{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.parent-child-stats strong{font-size:14px}.parent-child-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.parent-child-actions button{color:#075985;cursor:pointer;background:#e0f2fe;border:0;border-radius:10px;padding:8px;font-size:11px;font-weight:900}.parent-child-actions button:hover{background:#bae6fd}.parent-portal-sections{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=1100px){.parent-portal-hero,.parent-child-grid,.parent-portal-sections{grid-template-columns:1fr}.parent-child-actions{grid-template-columns:repeat(2,1fr)}}.qr-layout{grid-template-columns:360px 1fr;gap:14px;margin-bottom:14px;display:grid}.qr-scanner-panel,.qr-code-panel{min-height:520px}.qr-camera{background:#0f2748;border-radius:18px;place-items:center;min-height:310px;margin-bottom:14px;display:grid}.qr-frame{color:#bfdbfe;text-align:center;border:2px dashed #7dd3fc;border-radius:24px;place-items:center;width:240px;height:240px;display:grid;position:relative}.qr-frame span{border-style:solid;border-color:#facc15;width:36px;height:36px;position:absolute}.qr-frame span:first-child{border-width:4px 0 0 4px;top:14px;left:14px}.qr-frame span:nth-child(2){border-width:4px 4px 0 0;top:14px;right:14px}.qr-frame span:nth-child(3){border-width:0 0 4px 4px;bottom:14px;left:14px}.qr-frame span:nth-child(4){border-width:0 4px 4px 0;bottom:14px;right:14px}.qr-camera-icon{font-size:46px}.qr-frame p{margin:0;font-size:12px;font-weight:800;position:absolute;bottom:52px}.qr-help{background:#fff7ed;border:1px solid #ffedd5;border-radius:14px;padding:13px}.qr-help p{color:#64748b;margin:5px 0 0;font-size:12px}.qr-child-list{grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;display:grid}.qr-child-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;grid-template-columns:90px 1fr;gap:12px;padding:13px;display:grid}.qr-code-box{place-items:center;display:grid}.qr-fake{background:linear-gradient(90deg,#111827 10px,#0000 10px) 0 0/19px 19px,linear-gradient(#111827 10px,#0000 10px) 0 0/19px 19px,#fff;border:5px solid #fff;border-radius:8px;outline:1px solid #e5e7eb;place-items:center;width:76px;height:76px;display:grid;position:relative}.qr-fake strong{color:#111827;background:#fff;border-radius:6px;padding:2px 5px;font-size:10px}.qr-child-info strong{font-size:13px}.qr-child-info p{color:#64748b;margin:4px 0 8px;font-size:11px}.qr-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}@media (width<=1100px){.qr-layout,.qr-child-list{grid-template-columns:1fr}}.qr-kpis .kpi{min-height:105px}.qr-pro-top{grid-template-columns:360px 1fr;gap:14px;width:100%;margin-bottom:14px;display:grid}.qr-scanner-compact,.qr-activity-panel{min-height:360px}.qr-camera-compact{background:#0f2748;border-radius:16px;place-items:center;min-height:210px;margin-bottom:12px;display:grid}.qr-frame-compact{color:#bfdbfe;text-align:center;border:2px dashed #7dd3fc;border-radius:20px;place-items:center;width:170px;height:170px;display:grid;position:relative}.qr-frame-compact span{border-style:solid;border-color:#facc15;width:28px;height:28px;position:absolute}.qr-frame-compact span:first-child{border-width:4px 0 0 4px;top:12px;left:12px}.qr-frame-compact span:nth-child(2){border-width:4px 4px 0 0;top:12px;right:12px}.qr-frame-compact span:nth-child(3){border-width:0 0 4px 4px;bottom:12px;left:12px}.qr-frame-compact span:nth-child(4){border-width:0 4px 4px 0;bottom:12px;right:12px}.qr-frame-compact .qr-camera-icon{font-size:34px}.qr-frame-compact p{margin:0;font-size:11px;font-weight:800;position:absolute;bottom:36px}.qr-help.compact{background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;padding:11px}.qr-help.compact p{color:#64748b;margin:4px 0 0;font-size:11px}.qr-codes-full{margin-bottom:14px}.qr-child-grid-pro{grid-template-columns:repeat(3,minmax(250px,1fr));gap:12px;display:grid}.qr-child-card-pro{background:#fff;border:1px solid #eadcc8;border-radius:15px;grid-template-columns:82px 1fr;align-items:center;gap:12px;padding:13px;display:grid}.qr-child-card-pro .qr-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.qr-child-card-pro .qr-child-info strong{font-size:13px}.qr-child-card-pro .qr-child-info p{color:#64748b;margin:3px 0;font-size:11px}@media (width<=1200px){.qr-child-grid-pro{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.qr-pro-top,.qr-child-grid-pro{grid-template-columns:1fr}}.staff-layout{grid-template-columns:1fr 340px;gap:14px;margin-bottom:14px;display:grid}.staff-grid{grid-template-columns:repeat(2,minmax(300px,1fr));gap:12px;display:grid}.staff-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.staff-avatar{color:#075985;background:#e0f2fe;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.staff-info strong{font-size:13px}.staff-info p{color:#64748b;margin:3px 0;font-size:11px}.staff-meta{text-align:right}.staff-meta span{color:#64748b;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.staff-ok{color:#166534;background:#dcfce7;border-radius:99px;padding:4px 8px;font-size:11px}.staff-wait{color:#92400e;background:#fef3c7;border-radius:99px;padding:4px 8px;font-size:11px}.ratio-card{background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;margin-bottom:12px;padding:12px}.ratio-card div{justify-content:space-between;gap:10px;display:flex}.ratio-card strong{font-size:12px}.ratio-card span{color:#64748b;font-size:11px;font-weight:800}.ratio-card p{color:#166534;margin:8px 0;font-size:11px;font-weight:900}.staff-schedule-pro{grid-template-columns:160px repeat(5,1fr);gap:8px;display:grid;overflow-x:auto}.schedule-head{color:#64748b;text-align:center;padding:8px;font-size:12px;font-weight:900}.schedule-name{color:#111827;padding:11px;font-size:12px;font-weight:900}.schedule-shift{color:#92400e;text-align:center;background:#fff3c4;border:1px solid #fbbf24;border-radius:10px;padding:11px;font-size:11px;font-weight:900}.schedule-shift.off{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.staff-bottom{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.coverage-good{text-align:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:14px;margin-bottom:14px;padding:18px}.coverage-good div{font-size:34px}.coverage-good strong{color:#166534;margin-top:8px;display:block}.coverage-good p{color:#166534;margin:6px 0 0;font-size:12px}@media (width<=1100px){.staff-layout,.staff-grid,.staff-bottom{grid-template-columns:1fr}.staff-schedule-pro{grid-template-columns:140px repeat(5,150px)}}.children-layout{grid-template-columns:1fr 320px;gap:14px;margin-bottom:14px;display:grid}.children-grid-pro{grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px;display:grid}.child-profile-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;padding:16px;box-shadow:0 8px 18px #0f172a0a}.child-profile-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.child-photo{color:#fff;background:linear-gradient(135deg,#fb923c,#facc15);border-radius:16px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:grid}.child-profile-top p{color:#64748b;margin:4px 0 0;font-size:12px}.child-profile-top .badge{margin-left:auto}.child-profile-info{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px;display:grid}.child-profile-info div,.child-record-row div{background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;padding:10px}.child-profile-info span,.child-record-row span{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.child-profile-info strong,.child-record-row strong{font-size:12px}.child-record-row{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px;display:grid}.child-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.child-actions button{color:#075985;cursor:pointer;background:#e0f2fe;border:0;border-radius:10px;padding:8px;font-size:11px;font-weight:900}.child-actions button:hover{background:#bae6fd}.classroom-summary-card{background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;margin-bottom:12px;padding:12px}.classroom-summary-card div{justify-content:space-between;gap:10px;display:flex}.classroom-summary-card strong{font-size:12px}.classroom-summary-card span{color:#64748b;font-size:11px;font-weight:800}.classroom-summary-card p{color:#166534;margin:8px 0;font-size:11px;font-weight:900}@media (width<=1100px){.children-layout,.children-grid-pro{grid-template-columns:1fr}.child-actions{grid-template-columns:repeat(2,1fr)}}.calendar-layout{grid-template-columns:1fr 320px;gap:14px;margin-bottom:14px;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day-head{text-align:center;color:#64748b;padding:8px;font-size:11px;font-weight:900}.calendar-cell{background:#fff;border:1px solid #eadcc8;border-radius:12px;flex-direction:column;gap:6px;min-height:96px;padding:8px;display:flex}.calendar-cell strong{font-size:12px}.calendar-cell.today{background:#e0f2fe;border-color:#38bdf8}.calendar-cell.closure{background:#fff1f2;border-color:#fecaca}.calendar-event{white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:4px 6px;font-size:10px;font-weight:900;display:block;overflow:hidden}.blue-event{color:#1d4ed8;background:#dbeafe}.green-event{color:#166534;background:#dcfce7}.purple-event{color:#6d28d9;background:#ede9fe}.yellow-event{color:#92400e;background:#fef3c7}.red-event{color:#991b1b;background:#fee2e2}.calendar-side{min-height:480px}.calendar-today-card{background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.calendar-today-card strong{font-size:13px}.calendar-today-card p{color:#64748b;margin:4px 0 0;font-size:11px}.calendar-bottom{grid-template-columns:1fr 1fr;gap:14px;display:grid}.calendar-action-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.calendar-action-grid button{cursor:pointer;background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;padding:16px;font-size:12px;font-weight:900}.calendar-action-grid button:hover{background:#fff3c4}@media (width<=1100px){.calendar-layout,.calendar-bottom{grid-template-columns:1fr}.calendar-grid{min-width:760px}.calendar-main{overflow-x:auto}}.analytics-layout{grid-template-columns:1fr 320px;gap:14px;margin-bottom:14px;display:grid}.analytics-main,.analytics-side{min-height:380px}.analytics-bars{gap:14px;display:grid}.analytics-bar-row{background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;grid-template-columns:160px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.analytics-bar-row strong{font-size:13px;display:block}.analytics-bar-row span{color:#64748b;font-size:11px;font-weight:800}.analytics-track{background:#e5e7eb;border-radius:99px;width:100%;height:9px;overflow:hidden}.analytics-track span{background:linear-gradient(90deg,#22c55e,#15803d);height:100%;display:block}.analytics-track.blue-track span{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.analytics-track.purple-track span{background:linear-gradient(90deg,#a855f7,#7e22ce)}.analytics-track.red-track span{background:linear-gradient(90deg,#f43f5e,#be123c)}.health-score{text-align:center;margin-bottom:16px}.health-circle{background:radial-gradient(circle at center,#fff 58%,transparent 59%), conic-gradient(#22c55e 0 86%, #e5e7eb 86% 100%);border-radius:50%;place-items:center;width:150px;height:150px;margin:0 auto 12px;display:grid}.health-circle strong{font-size:24px}.health-circle span{color:#166534;margin-top:-40px;font-size:11px;font-weight:900}.health-score p{color:#64748b;font-size:12px}.analytics-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px;margin-bottom:14px;display:grid}.analytics-money{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.analytics-money div,.engagement-list div{background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;padding:12px}.analytics-money span,.engagement-list span{color:#64748b;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.analytics-money strong,.engagement-list strong{font-size:14px}.donut-row{align-items:center;gap:14px;margin-top:14px;display:flex}.donut{background:radial-gradient(circle at center,#fff 56%,transparent 57%), conic-gradient(#3b82f6 0 70%, #e5e7eb 70% 100%);border-radius:50%;place-items:center;width:90px;height:90px;display:grid}.donut span{color:#1d4ed8;font-weight:900}.donut-row p{color:#64748b;margin:4px 0 0;font-size:12px}.report-completion{background:#fff7ed;border:1px solid #ffedd5;border-radius:14px;padding:16px}.completion-number{color:#166534;font-size:34px;font-weight:900}.report-completion p{color:#64748b;font-size:12px}.analytics-classroom{border-bottom:1px solid #f1e4d2;padding:11px 0}.analytics-classroom:last-child{border-bottom:0}.analytics-classroom div:first-child{justify-content:space-between;margin-bottom:7px;display:flex}.analytics-classroom strong{font-size:12px}.analytics-classroom span{color:#64748b;font-size:11px;font-weight:800}.engagement-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.analytics-actions{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.analytics-actions button{text-align:left;cursor:pointer;background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;padding:14px}.analytics-actions button:hover{background:#fff3c4}.analytics-actions strong{margin-bottom:5px;font-size:13px;display:block}.analytics-actions span{color:#64748b;font-size:11px;font-weight:800}@media (width<=1100px){.analytics-layout,.analytics-grid,.analytics-actions,.analytics-bar-row{grid-template-columns:1fr}}.photo-layout{grid-template-columns:1fr 300px;gap:14px;margin-bottom:14px;display:grid}.photo-toolbar{grid-template-columns:1fr 190px;gap:10px;margin-bottom:14px;display:grid}.photo-toolbar input,.photo-toolbar select{border:1px solid #eadcc8;border-radius:10px;padding:10px;font-size:13px}.photo-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;display:grid}.photo-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;overflow:hidden;box-shadow:0 8px 18px #0f172a0a}.photo-thumb{background:linear-gradient(135deg,#fed7aa,#fef3c7);place-items:center;height:135px;display:grid}.photo-thumb div{font-size:50px}.photo-info{padding:12px}.photo-info strong{font-size:13px}.photo-info p{color:#64748b;margin:5px 0 8px;font-size:11px}.photo-actions{border-top:1px solid #f1e4d2;grid-template-columns:repeat(3,1fr);display:grid}.photo-actions button{cursor:pointer;background:#fff7ed;border:0;padding:9px;font-size:11px;font-weight:900}.photo-actions button:hover{background:#fff3c4}.album-row{text-align:left;cursor:pointer;background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:11px;display:grid}.album-row strong{font-size:12px}.album-row p{color:#64748b;margin:3px 0 0;font-size:11px}.album-row span{color:#075985;font-size:11px;font-weight:900}.photo-bottom{grid-template-columns:1fr 320px;gap:14px;display:grid}.child-album-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;display:grid}.child-album-card{background:#fff;border:1px solid #eadcc8;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.child-album-card p{color:#64748b;margin:3px 0 0;font-size:11px}.child-album-card button{color:#075985;cursor:pointer;background:#e0f2fe;border:0;border-radius:10px;padding:8px;font-size:11px;font-weight:900}.photo-sharing-card{text-align:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:14px;margin-bottom:14px;padding:18px}.photo-sharing-card div{font-size:34px}.photo-sharing-card strong{color:#166534;margin-top:8px;display:block}.photo-sharing-card p{color:#166534;margin:6px 0 0;font-size:12px}@media (width<=1100px){.photo-layout,.photo-bottom,.photo-grid,.child-album-grid,.photo-toolbar{grid-template-columns:1fr}}.app:not(.dark) .welcome h1,.app:not(.dark) .welcome p{color:#111827!important}.calendar-action-grid button{color:#7c2d12!important;background:#fff7ed!important;border:1px solid #fdba74!important}.calendar-action-grid button strong,.calendar-action-grid button span{color:#7c2d12!important}.calendar-action-grid button:hover{color:#431407!important;background:#ffedd5!important}.date-button{cursor:pointer;border:0}.date-button:hover{opacity:.9;transform:translateY(-1px)}.teacher-layout{grid-template-columns:1fr 320px;gap:14px;margin-bottom:14px;display:grid}.teacher-classroom-card{background:#fff7ed;border:1px solid #ffedd5;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px;display:flex}.teacher-classroom-card p{color:#64748b;margin:4px 0 0;font-size:12px}.teacher-child-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;display:grid}.teacher-child-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;grid-template-columns:42px 1fr;gap:10px;padding:13px;display:grid}.teacher-child-card p{color:#64748b;margin:3px 0 7px;font-size:11px}.teacher-child-actions{grid-column:1/-1;gap:7px;display:flex}.teacher-child-actions button,.teacher-actions-grid button{color:#075985;cursor:pointer;background:#e0f2fe;border:0;border-radius:10px;padding:9px;font-size:11px;font-weight:900}.teacher-task{text-align:left;cursor:pointer;background:#fff7ed;border:1px solid #eadcc8;border-radius:14px;width:100%;margin-bottom:10px;padding:13px}.teacher-task strong{margin-bottom:5px;font-size:13px;display:block}.teacher-task span{color:#64748b;font-size:11px;font-weight:800}.teacher-bottom{grid-template-columns:1fr 1fr;gap:14px;display:grid}.teacher-schedule-list div{border-bottom:1px solid #f1e4d2;justify-content:space-between;padding:11px 0;display:flex}.teacher-schedule-list strong,.teacher-schedule-list span{font-size:12px}.teacher-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.staff-manage-layout{grid-template-columns:1fr 320px;gap:14px;display:grid}.staff-directory-grid{gap:12px;display:grid}.staff-directory-card{background:#fff;border:1px solid #eadcc8;border-radius:16px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.staff-directory-info strong{font-size:13px}.staff-directory-info p{color:#64748b;margin:3px 0;font-size:11px}.staff-directory-actions{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.staff-directory-actions button{color:#075985;cursor:pointer;background:#e0f2fe;border:0;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:900}.staff-directory-actions button.danger{color:#991b1b;background:#fee2e2}@media (width<=1100px){.teacher-layout,.teacher-bottom,.teacher-child-grid,.staff-manage-layout{grid-template-columns:1fr}}