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}.notification-unread{background:#eff6ffe6;border-left:4px solid #2563eb}.notification-read{opacity:.78}.notification-read small,.notification-unread small{color:#64748b;margin-top:4px;font-size:12px;display:block}.generated-staff-field.password{border-color:#d8b4fe;color:#7a3eb1!important;background:#fbf7ff!important}.app:not(.dark) input,.app:not(.dark) select,.app:not(.dark) textarea,.app:not(.dark) .filters input,.app:not(.dark) .filters select,.app:not(.dark) .login-form input,.app:not(.dark) .action-form input,.app:not(.dark) .action-form select,.app:not(.dark) .action-form textarea,.app:not(.dark) .staff-form input,.app:not(.dark) .staff-form select,.app:not(.dark) .staff-form textarea,.app:not(.dark) .child-form input,.app:not(.dark) .child-form select,.app:not(.dark) .child-form textarea,.app:not(.dark) .photo-toolbar input,.app:not(.dark) .compliance-upload-grid input,.app:not(.dark) .compliance-upload-grid select,.app:not(.dark) .compliance-upload-grid textarea{color:#111827!important;caret-color:#111827!important;background:#fff!important;border:1px solid #aee7ff!important}.app:not(.dark) input::placeholder,.app:not(.dark) textarea::placeholder{color:#6b7280!important;opacity:1!important}.app:not(.dark) select option{color:#111827!important;background:#fff!important}.app:not(.dark) input[type=date]::-webkit-calendar-picker-indicator{filter:none!important}.generated-staff-field{word-break:break-word;border:2px solid #b7e7ff;border-radius:10px;align-items:center;min-height:48px;padding:12px 14px;font-weight:800;display:flex;color:#102a43!important;background:#f8fbff!important}.generated-staff-field.password{color:#7a3eb1!important;background:#fbf7ff!important;border-color:#d8b4fe!important}.teacher-only-menu{background:linear-gradient(#fff,#f0f9ff);border:1px solid #bae6fd;border-radius:18px;margin:18px 12px;padding:14px;box-shadow:0 10px 25px #0f172a14}.teacher-menu-title{color:#0369a1;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:12px;font-weight:900}.teacher-only-menu button{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;margin-bottom:6px;padding:11px 12px;font-weight:800}.teacher-only-menu button:hover,.teacher-only-menu button.active{color:#075985;background:#e0f2fe}body.betm-teacher-role .sidebar .hover-main,body.betm-teacher-role .sidebar .hover-group,body.betm-teacher-role .sidebar .side-nav,body.betm-teacher-role .sidebar .sidebar-menu,body.betm-director-role .sidebar .hover-main,body.betm-director-role .sidebar .hover-group,body.betm-director-role .sidebar .side-nav,body.betm-director-role .sidebar .sidebar-menu,body.betm-parent-role .sidebar .hover-main,body.betm-parent-role .sidebar .hover-group,body.betm-parent-role .sidebar .side-nav,body.betm-parent-role .sidebar .sidebar-menu{display:none!important}.role-only-menu{background:linear-gradient(#fff,#f0f9ff);border:1px solid #bae6fd;border-radius:18px;margin:18px 12px;padding:14px;box-shadow:0 10px 25px #0f172a14}.role-menu-title{color:#0369a1;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:12px;font-weight:900}.role-only-menu button{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;margin-bottom:6px;padding:11px 12px;font-weight:800}.role-only-menu button:hover,.role-only-menu button.active{color:#075985;background:#e0f2fe}body.betm-teacher-role .sidebar{background:linear-gradient(#dff8ff 0%,#f8fcff 100%)!important;flex-direction:column!important;display:flex!important}body.betm-teacher-role .sidebar .brand{margin-bottom:12px!important}body.betm-teacher-role .role-only-menu{background:#fff!important;border:1px solid #bdeeff!important;border-radius:22px!important;margin:10px 12px 0!important;padding:14px!important;box-shadow:0 16px 35px #0f172a14!important}body.betm-teacher-role .role-menu-title{text-align:center!important;color:#0369a1!important;letter-spacing:.1em!important;margin-bottom:14px!important;font-size:12px!important;font-weight:900!important}body.betm-teacher-role .role-only-menu button{color:#0f172a!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:14px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:44px!important;margin-bottom:8px!important;padding:11px 12px!important;font-weight:900!important;display:flex!important}body.betm-teacher-role .role-only-menu button:hover,body.betm-teacher-role .role-only-menu button.active{color:#075985!important;background:#e0f2fe!important}body.betm-teacher-role .user-mini,body.betm-teacher-role .sidebar-footer{background:#ffffffa6!important;border-top:1px solid #bae6fd!important;margin-top:auto!important;padding:16px 14px!important}body.betm-teacher-role .user-mini strong,body.betm-teacher-role .sidebar-footer strong{color:#0f172a!important;font-weight:900!important}body.betm-teacher-role .user-mini p,body.betm-teacher-role .sidebar-footer p{color:#0369a1!important;font-weight:800!important}body.betm-teacher-role .topbar .add-btn{display:none!important}body.betm-teacher-role .sidebar,body.betm-director-role .sidebar,body.betm-parent-role .sidebar{flex-direction:column!important;display:flex!important;position:relative!important;overflow:hidden!important}body.betm-teacher-role .role-only-menu,body.betm-director-role .role-only-menu,body.betm-parent-role .role-only-menu{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:18px!important;margin:0!important;padding:10px!important;position:absolute!important;top:82px!important;left:12px!important;right:12px!important}body.betm-teacher-role .role-menu-title,body.betm-director-role .role-menu-title,body.betm-parent-role .role-menu-title{text-align:left!important;color:#075985!important;margin-bottom:12px!important;padding-left:10px!important}body.betm-teacher-role .role-only-menu button,body.betm-director-role .role-only-menu button,body.betm-parent-role .role-only-menu button{color:#0f172a!important;text-align:left!important;background:0 0!important;border-radius:14px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:46px!important;margin-bottom:8px!important;padding:12px 14px!important;font-weight:900!important;display:flex!important}body.betm-teacher-role .role-only-menu button:hover,body.betm-teacher-role .role-only-menu button.active,body.betm-director-role .role-only-menu button:hover,body.betm-director-role .role-only-menu button.active,body.betm-parent-role .role-only-menu button:hover,body.betm-parent-role .role-only-menu button.active{color:#075985!important;background:#e0f2fe!important}body.betm-teacher-role .sidebar-footer,body.betm-teacher-role .user-mini,body.betm-director-role .sidebar-footer,body.betm-director-role .user-mini,body.betm-parent-role .sidebar-footer,body.betm-parent-role .user-mini{position:absolute!important;bottom:18px!important;left:12px!important;right:12px!important}:root{--blue:#0057d9;--blue-dark:#003f9e;--blue-soft:#eaf4ff;--yellow:#ffc928;--green:#22c55e;--red:#ef4444;--purple:#8b5cf6;--text:#071b4d;--muted:#5f6f95;--border:#dbe7fb;--card:#fff;--bg:#f4f9ff;--shadow:0 18px 45px #0039941a;--radius:24px}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.betm-shell{background:radial-gradient(circle at 100% 0,#dceeff 0,#0000 34%),linear-gradient(135deg,#f7fbff,#eef7ff);min-height:100vh;display:flex}.betm-sidebar{border-right:1px solid var(--border);width:286px;min-width:286px;min-height:100vh;box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#ffc92873,#0000 24%),linear-gradient(#fff 0% 58%,#004aad 58%,#003f9e 100%);flex-direction:column;padding:26px 18px;display:flex;position:sticky;top:0}.betm-brand{align-items:center;gap:13px;margin-bottom:42px;display:flex}.betm-logo{background:var(--yellow);width:58px;height:58px;color:var(--blue);border:4px solid var(--blue);border-radius:18px;place-items:center;font-size:28px;font-weight:950;display:grid}.betm-brand-title{color:var(--blue);font-size:24px;font-weight:950;line-height:1}.betm-brand-subtitle{color:var(--blue);margin-top:6px;font-size:12px;font-weight:800}.betm-nav{flex-direction:column;gap:10px;display:flex}.betm-nav a{min-height:54px;color:var(--text);border-radius:14px;align-items:center;gap:13px;padding:0 18px;font-weight:850;text-decoration:none;transition:all .18s;display:flex}.betm-nav a:hover,.betm-nav a.active{background:linear-gradient(135deg,var(--yellow),#ffd84d);color:#071b4d;transform:translate(3px);box-shadow:0 14px 28px #ffc92847}.betm-sidebar-profile{color:#fff;margin-top:auto;padding:18px 8px 0}.betm-sidebar-profile-card{background:#ffffff1f;border:1px solid #ffffff47;border-radius:22px;align-items:center;gap:12px;padding:14px;display:flex}.betm-sidebar-avatar{width:56px;height:56px;color:var(--blue);background:#fff;border-radius:999px;place-items:center;font-size:22px;font-weight:950;display:grid}.betm-sidebar-profile strong{font-size:16px;display:block}.betm-sidebar-profile small{color:#dbeafe;margin-top:4px;font-weight:700;display:block}.betm-main{flex:1;min-width:0;padding:28px 30px 36px}.betm-topbar{justify-content:space-between;align-items:center;gap:18px;min-height:86px;margin-bottom:26px;display:flex}.betm-topbar-left{align-items:center;gap:22px;display:flex}.betm-menu-btn,.betm-icon-btn{color:var(--text);width:58px;height:58px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:18px;place-items:center;display:grid}.betm-page-title{color:var(--text);margin:0;font-size:27px;font-weight:950}.betm-page-subtitle{color:var(--text);margin-top:7px;font-size:14px;font-weight:700}.betm-topbar-actions{align-items:center;gap:13px;display:flex}.betm-profile-pill{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:22px;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex}.betm-profile-pill img,.betm-profile-img{object-fit:cover;background:#dbeafe;border-radius:999px;width:48px;height:48px}.betm-profile-pill strong{font-size:14px;display:block}.betm-profile-pill small{color:var(--muted);font-size:12px;font-weight:800}.betm-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffffff0;padding:22px}.betm-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.betm-card-title{color:var(--text);margin:0;font-size:18px;font-weight:950}.betm-grid{gap:22px;display:grid}.betm-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.betm-dashboard-main{grid-template-columns:minmax(0,1fr) 340px;gap:24px;display:grid}.betm-kpi{align-items:center;gap:18px;min-height:132px;display:flex}.betm-kpi-icon{border-radius:999px;place-items:center;width:64px;height:64px;display:grid}.betm-kpi strong{font-size:34px;font-weight:950;line-height:1;display:block}.betm-kpi span{margin-top:6px;font-weight:900;display:block}.betm-kpi small{color:var(--muted);margin-top:14px;font-weight:750;display:block}.betm-soft-blue{color:var(--blue);background:#eef5ff}.betm-soft-green{color:var(--green);background:#e9fbea}.betm-soft-red{color:var(--red);background:#fff0f0}.betm-soft-yellow{color:#d49200;background:#fff8dd}.betm-soft-purple{color:var(--purple);background:#f4efff}.betm-badge{border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.betm-badge-green{color:#15803d;background:#dcfce7}.betm-badge-red{color:#dc2626;background:#fee2e2}.betm-badge-blue{color:#0057d9;background:#dbeafe}.betm-badge-orange{color:#b87500;background:#fff3d4}.betm-classroom-card{grid-template-columns:1fr 1fr;align-items:center;gap:22px;display:grid}.betm-donut{background:conic-gradient(var(--green) 0 83%,#ff6b6b 83% 100%);border-radius:999px;place-items:center;width:150px;height:150px;margin:auto;display:grid}.betm-donut-inner{text-align:center;background:#fff;border-radius:999px;place-items:center;width:92px;height:92px;font-weight:900;display:grid}.betm-legend{gap:14px;display:grid}.betm-legend-row{justify-content:space-between;gap:12px;font-weight:850;display:flex}.betm-dot{border-radius:999px;width:10px;height:10px;margin-right:8px;display:inline-block}.betm-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.betm-quick{border:1px solid var(--border);min-height:72px;color:var(--text);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px;font-weight:950;display:flex}.betm-quick:hover{border-color:var(--blue);transform:translateY(-2px)}.betm-table{border-collapse:collapse;width:100%}.betm-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);background:#fff7ed;padding:12px 10px;font-size:12px}.betm-table td{border-bottom:1px solid var(--border);padding:13px 10px;font-size:14px}.betm-child-cell{align-items:center;gap:10px;font-weight:900;display:flex}.betm-child-avatar{width:34px;height:34px;color:var(--blue);background:#dbeafe;border-radius:999px;place-items:center;font-weight:950;display:grid}.betm-side-stack{gap:22px;display:grid}.betm-list{gap:0;display:grid}.betm-list-item{border-bottom:1px solid var(--border);gap:14px;padding:16px 0;display:flex}.betm-list-item:last-child{border-bottom:0}.betm-list-icon{border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid}.betm-list-item strong{font-size:14px;display:block}.betm-list-item p{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:700}.betm-btn{cursor:pointer;background:var(--blue);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-flex}.betm-btn-light{color:var(--blue);border:1px solid var(--border);background:#fff}@media (width<=1100px){.betm-grid-4{grid-template-columns:repeat(2,1fr)}.betm-dashboard-main{grid-template-columns:1fr}}@media (width<=820px){.betm-shell{display:block}.betm-sidebar{display:none}.betm-main{padding:16px}.betm-topbar{flex-direction:column;align-items:flex-start}.betm-topbar-actions{justify-content:space-between;width:100%}.betm-grid-4,.betm-classroom-card,.betm-quick-grid{grid-template-columns:1fr}}:root{--primary:#0b4db3;--primary-dark:#073b8a;--primary-soft:#eaf3ff;--yellow:#ffc928;--yellow-dark:#f4b400;--bg:#f4f8ff;--surface:#fff;--surface-soft:#f8fbff;--text:#071b4d;--text-light:#64748b;--border:#dbe7f6;--shadow:0 12px 30px #071b4d14;--shadow-soft:0 6px 18px #071b4d0e;--radius:16px;--sidebar-width:212px;--header-height:50px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:12.6px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.btn{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:12px;font-weight:850;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--yellow),#ffe27a);color:#08245c;box-shadow:0 7px 15px #ffc92838}.btn-secondary{color:var(--primary);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff}.card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #dbe7f6eb;border-radius:16px;overflow:hidden}.card-header h3{color:var(--text);margin:0;font-size:13.5px;font-weight:950}.search-input{border:1px solid var(--border);width:100%;min-height:34px;color:var(--text);box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;outline:none;padding:0 11px;font-size:12px}.badge{border-radius:999px;justify-content:center;align-items:center;min-height:20px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.badge-green{color:#15803d;background:#dcfce7}.badge-orange{color:#c2410c;background:#ffedd5}.badge-red{color:#b91c1c;background:#fee2e2}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-purple{color:#6d28d9;background:#ede9fe}.table-wrapper{width:100%;overflow:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 12px;font-size:10px}.table td{border-bottom:1px solid var(--border);padding:11px 12px}.table tr:hover td{background:var(--surface-soft)}.table-actions{flex-wrap:wrap;gap:7px;display:flex}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071b4d8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px;width:620px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 22px 64px #0000003d}.modal-header,.modal-footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.modal-body{padding:20px}.form-group label{color:var(--text);margin-bottom:5px;font-size:11px;font-weight:900;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);width:100%;min-height:34px;color:var(--text);background:#fff;border-radius:11px;outline:none;padding:9px 10px;font-size:12px}.form-group textarea{min-height:80px}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=760px){.modal-grid{grid-template-columns:1fr}}.layout{background:radial-gradient(circle at top right,#ffc9281f,transparent 30%), radial-gradient(circle at 15% 0,#0b4db314,transparent 34%), var(--bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);color:#fff;background:linear-gradient(#fff 0% 58%,#0647a7 58%,#023579 100%);border-right:1px solid #dbe7f6bf;flex-direction:column;justify-content:space-between;min-height:100vh;padding:15px 13px;display:flex;position:sticky;top:0;box-shadow:10px 0 24px #071b4d14}.sidebar:after{content:"";background:var(--yellow);z-index:-1;border-radius:0 100% 0 0;height:17px;position:absolute;top:54%;left:0;right:0}.sidebar-logo{color:var(--primary);margin-bottom:15px}.sidebar-logo .logo{object-fit:contain;width:40px;height:40px;margin-bottom:4px}.sidebar-logo h2{margin:0;font-size:19px;font-weight:950}.sidebar-logo small{color:#174b98;margin-top:2px;font-size:10px;font-weight:800;display:block}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.menu-item{color:#0b2c66;border-radius:12px;align-items:center;gap:9px;min-height:34px;padding:0 10px;font-size:12px;font-weight:850;transition:all .18s;display:flex}.menu-item svg{width:15px;height:15px;color:var(--primary)}.menu-item:hover{background:var(--primary-soft);transform:translate(2px)}.menu-item.active{background:linear-gradient(135deg,var(--yellow),#ffdf72);color:#08245c;box-shadow:0 7px 18px #ffc9283d}.menu-item.active svg{color:#08245c}.sidebar-footer{color:#fff;padding:10px 4px;font-size:10px}.sidebar-footer strong,.sidebar-footer small{display:block}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex}.header{color:#fff;z-index:20;background:#071426;border-bottom:1px solid #dbe7f638;justify-content:space-between;align-items:center;gap:12px;height:50px;padding:8px 18px;display:flex;position:sticky;top:0}.header-left{flex:1}.header-search{color:#fff;background:#0c1d34;border:1px solid #dbe7f629;border-radius:13px;align-items:center;gap:8px;width:min(350px,100%);height:32px;padding:0 10px;display:flex}.header-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:12px}.header-search input::placeholder{color:#8fa3bf}.header-right{align-items:center;gap:7px;display:flex}.header-icon,.icon-button{color:#fff;cursor:pointer;background:#0c1d34;border:0;border-radius:11px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.header-icon svg,.icon-button svg{width:15px;height:15px}.notification-dot{background:#ef4444;border:2px solid #071426;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.header-profile,.dashboard-user{color:#fff;background:#0c1d34;border:1px solid #dbe7f629;border-radius:999px;align-items:center;gap:7px;height:34px;padding:4px 9px 4px 6px;display:flex}.header-profile svg{color:#1d6fed;width:22px;height:22px}.header-profile strong,.dashboard-user strong{font-size:12px}.header-profile small,.dashboard-user small{color:#b7c7dc;font-size:9px;font-weight:700;display:block}.dashboard-user img{object-fit:cover;border-radius:50%;width:27px;height:27px}.logout-button{color:#fff;cursor:pointer;background:#ef4444;border:0;border-radius:11px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:900;display:flex}.layout-content{width:100%;max-width:1190px;margin:0 auto;padding:10px}@media (width<=1050px){.sidebar{width:70px;padding:14px 9px}.sidebar-logo h2,.sidebar-logo small,.menu-item span,.sidebar-footer{display:none}.menu-item{justify-content:center;padding:0}.layout-content{padding:12px}}@media (width<=760px){.sidebar{display:none}.header{flex-wrap:wrap;height:auto;padding:9px}.header-profile,.logout-button{display:none}.layout-content{padding:10px}}.dashboard{flex-direction:column;gap:10px;display:flex}.betm-dashboard{animation:.22s betmFade}@keyframes betmFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.betm-hero{background:radial-gradient(circle at 88% 0,#ffc92847,#0000 34%),linear-gradient(135deg,#fff,#eef6ff);border:1px solid #dbe7f6e6;border-radius:19px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 10px 26px #071b4d14}.betm-chip{color:#8a6400;background:#fff7d1;border-radius:999px;margin-bottom:5px;padding:4px 9px;font-size:9px;font-weight:900;display:inline-flex}.betm-hero h1{color:#071b4d;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:950;line-height:1.08}.betm-hero p{color:#64748b;margin:5px 0 0;font-size:11px;font-weight:700}.betm-hero-actions{align-items:center;gap:7px;display:flex}.betm-icon-btn{color:#0b4db3;background:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:0 7px 15px #071b4d13}.betm-icon-btn svg{width:15px;height:15px}.betm-icon-btn span{background:#ef4444;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.betm-profile-pill{background:#fff;border:1px solid #dbe7f6;border-radius:999px;align-items:center;gap:7px;height:36px;padding:4px 9px 4px 5px;display:flex;box-shadow:0 7px 15px #071b4d13}.betm-profile-pill img{object-fit:cover;border-radius:50%;width:27px;height:27px}.betm-profile-pill strong{font-size:10px}.betm-profile-pill small{color:#64748b;font-size:9px;font-weight:700;display:block}.betm-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.betm-kpi{background:#fff;border:1px solid #dbe7f6;border-radius:17px;align-items:center;gap:9px;min-height:88px;padding:11px;transition:all .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #071b4d11}.betm-kpi:hover{transform:translateY(-2px);box-shadow:0 13px 32px #071b4d18}.betm-kpi:after{content:"";background:#0b4db314;border-radius:50%;width:76px;height:76px;position:absolute;bottom:-33px;right:-26px}.betm-kpi-icon{color:#fff;border-radius:14px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 8px 17px #071b4d21}.betm-kpi-icon svg{width:18px;height:18px}.betm-kpi.blue .betm-kpi-icon{background:linear-gradient(135deg,#0b4db3,#2684ff)}.betm-kpi.green .betm-kpi-icon{background:linear-gradient(135deg,#16a34a,#5ee084)}.betm-kpi.orange .betm-kpi-icon{background:linear-gradient(135deg,#f59e0b,#ffc928)}.betm-kpi.purple .betm-kpi-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.betm-kpi small{color:#64748b;font-size:10px;font-weight:900}.betm-kpi h2{color:#071b4d;margin:2px 0 5px;font-size:20px;font-weight:950;line-height:1}.betm-main-grid{grid-template-columns:2fr 1fr;gap:10px;display:grid}.card{background:#fff!important;border:1px solid #dbe7f6!important;border-radius:18px!important;box-shadow:0 7px 20px #071b4d11!important}.card-header{padding:11px 13px 0!important}.card-header h3{color:#071b4d!important;font-size:13.5px!important;font-weight:950!important}.card-body{padding:12px!important}.betm-chart{background:radial-gradient(circle at 20% 0,#0b4db317,#0000 35%),linear-gradient(#f8fbff,#eef6ff);border:1px solid #dbe7f6;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:155px;padding:12px;display:flex}.betm-bars{align-items:flex-end;gap:7px;height:90px;display:flex}.betm-bars span{background:linear-gradient(#ffc928,#0b4db3);border-radius:999px 999px 6px 6px;flex:1;box-shadow:0 5px 13px #0b4db324}.betm-chart-footer strong,.betm-calendar h3{color:#071b4d;font-size:12.5px;font-weight:950;display:block}.betm-chart-footer small,.betm-calendar p{color:#64748b;font-size:10px;font-weight:700}.betm-calendar{text-align:center;color:#0b4db3;background:radial-gradient(circle at top,#ffc92838,#0000 40%),linear-gradient(#fff,#f4f8ff);border:1px solid #dbe7f6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:155px;display:flex}.betm-calendar svg{width:24px;height:24px}.betm-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.betm-overview-grid>div{color:#0b4db3;background:#f8fbff;border:1px solid #dbe7f6;border-radius:13px;flex-direction:column;gap:3px;min-height:72px;padding:9px;display:flex}.betm-overview-grid svg{width:20px;height:20px}.betm-overview-grid strong{color:#071b4d;font-size:11.5px;font-weight:950}.betm-overview-grid small{color:#64748b;font-size:10px;font-weight:700}.betm-activity{gap:7px;display:grid}.betm-activity>div{background:#f8fbff;border:1px solid #dbe7f6;border-radius:12px;grid-template-columns:auto 1fr;gap:2px 7px;padding:8px;display:grid}.betm-activity strong{color:#071b4d;font-size:11px;font-weight:900}.betm-activity small{color:#64748b;grid-column:2;font-size:9px;font-weight:700}.dot{border-radius:50%;width:7px;height:7px;margin-top:4px}.dot.green{background:#16a34a}.dot.orange{background:#f59e0b}.dot.blue{background:#0b4db3}.betm-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.betm-actions .btn{justify-content:center;gap:6px;min-height:34px;font-size:11px}.betm-actions .btn svg{width:13px;height:13px}@media (width<=1200px){.betm-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.betm-main-grid{grid-template-columns:1fr}.betm-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.betm-hero{flex-direction:column;align-items:flex-start}.betm-hero h1{font-size:20px}.betm-kpi-grid,.betm-overview-grid,.betm-actions{grid-template-columns:1fr}.betm-hero-actions{justify-content:space-between;width:100%}}