: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-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}}.staff-form{gap:10px;display:grid}.staff-form input,.staff-form select{border:1px solid #eadcc8;border-radius:10px;padding:10px;font-size:13px}.staff-form button{color:#431407;cursor:pointer;background:#fb923c;border:0;border-radius:12px;padding:12px;font-weight:900}.child-form{gap:10px;display:grid}.child-form input,.child-form select{border:1px solid #eadcc8;border-radius:10px;padding:10px;font-size:13px}.child-form button{color:#431407;cursor:pointer;background:#fb923c;border:0;border-radius:12px;padding:12px;font-weight:900}.child-actions{grid-template-columns:repeat(5,1fr)}.child-actions button.danger{color:#991b1b;background:#fee2e2}.children-summary-space{margin-top:20px}.children-summary-space h3{margin-bottom:12px;font-size:14px}.staff-form .cancel-btn,.child-form .cancel-btn,.child-form .cancel-btn{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.child-form label{color:#78350f;margin:4px 0 -4px;font-size:12px;font-weight:900;display:block}.staff-form label{color:#78350f;margin:5px 0 -4px;font-size:12px;font-weight:900;display:block}.staff-active-filter{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.kpi-click{cursor:pointer;transition:all .15s}.kpi-click:hover{filter:brightness(1.04);transform:translateY(-2px)}.staff-form .cancel-btn{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.nav-group{width:100%;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:14px;justify-content:space-between;align-items:center;margin:8px 0 4px;padding:11px 12px;font-weight:800;display:flex}.nav-group:hover{background:#ffffff24}.nav-submenu{border-left:2px solid #ffffff24;flex-direction:column;gap:4px;margin:4px 0 10px 10px;padding-left:10px;display:flex}.nav.sub{opacity:.92;padding:9px 10px;font-size:13px}.nav.sub:before{content:"•";opacity:.55;margin-right:8px}.hover-menu{flex-direction:column;gap:10px;margin-top:18px;display:flex;position:relative}.hover-main{width:100%;color:inherit;cursor:pointer;text-align:left;background:#ffffff14;border:0;border-radius:16px;align-items:center;gap:11px;padding:12px 13px;font-weight:800;display:flex}.hover-main span{text-align:center;width:26px;font-size:18px}.hover-main strong{font-size:14px}.hover-group{position:relative}.hover-panel{color:#fff;z-index:999;background:#0f172afa;border-radius:18px;width:235px;padding:12px;display:none;position:absolute;top:0;left:calc(100% + 12px);box-shadow:0 24px 55px #00000047}.hover-group:hover .hover-panel{flex-direction:column;gap:6px;display:flex}.hover-panel:before{content:"";width:14px;height:100%;position:absolute;top:0;left:-14px}.hover-panel button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;padding:11px 12px;font-weight:700}.dark .hover-panel{background:#020617fa}html,body,#root,.app,.main,.content{color:#111827!important;background:#fff!important}*{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}body,p,span,label,input,select,textarea,button,table,td,th,h1,h2,h3,h4,h5,h6,strong{color:#111827!important}h1{font-weight:600!important}h2{font-weight:550!important}h3,h4{font-weight:500!important}p,span,td,input,select,textarea{font-weight:400!important}strong,button,th,label{font-weight:500!important}.sidebar{color:#111827!important;background:linear-gradient(#ffffffeb 0%,#eff8ffe0 100%)!important}.hover-main{color:#111827!important;background:#ffffff9e!important;font-weight:400!important}.hover-main strong{color:#111827!important;font-weight:400!important}.hover-main:hover,.hover-main.active{background:#fffffff2!important}.hover-panel{color:#111827!important;background:#fffffff5!important}.hover-panel button{color:#111827!important;font-weight:400!important}.hover-panel button:hover{background:#3b82f61a!important}.badge,.badge *,.kpi,.kpi *,.alert-bar,.alert-bar *,.date-pill,.date-pill *,.room,.room *,.quick-actions button,.quick-actions button *,.calendar-action-grid button,.calendar-action-grid button *,.staff-directory-actions button,.staff-directory-actions button *,.child-actions button,.child-actions button *,.mini,.mini *,.add-btn,.logout,.circle{color:inherit!important}.panel,.kpi,.staff-directory-card,.child-profile-card,.parent-child-card,.photo-card,.teacher-child-card,.classroom-summary-card,.room{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.topbar{background:#ffffffd9!important}.dark,.dark .main,.dark .content{color:#111827!important;background:#fff!important}.dark *{color:#111827!important}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:82px;box-shadow:0 8px 25px #0ea5e91f;background:linear-gradient(135deg,#dff4ff 0%,#eef9ff 45%,#fff 100%)!important;border-bottom:3px solid #f59e0b!important}.topbar h2{letter-spacing:-.03em;font-size:28px;color:#0f3d68!important;font-weight:600!important}.topbar p{font-size:13px;color:#2563eb!important;font-weight:400!important}.top-actions .circle{box-shadow:0 4px 12px #0ea5e91f;color:#0f3d68!important;background:#ffffffd9!important;border:1px solid #bae6fd!important}.top-actions .circle:hover{transform:translateY(-1px);background:#fff!important}.add-btn{box-shadow:0 8px 18px #0ea5e938;color:#fff!important;background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;border:0!important}.add-btn:hover{filter:brightness(1.05)}.logout{color:#0f3d68!important;background:#fff!important;border:1px solid #bae6fd!important}.app:not(.dark) .sidebar{background:linear-gradient(#bdeeff 0%,#dff7ff 45%,#f3fcff 100%)!important;border-right:2px solid #7dd3fc!important}.app:not(.dark) .topbar{background:linear-gradient(135deg,#bdeeff 0%,#dff7ff 55%,#fff 100%)!important;border-bottom:3px solid #38bdf8!important}.app:not(.dark) .hover-main{background:#ffffffb8!important;border:1px solid #7dd3fc!important}.app:not(.dark) .hover-main:hover,.app:not(.dark) .hover-main.active{background:#fff!important;box-shadow:0 12px 26px #0ea5e938!important}.app:not(.dark) .hover-panel{background:#fff!important;border:1px solid #7dd3fc!important}.app:not(.dark) .sidebar-user{background:#ffffffd1!important;border-top:2px solid #7dd3fc!important}.app.dark,.app.dark .main,.app.dark .content{background:#0f172a!important}.app.dark .sidebar{background:linear-gradient(#0f172a 0%,#1e293b 100%)!important;border-right:1px solid #334155!important}.app.dark .topbar{background:#111827!important;border-bottom:1px solid #334155!important}.app.dark *{color:#f8fafc!important}.app.dark .panel,.app.dark .kpi,.app.dark .staff-directory-card,.app.dark .child-profile-card,.app.dark .parent-child-card{background:#1e293b!important}.sidebar{border-right:none!important}.side-brand{border-bottom:none!important}:root{--bethel-sky-50:#f0f9ff;--bethel-sky-100:#e0f2fe;--bethel-sky-200:#bae6fd;--bethel-sky-300:#7dd3fc;--bethel-sky-400:#38bdf8;--bethel-sky-500:#0ea5e9;--bethel-sky-600:#0284c7;--bethel-navy:#0f3d68;--bethel-red-soft:#fee2e2;--bethel-red:#991b1b}.app:not(.dark),.app:not(.dark) .main,.app:not(.dark) .content,html,body,#root{background:#f8fcff!important}.app:not(.dark) .sidebar{background:linear-gradient(#bdeeff 0%,#dff7ff 45%,#f3fcff 100%)!important;border-right:none!important;box-shadow:8px 0 24px #0ea5e914!important}.side-brand,.app:not(.dark) .side-brand,.sidebar-user,.app:not(.dark) .sidebar-user{border:none!important}.app:not(.dark) .sidebar-user{background:#ffffff94!important;box-shadow:0 -8px 22px #0ea5e90f!important}.app:not(.dark) .topbar,.topbar.sky{background:linear-gradient(135deg,#bdeeff 0%,#dff7ff 55%,#fff 100%)!important;border-bottom:none!important;box-shadow:0 8px 24px #0ea5e91a!important}.topbar h2,.topbar.sky h2,.topbar p,.topbar.sky p{color:var(--bethel-navy)!important}.app:not(.dark) .hover-main,.hover-main{color:#0f172a!important;box-shadow:none!important;background:#ffffffad!important;border:none!important}.app:not(.dark) .hover-main:hover,.app:not(.dark) .hover-main.active,.hover-main:hover,.hover-main.active{background:#fff!important;border:none!important;box-shadow:0 12px 26px #0ea5e929!important}.app:not(.dark) .hover-panel,.hover-panel{color:#111827!important;background:#fffffffa!important;border:none!important;box-shadow:0 24px 55px #0f172a24!important}.hover-panel button,.app:not(.dark) .hover-panel button{color:#111827!important}.hover-panel button:hover,.app:not(.dark) .hover-panel button:hover{background:var(--bethel-sky-100)!important;color:var(--bethel-navy)!important}.brand-icon,.child-photo{background:linear-gradient(135deg, var(--bethel-sky-400), var(--bethel-sky-500))!important;color:#fff!important}.add-btn,.action-form button,.summary-action,.login-form button,.staff-form button,.child-form button,.compose-row button,.idcard-actions button,.blue-btn{background:linear-gradient(135deg, var(--bethel-sky-400), var(--bethel-sky-500))!important;color:#fff!important;border:none!important;box-shadow:0 8px 18px #0ea5e938!important}.add-btn:hover,.action-form button:hover,.summary-action:hover,.login-form button:hover,.staff-form button:hover,.child-form button:hover,.compose-row button:hover,.idcard-actions button:hover,.blue-btn:hover{filter:brightness(1.05)!important;transform:translateY(-1px)!important}.summary-action.soft,.staff-form .cancel-btn,.child-form .cancel-btn{background:var(--bethel-sky-100)!important;color:var(--bethel-navy)!important;border:1px solid var(--bethel-sky-200)!important;box-shadow:none!important}.quick-actions button,.calendar-action-grid button,.analytics-actions button,.teacher-task,.album-row,.photo-actions button,.child-album-card button,.teacher-child-actions button,.teacher-actions-grid button,.staff-directory-actions button,.child-actions button,.parent-child-actions button,.mini.blue{background:var(--bethel-sky-100)!important;color:var(--bethel-navy)!important;border:1px solid var(--bethel-sky-200)!important}.quick-actions button:hover,.calendar-action-grid button:hover,.analytics-actions button:hover,.teacher-task:hover,.album-row:hover,.photo-actions button:hover,.child-album-card button:hover,.teacher-child-actions button:hover,.teacher-actions-grid button:hover,.staff-directory-actions button:hover,.child-actions button:hover,.parent-child-actions button:hover,.mini.blue:hover{background:var(--bethel-sky-200)!important}button.danger,.staff-directory-actions button.danger,.child-actions button.danger,.child-actions button:last-child,.red-btn,.mini.red{background:var(--bethel-red-soft)!important;color:var(--bethel-red)!important;box-shadow:none!important;border:1px solid #fecaca!important}.panel,.report-card,.invoice-card,.parent-child-card,qr-child-card,.qr-child-card-pro,.staff-card,.child-profile-card,.calendar-cell,.photo-card,.teacher-child-card,.staff-directory-card,.idcard-card,.notification-card{border-color:#dbeafe!important}.report-details div,.report-note,.invoice-family,.parent-child-stats div,.qr-help,.qr-help.compact,.ratio-card,.classroom-summary-card,.calendar-today-card,.analytics-bar-row,.analytics-money div,.engagement-list div,.report-completion,.teacher-classroom-card,.teacher-task,.staff-active-filter,.child-profile-info div,.child-record-row div{background:var(--bethel-sky-50)!important;border-color:var(--bethel-sky-200)!important}.photo-thumb{background:linear-gradient(135deg, var(--bethel-sky-100), #fff)!important}.bar span{background:var(--bethel-sky-500)!important}.date-pill,.alert-bar,.invoice-amount{color:#dff7ff!important;background:#0f3d68!important;border:none!important}.top-actions .circle,.logout{color:var(--bethel-navy)!important;background:#ffffffdb!important;border:none!important;box-shadow:0 4px 12px #0ea5e91f!important}.top-actions .circle:hover,.logout:hover{background:#fff!important;transform:translateY(-1px)!important}input,select,textarea,.filters input,.filters select,.login-form input,.message-search input,.chat-compose input,.chat-compose textarea,.action-form input,.action-form select,.action-form textarea,.staff-form input,.staff-form select,.child-form input,.child-form select,.photo-toolbar input,.photo-toolbar select{border-color:var(--bethel-sky-200)!important}input:focus,select:focus,textarea:focus{border-color:var(--bethel-sky-400)!important;outline:2px solid #0ea5e938!important}.scanner-box{text-align:center;background:#f0f9ff;border:2px dashed #bae6fd;border-radius:28px;place-items:center;min-height:360px;padding:40px;display:grid}.scanner-icon{background:#fff;border-radius:30px;place-items:center;width:96px;height:96px;font-size:44px;display:grid;box-shadow:0 18px 35px #0ea5e92e}.scanner-box h2{color:#0f172a;margin:18px 0 6px}.scanner-box p{color:#64748b;max-width:520px;line-height:1.6}.scanner-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:0;border-radius:18px;margin-top:18px;padding:16px 26px;font-size:16px;font-weight:900;box-shadow:0 14px 30px #0ea5e93d}.qr-reader{background:#020617;border-radius:24px;width:100%;max-width:420px;margin:0 auto;overflow:hidden}.qr-reader video{border-radius:24px}.child-photo img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.child-table-photo{overflow:hidden}.child-table-photo img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.child-profile-card{max-width:620px;padding:22px!important}.child-profile-top{align-items:center;gap:18px!important}.child-photo{border-radius:22px!important;width:74px!important;min-width:74px!important;height:74px!important;font-size:24px!important}.child-photo img{border-radius:22px!important}.child-profile-top strong{font-size:22px!important}.child-profile-top p{font-size:15px!important}.child-profile-info strong,.child-record-row strong{font-size:17px!important}.child-profile-info span,.child-record-row span{font-size:13px!important}.child-actions button{min-height:42px;font-size:14px!important;font-weight:800!important}.staff-avatar{overflow:hidden}.staff-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.staff-action-grid{grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px;margin-top:10px;display:grid}.staff-card.inactive{opacity:.62;filter:grayscale(.25)}.modal-backdrop{z-index:9999;background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.staff-modal{width:min(720px,96vw);max-height:92vh;overflow-y:auto;padding:24px!important}.staff-avatar img{object-fit:cover;width:100%;height:100%}.compliance-upload-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.compliance-upload-grid input,.compliance-upload-grid select{border:1px solid #bae6fd;border-radius:14px;min-height:44px;padding:0 12px}.report-edit-box{text-align:center;cursor:pointer;width:100%;color:inherit;background:#f0f9ffe0;border:1px solid #38bdf873;border-radius:14px;padding:18px;transition:all .18s}.report-edit-box:hover,.report-note-click:hover{border-color:#0ea5e9cc;transform:translateY(-2px);box-shadow:0 12px 28px #38bdf838}.report-edit-box span{margin-bottom:8px;font-size:13px;display:block}.report-edit-box strong{font-size:15px;display:block}.report-note-click{cursor:pointer;text-align:center;width:100%;color:inherit;border:1px solid #38bdf873}.daily-report-modal{width:min(720px,94vw);max-width:720px;max-height:90vh;overflow-y:auto}.modal-child-head{margin-bottom:18px}.quick-button-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:8px 0 16px;display:grid}.quick-choice{cursor:pointer;background:#f0f9ffe6;border:1px solid #0ea5e959;border-radius:12px;padding:10px 12px;font-weight:700}.quick-choice.active{background:#dcfce7;border-color:#22c55e}.badge.red{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.report-status-stack{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.report-viewed{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.viewed-pill{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.report-viewed small{color:#64748b;font-size:11px}.real-notifications-layout{grid-template-columns:1fr 320px;gap:18px;display:grid}.real-notifications-main,.real-notifications-side{min-height:520px}.real-notification-head-actions{flex-wrap:wrap;gap:8px;display:flex}.real-notification-head-actions button{cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:0;border-radius:12px;padding:9px 12px;font-size:12px;color:#fff!important;font-weight:800!important}.real-notification-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.real-notification-filters button{cursor:pointer;background:#e0f2fe;border:0;border-radius:999px;padding:8px 13px;font-size:12px;color:#075985!important;font-weight:800!important}.real-notification-filters button.active,.real-notification-filters button:hover{background:#0ea5e9;color:#fff!important}.real-notifications-list{gap:12px;display:grid}.real-notification-card{background:#fff;border:1px solid #dbeafe;border-radius:20px;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:16px;display:grid;box-shadow:0 8px 20px #0ea5e914}.real-notification-card.unread{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#38bdf8;box-shadow:0 12px 28px #0ea5e929}.real-notification-icon{color:#075985;background:#e0f2fe;border-radius:16px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.real-notification-title-row{align-items:center;gap:10px;display:flex}.real-notification-title-row strong{font-size:14px;color:#0f172a!important}.real-notification-body p{margin:5px 0 8px;font-size:13px;color:#475569!important}.real-notification-meta{flex-wrap:wrap;gap:8px;display:flex}.real-notification-meta span{background:#e0f2fe;border-radius:999px;padding:5px 9px;font-size:11px;color:#075985!important;font-weight:800!important}.new-pill{border-radius:999px;padding:4px 8px;font-size:10px;color:#fff!important;background:#ef4444!important;font-weight:900!important}.real-notification-actions{flex-direction:column;gap:7px;display:flex}.real-notification-actions button{cursor:pointer;white-space:nowrap;background:#0ea5e9;border:0;border-radius:12px;padding:8px 11px;font-size:11px;color:#fff!important;font-weight:800!important}.real-notification-actions button.danger{background:#fee2e2;color:#991b1b!important}.real-notification-summary{border-top:1px solid #dbeafe;margin-top:20px;padding-top:12px}.real-notification-summary div{border-bottom:1px solid #e0f2fe;justify-content:space-between;padding:10px 0;display:flex}.real-notification-summary span{font-size:12px;color:#64748b!important;font-weight:800!important}.real-notification-summary strong{font-size:14px;color:#0f172a!important}.empty-notifications{text-align:center;background:#f8fcff;border:1px dashed #bae6fd;border-radius:20px;padding:30px}.empty-notifications div{margin-bottom:8px;font-size:40px}.empty-notifications strong{margin-bottom:4px;display:block;color:#0f172a!important}.empty-notifications p{margin:0;color:#64748b!important}@media (width<=1100px){.real-notifications-layout,.real-notification-card{grid-template-columns:1fr}.real-notification-actions{flex-direction:row}}.idcards-section{gap:18px;display:grid}.idcards-pro-panel{margin-bottom:18px}.idcards-count{background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:8px 12px;font-size:12px;color:#075985!important;font-weight:800!important}.idcards-bulk-actions{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.idcards-bulk-actions button{cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:0;border-radius:16px;padding:14px 16px;box-shadow:0 10px 22px #0ea5e92e;color:#fff!important;font-weight:800!important}.idcards-bulk-actions button:hover{filter:brightness(1.05);transform:translateY(-1px)}.idcards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.idcard-card{text-align:center;background:#fff;border:2px solid #bae6fd;border-radius:28px;padding:22px;box-shadow:0 14px 30px #0ea5e924}.idcard-logo{margin-bottom:16px;font-size:18px;color:#0284c7!important;font-weight:800!important}.idcard-qr-wrap{background:#fff;border:1px solid #e0f2fe;border-radius:20px;place-items:center;width:190px;height:190px;margin:0 auto 16px;padding:12px;display:grid}.idcard-qr{object-fit:contain;width:165px;height:165px}.idcard-name{margin-bottom:8px;font-size:18px;color:#0f172a!important;font-weight:800!important}.idcard-type{letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;padding:7px 14px;font-size:11px;display:inline-flex;font-weight:900!important}.idcard-type.child{background:#dbeafe;color:#1d4ed8!important}.idcard-type.staff{background:#dcfce7;color:#166534!important}.idcard-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.idcard-actions button{cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:0;border-radius:14px;padding:11px;box-shadow:0 8px 18px #0ea5e938;color:#fff!important;font-weight:800!important}.idcard-actions button:hover{filter:brightness(1.05);transform:translateY(-1px)}@media print{.sidebar,.topbar,.welcome,.panel-head,.idcard-actions,.idcards-pro-panel{display:none!important}.idcards-grid{grid-template-columns:repeat(2,1fr)}.idcard-card{break-inside:avoid;box-shadow:none;border:1px solid #cbd5e1}}.idcards-search-panel{padding:24px!important}.idcards-search-row{grid-template-columns:1fr 160px;gap:14px;max-width:820px;margin:22px 0 14px;display:grid}.idcards-search-row input{color:#0f172a;background:#fff;border:1px solid #bae6fd;border-radius:16px;outline:none;width:100%;min-height:52px;padding:0 18px;font-size:16px;font-weight:700}.idcards-search-row input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf82e}.idcards-search-row button,.idcards-table button{cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:0;border-radius:16px;min-height:52px;padding:0 18px;font-size:15px;box-shadow:0 10px 22px #0ea5e933;color:#fff!important;font-weight:900!important}.idcards-table-wrap{margin-top:16px;overflow-x:auto}.idcards-table{border-collapse:collapse;background:#fff;border-radius:18px;width:100%;overflow:hidden}.idcards-table th,.idcards-table td{text-align:left;border-bottom:1px solid #e0f2fe;padding:15px 16px}.idcards-table th{color:#075985;text-transform:uppercase;background:#f0f9ff;font-size:13px}@media (width<=700px){.idcards-search-row{grid-template-columns:1fr}}