:root{--azul:#1e2a6b;--azul-2:#2b3a8c;--azul-claro:#eaedf7;--dourado:#c8a24a;--dourado-claro:#f6efdb;--dourado-escuro:#9c7b2f;--verde:#1f9d6b;--verde-claro:#e4f6ee;--amarelo:#d99a2e;--vermelho:#d23f3f;--vermelho-claro:#fdeceb;--cinza-fundo:#f4f6f9;--cinza-card:#fff;--cinza-borda:#e6eaf0;--texto:#1b2733;--texto-2:#5b6b7c;--texto-3:#93a0ad;--sombra:0 1px 3px rgba(16,40,64,.06),0 6px 20px rgba(16,40,64,.05);--sombra-forte:0 8px 30px rgba(11,61,102,.18);--raio:16px;--raio-s:10px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--cinza-fundo);color:var(--texto);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}#app{min-height:100%}.phone{max-width:460px;margin:0 auto;background:var(--cinza-fundo);position:relative;box-shadow:0 0 60px rgba(0,0,0,.08)}.login,.phone{min-height:100vh;display:flex;flex-direction:column}.login{background:linear-gradient(165deg,#12173f 0,var(--azul) 55%,#3d4fa6 100%);justify-content:center;align-items:center;padding:32px 24px;color:#fff;text-align:center}.login .logo{width:116px;height:116px;border-radius:28px;background:#fff;display:grid;place-items:center;box-shadow:var(--sombra-forte);margin-bottom:22px;overflow:hidden;border:3px solid hsla(0,0%,100%,.5)}.login .logo img{width:100%;height:100%;object-fit:contain;padding:8px}.login h1 .sub{color:var(--dourado)}.login h1{font-size:26px;font-weight:800;letter-spacing:-.5px}.login p{opacity:.85;margin-top:6px;font-size:14px;max-width:300px}.login .roles{width:100%;max-width:340px;margin-top:34px;display:grid;grid-gap:12px;gap:12px}.role-btn{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--raio);padding:16px 18px;display:flex;align-items:center;gap:14px;text-align:left;transition:.15s;font-size:15px}.role-btn:hover{background:hsla(0,0%,100%,.22);transform:translateY(-1px)}.role-btn .ico{font-size:24px;width:30px;text-align:center}.role-btn .t{font-weight:700}.role-btn .s{font-size:12.5px;opacity:.8}.login .rodape{margin-top:30px;font-size:12px;opacity:.65}.topbar{background:var(--azul);color:#fff;padding:calc(env(safe-area-inset-top) + 16px) 18px 16px;display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar .avatar{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}.topbar .hi{flex:1 1;line-height:1.25}.topbar .hi small{opacity:.8;font-size:12px}.topbar .hi b{font-size:16px;font-weight:700;display:block}.topbar .ico-btn{color:#fff;font-size:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;position:relative}.topbar .ico-btn:hover{background:hsla(0,0%,100%,.15)}.badge-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;background:var(--dourado);border-radius:50%;border:2px solid var(--azul)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--dourado),var(--dourado-escuro))}.content{flex:1 1;padding:18px 16px 100px;overflow-y:auto}.section-title{font-size:13px;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.6px;margin:22px 4px 10px}.section-title:first-child{margin-top:4px}.card{background:var(--cinza-card);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px;margin-bottom:12px;border:1px solid var(--cinza-borda)}.card.tap{transition:.15s}.card.tap:active{transform:scale(.985)}.comunicado{display:flex;flex-direction:column;gap:10px}.comunicado .head{display:flex;align-items:center;gap:10px}.cat-tag{font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.cat-evento{background:#eee6ff;color:#6c3ad6}.cat-pedagogico{background:var(--verde-claro);color:var(--verde)}.cat-financeiro{background:#fff2dd;color:#b3760a}.cat-urgente{background:var(--vermelho-claro);color:var(--vermelho)}.cat-geral{background:var(--azul-claro);color:var(--azul-2)}.comunicado .time{font-size:12px;color:var(--texto-3);margin-left:auto}.comunicado h3{font-size:16px;font-weight:700}.comunicado p{font-size:14px;color:var(--texto-2);line-height:1.5}.comunicado .foto{border-radius:var(--raio-s);height:150px;object-fit:cover;width:100%}.read-row{justify-content:space-between;padding-top:10px;border-top:1px solid var(--cinza-borda);margin-top:2px}.read-row,.read-status{display:flex;align-items:center}.read-status{font-size:13px;gap:6px;color:var(--texto-2)}.read-status.ok{color:var(--verde);font-weight:600}.btn-confirm{background:var(--azul);color:#fff;font-weight:600;font-size:13px;padding:8px 14px;border-radius:20px;transition:.15s}.btn-confirm:hover{background:var(--azul-2)}.btn-confirm.done{background:var(--verde-claro);color:var(--verde)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.kpi{background:var(--cinza-card);border-radius:var(--raio);padding:16px;box-shadow:var(--sombra);border:1px solid var(--cinza-borda)}.kpi .v{font-size:26px;font-weight:800;letter-spacing:-.5px}.kpi .l{font-size:12.5px;color:var(--texto-2);margin-top:2px}.kpi .trend{font-size:12px;font-weight:600;margin-top:8px;display:inline-flex;gap:4px;align-items:center}.trend.up{color:var(--verde)}.trend.down{color:var(--vermelho)}.kpi.azul .v{color:var(--azul-2)}.kpi.verde .v{color:var(--verde)}.kpi.amarelo .v{color:var(--amarelo)}.kpi.vermelho .v{color:var(--vermelho)}.bar{height:9px;background:var(--cinza-borda);overflow:hidden;margin-top:10px}.bar,.bar>span{border-radius:20px}.bar>span{display:block;height:100%;background:var(--azul-2)}.bar.verde>span{background:var(--verde)}.bar.amarelo>span{background:var(--amarelo)}.funnel-step{display:flex;align-items:center;gap:12px;margin-bottom:10px}.funnel-step .lbl{width:120px;font-size:13px;color:var(--texto-2)}.funnel-step .track{flex:1 1;height:30px;background:var(--cinza-borda);border-radius:8px;overflow:hidden}.funnel-step .fill{height:100%;background:linear-gradient(90deg,var(--azul),var(--azul-2));display:flex;align-items:center;padding-left:10px;color:#fff;font-size:13px;font-weight:700;border-radius:8px}.fin-hero{background:linear-gradient(135deg,var(--azul),var(--azul-2));color:#fff;border-radius:var(--raio);padding:20px;margin-bottom:14px;box-shadow:var(--sombra-forte)}.fin-hero small{opacity:.85;font-size:13px}.fin-hero .val{font-size:30px;font-weight:800;margin:4px 0 2px}.fin-hero .due{font-size:13px;opacity:.9}.boleto{display:flex;align-items:center;gap:14px}.boleto .mes{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--azul-claro);color:var(--azul-2);font-weight:800;font-size:12px;line-height:1.1;text-align:center;flex-shrink:0}.boleto .info{flex:1 1}.boleto .info b{font-size:15px}.boleto .info small{font-size:12.5px;color:var(--texto-2);display:block}.status-pill{font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:20px}.st-pago{background:var(--verde-claro);color:var(--verde)}.st-aberto{background:#fff2dd;color:#b3760a}.st-vencido{background:var(--vermelho-claro);color:var(--vermelho)}.chat-item{display:flex;align-items:center;gap:12px}.chat-item .av{width:46px;height:46px;border-radius:50%;background:var(--azul-claro);color:var(--azul-2);display:grid;place-items:center;font-weight:700;flex-shrink:0}.chat-item .mid{flex:1 1;min-width:0}.chat-item .mid b{font-size:15px}.chat-item .mid p{font-size:13px;color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item .meta{text-align:right}.chat-item .meta small{font-size:11.5px;color:var(--texto-3)}.unread{background:var(--azul);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:20px;display:grid;place-items:center;padding:0 6px;margin-top:4px;margin-left:auto}.evento{display:flex;gap:14px}.evento .data{text-align:center;flex-shrink:0;width:50px}.evento .data .d{font-size:22px;font-weight:800;color:var(--azul-2)}.evento .data .m{font-size:11px;text-transform:uppercase;color:var(--texto-3);font-weight:700}.evento .det{flex:1 1;border-left:3px solid var(--azul-claro);padding-left:14px}.evento .det b{font-size:15px}.evento .det small{font-size:12.5px;color:var(--texto-2);display:block;margin-top:2px}.matricula-hero{background:var(--verde-claro);border:1px solid #bfe8d6}.matricula-hero h3{color:var(--verde);font-size:18px}.step-list{counter-reset:step}.step{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--cinza-borda)}.step:last-child{border-bottom:none}.step .num{width:26px;height:26px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.step.done .num{background:var(--verde)}.step.todo .num{background:var(--cinza-borda);color:var(--texto-3)}.step .txt b{font-size:14.5px}.step .txt small{font-size:12.5px;color:var(--texto-2);display:block}.btn{width:100%;background:var(--azul);color:#fff;font-weight:700;font-size:15px;padding:15px;border-radius:var(--raio-s);transition:.15s;margin-top:6px}.btn:hover{background:var(--azul-2)}.btn.verde{background:var(--verde)}.btn.ghost{background:var(--azul-claro);color:var(--azul-2)}.btn.sec{background:#fff;border:1.5px solid var(--cinza-borda);color:var(--texto)}.field{margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--texto-2);display:block;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--cinza-borda);border-radius:var(--raio-s);font-size:15px;font-family:inherit;color:var(--texto);background:#fff;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--azul-2)}.field textarea{min-height:110px;resize:vertical}.ia-box{background:linear-gradient(135deg,#f3e9ff,#e9f0ff);border:1px solid #d9c9f5;border-radius:var(--raio-s);padding:14px;margin-bottom:14px;font-size:13.5px}.ia-box .h{display:flex;align-items:center;gap:8px;font-weight:700;color:#6c3ad6;margin-bottom:6px}.ia-box p{color:var(--texto-2);line-height:1.5}.btn-ia{background:#6c3ad6;color:#fff;font-size:13px;font-weight:600;padding:9px 14px;border-radius:20px;margin-top:10px;display:inline-flex;gap:6px;align-items:center}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:460px;background:#fff;border-top:1px solid var(--cinza-borda);display:flex;padding:8px 6px calc(env(safe-area-inset-bottom) + 8px);z-index:40;box-shadow:0 -4px 20px rgba(16,40,64,.05)}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--texto-3);transition:.15s;position:relative}.tab .ico{font-size:22px}.tab .lbl{font-size:10.5px;font-weight:600}.tab.active{color:var(--azul-2)}.tab .tab-dot{position:absolute;top:4px;margin-right:-14px;width:7px;height:7px;background:var(--vermelho)}.fab,.tab .tab-dot{right:50%;border-radius:50%}.fab{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 78px);margin-right:-210px;width:56px;height:56px;background:var(--azul);color:#fff;font-size:26px;display:grid;place-items:center;box-shadow:var(--sombra-forte);z-index:41;transition:.15s}.fab:hover{background:var(--azul-2);transform:scale(1.05)}@media (max-width:460px){.fab{right:18px;margin-right:0}}.empty{text-align:center;color:var(--texto-3);padding:40px 20px;font-size:14px}.divider{height:1px;background:var(--cinza-borda);margin:16px 0}.switch-role{text-align:center;padding:14px}.switch-role button{color:var(--texto-3);font-size:13px;text-decoration:underline}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:var(--texto);color:#fff;padding:12px 20px;border-radius:30px;font-size:14px;z-index:100;box-shadow:var(--sombra-forte);animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}}.fade-in{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.pill-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}.pill-tabs button{white-space:nowrap;padding:8px 16px;border-radius:20px;background:#fff;border:1.5px solid var(--cinza-borda);font-size:13.5px;font-weight:600;color:var(--texto-2)}.pill-tabs button.on{background:var(--azul);color:#fff;border-color:var(--azul)}.phone{box-shadow:0 0 60px rgba(0,0,0,.06)}.login-form{width:100%;max-width:340px;margin-top:28px;display:grid;grid-gap:12px;gap:12px;text-align:left}.login-form input{width:100%;padding:14px 16px;border-radius:var(--raio-s);border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.12);color:#fff;font-size:15px;font-family:inherit}.login-form input::placeholder{color:hsla(0,0%,100%,.6)}.login-form input:focus{outline:none;border-color:var(--dourado);background:hsla(0,0%,100%,.18)}.login-form button{width:100%;padding:15px;border-radius:var(--raio-s);background:var(--dourado);color:#1a2030;font-weight:800;font-size:15px;transition:.15s}.login-form button:hover{filter:brightness(1.05)}.login-erro{background:rgba(210,63,63,.25);border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:10px 14px;border-radius:var(--raio-s);font-size:13.5px}.login-demo{margin-top:18px;font-size:12px;opacity:.8;line-height:1.7;max-width:320px}.login-demo b{color:var(--dourado)}.login-demo button{color:#fff;text-decoration:underline;font-size:12px;background:none}a{color:inherit;text-decoration:none}.spin{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}