: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:#172033;background:#fff7ed;width:100%;min-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}.app.dark{color:#e5e7eb;background:#0f172a}.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:40px;height:40px;font-size:20px;display:grid}.brand-row h1{color:#fff;margin:0;font-size:16px}.brand-row p{color:#94a3b8;margin:3px 0 0;font-size:11px}.nav-section{text-transform:uppercase;letter-spacing:.08em;color:#718096;margin:24px 16px 8px;font-size:11px;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:12px 14px;font-size:14px;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:11px}.sidebar-user{border-top:1px solid #24324a;align-items:center;gap:10px;margin-top:auto;padding:16px;display:flex}.main{background:#fff7ed;flex:1;width:calc(100vw - 230px);min-width:0;min-height:100vh}.dark .main{background:#0f172a}.topbar{justify-content:space-between;align-items:center;width:100%;min-height:72px;padding:14px 26px;display:flex}.topbar.sky{color:#082f49;background:linear-gradient(90deg,#38bdf8,#7dd3fc)}.topbar h2{margin:0;font-size:20px;font-weight:900}.topbar p{margin:4px 0 0;font-size:12px;font-weight:700}.top-actions{align-items:center;gap:10px;display:flex}.circle,.logout,.add-btn,.panel-head button{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:12px;padding:10px 13px;font-weight:900}.add-btn{color:#ea580c;background:#fff}.avatar,.initial{color:#fff;background:#fb923c;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.initial.soft{color:#6d28d9;background:#ddd6fe}.content{width:100%;padding:30px 32px 45px}.welcome{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.welcome h1{color:#eaf3ff;margin:0;font-size:26px;font-weight:900}.welcome p{color:#334155;margin:5px 0 0;font-size:14px}.date-pill{color:#7dd3fc;background:#0f2748;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:900}.alert-bar{color:#bfdbfe;background:#0f2748;border:2px solid #2563eb;border-radius:14px;width:100%;margin-bottom:22px;padding:14px 18px;font-weight:800}.kpis{grid-template-columns:repeat(4,minmax(230px,1fr));gap:16px;width:100%;margin-bottom:22px;display:grid}.kpi{color:#fff;border-radius:18px;min-height:135px;padding:22px;box-shadow:0 12px 24px #0f172a14}.kpi span{margin-bottom:8px;font-size:24px;display:block}.kpi h2{margin:0;font-size:32px;font-weight:900}.kpi p{margin:5px 0 0;font-size:14px;font-weight:800}.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}.two-col{grid-template-columns:1.15fr 1fr;gap:16px;width:100%;margin-bottom:22px;display:grid}.message-layout{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.panel{background:#fff;border:1px solid #eadcc8;border-radius:16px;padding:20px;box-shadow:0 10px 22px #0f172a0a}.dark .panel,.dark .phone,.dark .login-card{background:#111827;border-color:#374151}.panel.full{width:100%}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-head h3{margin:0;font-size:18px;font-weight:900}.list-row{border-bottom:1px solid #f1e4d2;align-items:center;gap:12px;padding:13px 0;display:flex}.list-row:last-child{border-bottom:none}.list-row p{color:#64748b;margin:3px 0 0;font-size:12px}.time{color:#166534;background:#dcfce7;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:12px;font-weight:900}.unread{background:#f43f5e;border-radius:50%;width:8px;height:8px;margin-left:auto}.muted{color:#64748b}.rooms{grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;width:100%;display:grid}.room{color:#172033;border-radius:18px;min-height:120px;padding:20px}.room.blue{background:#dbeafe}.room.yellow{background:#fef3c7}.room.purple{background:#ede9fe}.room strong{font-size:16px}.room p{margin:14px 0;font-size:28px;font-weight:900}.bar{background:#ffffffb3;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:14px}th{color:#64748b;text-align:left;text-transform:uppercase;background:#fff7ed;padding:14px;font-size:12px}td{border-top:1px solid #f1e4d2;padding:14px}.filters{gap:12px;margin-bottom:14px;display:flex}.filters input,.filters select,.login-form input{border:1px solid #eadcc8;border-radius:10px;width:100%;padding:12px}.mini{cursor:pointer;border:0;border-radius:8px;margin-right:6px;padding:7px 10px;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:5px 10px;font-size:12px;font-weight:900}.badge.green{color:#166534;background:#dcfce7}.badge.red{color:#be123c;background:#ffe4e6}.badge.yellow{color:#92400e;background:#fef3c7}.chat-empty{color:#94a3b8;place-items:center;min-height:420px;display:grid}.schedule-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.schedule-grid div{background:#fff3c4;border-radius:10px;padding:14px;font-weight:800}.parent-app{grid-template-columns:1fr 310px;gap:36px;display:grid}.phone{background:#fff;border:1px solid #eadcc8;border-radius:30px;width:290px;margin:auto;padding:20px;box-shadow:0 18px 35px #0000001a}.phone-top{background:#eadcc8;border-radius:999px;width:75px;height:6px;margin:0 auto 18px}.phone-card{background:#fff3c4;border-radius:12px;margin:9px 0;padding:12px}.phone-nav{text-align:center;letter-spacing:14px;border-top:1px solid #eadcc8;margin-top:16px;padding-top:12px}.login-wrap{place-items:center;width:100%;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #eadcc8;border-radius:20px;width:420px;padding:32px}.login-form{flex-direction:column;gap:12px;margin-top:22px;display:flex}.login-form button{cursor:pointer;background:#38bdf8;border:0;border-radius:12px;padding:13px;font-weight:900}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,1fr)}.two-col,.message-layout,.parent-app,.rooms{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{grid-template-columns:1fr}}.child-cell{align-items:center;gap:12px;display:flex}.child-cell p{color:#64748b;margin:3px 0 0;font-size:12px}.messages-pro{grid-template-columns:370px 1fr;gap:18px;width:100%;min-height:650px;display:grid}.messages-sidebar{min-height:650px;overflow:hidden}.message-search{margin-bottom:14px}.message-search input{border:1px solid #eadcc8;border-radius:12px;outline:none;width:100%;padding:12px}.conversation{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:14px;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 p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:13px;overflow:hidden}.conversation-unread{color:#fff;background:#e11d48;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:900}.chat-panel{flex-direction:column;min-height:650px;display:flex}.chat-header{border-bottom:1px solid #f1e4d2;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.chat-header h3{margin:0}.chat-header p{color:#64748b;margin:4px 0 0}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:8px 4px;display:flex;overflow-y:auto}.chat-bubble{border-radius:18px;max-width:70%;padding:13px 15px}.chat-bubble p{margin:5px 0}.chat-bubble span{opacity:.7;font-size:11px}.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:10px;padding-top:14px;display:flex}.chat-compose input,.chat-compose textarea{border:1px solid #eadcc8;border-radius:12px;outline:none;width:100%;padding:12px;font-family:inherit}.compose-row{gap:10px;display:flex}.compose-row textarea{resize:vertical;min-height:70px}.compose-row button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:14px;padding:0 22px;font-weight:900}.dark .conversation:hover,.dark .conversation.active{background:#20395f}.dark .chat-bubble.theirs{color:#e5e7eb;background:#1f2937}@media (width<=1000px){.messages-pro{grid-template-columns:1fr}}.quick-actions{grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 22px;display:grid}.quick-actions button{color:#fff;cursor:pointer;background:#0f2748;border:0;border-radius:16px;place-items:center;gap:8px;padding:22px;font-weight:900;display:grid}.quick-actions button span{font-size:13px}.kpi-click{text-align:left;cursor:pointer;border:0}.list-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.action-form{grid-template-columns:220px 1fr;gap:14px;max-width:900px;display:grid}.action-form label{padding-top:12px;font-weight:900}.action-form input,.action-form select,.action-form textarea{border:1px solid #eadcc8;border-radius:12px;padding:13px;font-family:inherit}.action-form textarea{min-height:90px}.action-form button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:14px;grid-column:2;padding:14px;font-weight:900}.qr-box{text-align:center;place-items:center;min-height:420px;display:grid}.qr-box div{font-size:80px}@media (width<=900px){.quick-actions{grid-template-columns:1fr 1fr}.action-form{grid-template-columns:1fr}.action-form button{grid-column:1}}@media (width<=600px){.quick-actions{grid-template-columns:1fr}}