:root{--fr-ink: #14110F;--fr-roxo: #65226C;--fr-azul: #3F8FC6;--fr-taupe: #5D5050;--fr-bone: #F6F4F2;--fr-slate: #808185;--fr-cinza-claro: #D1D3D4;--fr-sucesso: #2F8F5B;--fr-atencao: #C9881F;--fr-alerta: #C0392B;--fr-plus: #E0B66A;--fr-app-bg: #0D0C11;--fr-bg: #09080C;--fr-card: #16141B;--fr-card-alt: #121017;--fr-text-strong: #ffffff;--fr-text: #EDEAF2;--fr-text-soft: #CFC9D9;--fr-text-muted: #918B9E;--fr-text-faint: #7C7789;--fr-border: rgba(255, 255, 255, .08);--fr-border-soft: rgba(255, 255, 255, .06);--fr-radius-sm: 8px;--fr-radius-md: 12px;--fr-radius-lg: 16px;--fr-radius-pill: 99px;--fr-font-display: "Montserrat", "Segoe UI", sans-serif;--fr-font-text: "Montserrat", "Segoe UI", sans-serif;--fr-grad-primary: linear-gradient(135deg, #65226C, #3F8FC6);--fr-grad-plus: linear-gradient(135deg, #E8C77A, #C79A4A);--fr-grad-card: linear-gradient(140deg, #16141d 0%, #301c46 52%, #1c3b58 100%);--fr-shadow-card: 0 18px 40px -22px rgba(0, 0, 0, .65);--fr-shadow-pop: 0 30px 70px -30px rgba(0, 0, 0, .8)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 640px at 84% -10%,rgba(101,34,108,.17),transparent 60%),radial-gradient(900px 520px at -4% 6%,rgba(63,143,198,.1),transparent 55%),var(--fr-bg);color:var(--fr-text);font-family:var(--fr-font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--fr-roxo);color:#fff}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--fr-font-display);font-weight:600;margin:0;letter-spacing:-.015em}.display{font-family:var(--fr-font-display)}.mono-num{font-family:var(--fr-font-display);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#121017,#0c0b10);border-right:1px solid var(--fr-border);padding:20px 14px 16px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px}.brand img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.brand .wm{font-family:var(--fr-font-display);font-weight:700;letter-spacing:.32em;font-size:15px;color:#fff;padding-left:.32em}.brand .wm small{display:block;font-weight:500;font-size:8px;letter-spacing:.38em;color:var(--fr-text-faint);margin-top:2px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--fr-radius-md);color:var(--fr-text-muted);font-size:13.5px;cursor:pointer;transition:.14s;border:1px solid transparent}.nav-item:hover{background:#ffffff0b;color:var(--fr-text-soft)}.nav-item.active{background:linear-gradient(90deg,#65226c47,#65226c1a);border-color:#65226c59;color:#fff}.nav-item.active svg{color:var(--fr-azul)}.nav-sec{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fr-text-faint);padding:14px 12px 6px}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 34px;border-bottom:1px solid var(--fr-border);gap:16px;background:#0d0c1199;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.topbar h1{font-size:21px;color:#fff;font-weight:700}.topbar .sub{font-size:13px;color:var(--fr-text-muted);margin-top:3px}.content{padding:28px 34px 70px;max-width:1320px;width:100%}.card{background:var(--fr-card-alt);border:1px solid var(--fr-border);border-radius:var(--fr-radius-lg);box-shadow:var(--fr-shadow-card)}.card-p{padding:22px 24px}.card-h{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--fr-border);gap:12px}.card-h h3{font-size:14px;color:#fff;letter-spacing:.02em}.card.click{cursor:pointer;transition:.16s}.card.click:hover{transform:translateY(-2px);border-color:#65226c73;box-shadow:0 26px 54px -24px #65226c59,var(--fr-shadow-card)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.content,.topbar{padding-left:18px;padding-right:18px}}.stat{background:var(--fr-card-alt);border:1px solid var(--fr-border);border-radius:var(--fr-radius-lg);padding:18px 20px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--fr-grad-primary);opacity:.55}.stat .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fr-text-faint);font-weight:600}.stat .v{font-family:var(--fr-font-display);font-weight:700;font-size:30px;color:#fff;margin-top:8px;line-height:1}.stat .d{font-size:12px;color:var(--fr-text-muted);margin-top:7px}.btn{border:none;border-radius:var(--fr-radius-md);padding:11px 17px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:.14s;display:inline-flex;align-items:center;gap:8px;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--fr-grad-primary);color:#fff;box-shadow:0 10px 24px -12px #65226cb3}.btn.primary:hover:not(:disabled){filter:brightness(1.12)}.btn.light{background:#fff;color:var(--fr-ink)}.btn.dark{background:var(--fr-ink);color:#fff}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--fr-text-soft);font-weight:500}.btn.outline:hover:not(:disabled){border-color:#ffffff4d;color:#fff}.btn.danger{background:#c0392b24;border:1px solid rgba(192,57,43,.45);color:#e0746a}.btn.plus{background:var(--fr-grad-plus);color:var(--fr-ink);font-weight:700}.btn.sm{padding:7px 12px;font-size:12px;border-radius:10px}.btn.ghost{background:transparent;color:var(--fr-text-muted)}.btn.ghost:hover:not(:disabled){color:#fff}.badge{font-size:11.5px;border-radius:var(--fr-radius-pill);padding:4px 11px;display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}.badge.ok{color:#52c08a;background:#2f8f5b24}.badge.atencao{color:#e0b66a;background:#c9881f21}.badge.alerta{color:#e0746a;background:#c0392b26}.badge.social{color:#7fc0f0;background:#3f8fc624}.badge.roxo{color:#c79be0;background:#65226c38}.badge.neutro{color:var(--fr-text-muted);background:#ffffff0e}.pill{font-size:11.5px;border-radius:var(--fr-radius-pill);padding:4px 11px;border:1px solid;font-weight:500;white-space:nowrap}.pill.aluno{color:#c79be0;background:#65226c33;border-color:#65226c73}.pill.professor{color:#7fc0f0;background:#3f8fc629;border-color:#3f8fc666}.pill.master{color:#e0b66a;background:#e0b66a24;border-color:#e0b66a66}.pill.gestor{color:#9fd8a8;background:#2f8f5b24;border-color:#2f8f5b66}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:11.5px;color:var(--fr-text-muted);font-weight:500;letter-spacing:.02em}.field input,.field select,.field textarea,.input{background:var(--fr-card);border:1px solid var(--fr-border-soft);border-radius:11px;padding:11px 13px;color:var(--fr-text);font-size:13px;font-family:inherit;outline:none;width:100%;transition:border-color .14s}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#3f8fc68c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.filters .field{min-width:160px}.filters .field input,.filters .field select{padding:9px 12px;font-size:12.5px}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fr-text-faint);padding:12px 18px;border-bottom:1px solid var(--fr-border);font-weight:600}.tbl td{padding:13px 18px;border-bottom:1px solid var(--fr-border-soft);font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tr.click{cursor:pointer}.tbl tr:hover td{background:#ffffff06}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--fr-text-muted)}.tiny{font-size:11px;color:var(--fr-text-faint)}.small{font-size:12.5px;color:var(--fr-text-muted)}.gold{color:var(--fr-plus)}.white{color:#fff}.avatar{width:38px;height:38px;border-radius:var(--fr-radius-pill);background:var(--fr-grad-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sq{border-radius:12px}.avatar.lg{width:76px;height:76px;font-size:24px}.avatar.xl{width:108px;height:108px;font-size:32px}.bar{height:7px;border-radius:99px;background:#1d1b24;overflow:hidden}.bar>span{display:block;height:100%;background:var(--fr-grad-primary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050408b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{background:#15131c;border:1px solid var(--fr-border);border-radius:18px;width:100%;max-width:560px;max-height:92vh;overflow:auto;box-shadow:var(--fr-shadow-pop)}.modal-h{padding:18px 24px;border-bottom:1px solid var(--fr-border)}.modal-b{padding:22px 24px;display:flex;flex-direction:column;gap:14px}.modal-f{padding:16px 24px;border-top:1px solid var(--fr-border);display:flex;justify-content:flex-end;gap:10px}.tabs{display:flex;gap:4px;background:#ffffff0a;border:1px solid var(--fr-border-soft);padding:4px;border-radius:12px;width:fit-content}.tabs .tab{padding:7px 15px;border-radius:9px;font-size:12.5px;color:var(--fr-text-muted);cursor:pointer;transition:.13s;font-weight:500;white-space:nowrap}.tabs .tab:hover{color:var(--fr-text-soft)}.tabs .tab.on{background:var(--fr-grad-primary);color:#fff;box-shadow:0 6px 16px -8px #65226ccc}.toggle{width:40px;height:22px;border-radius:99px;background:#39373f;position:relative;cursor:pointer;flex:none;transition:.15s;border:none;padding:0}.toggle.on{background:var(--fr-sucesso)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:99px;background:#fff;transition:.15s}.toggle.on:after{left:20px}.stack{display:flex;flex-direction:column;gap:14px}.empty{padding:38px;text-align:center;color:var(--fr-text-muted);font-size:13.5px}.chip{font-size:12px;padding:6px 13px;border-radius:99px;background:#ffffff0d;color:var(--fr-text-muted);cursor:pointer;border:1px solid transparent;transition:.13s}.chip:hover{color:var(--fr-text-soft)}.chip.on{background:#65226c3d;border-color:#65226c80;color:#fff}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1b1924;border:1px solid var(--fr-border);color:#fff;padding:12px 20px;border-radius:13px;z-index:80;font-size:13px;box-shadow:var(--fr-shadow-pop)}.toast.bad{border-color:#c0392b80}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fr-text-faint);text-align:center;padding:6px 0;font-weight:600}.cal-cell{background:var(--fr-card-alt);border:1px solid var(--fr-border-soft);border-radius:12px;min-height:96px;padding:7px;display:flex;flex-direction:column;gap:4px}.cal-cell.out{opacity:.38}.cal-cell.today{border-color:#3f8fc699}.cal-cell .d{font-size:11px;color:var(--fr-text-faint);font-weight:600}.cal-evt{font-size:10.5px;border-radius:7px;padding:4px 7px;cursor:pointer;line-height:1.3;border-left:2.5px solid;transition:.12s}.cal-evt:hover{filter:brightness(1.25)}.cal-evt.past{opacity:.8}.af-hero{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--fr-border);background:linear-gradient(140deg,#17131e,#2c1837 55%,#14283c);padding:46px;box-shadow:var(--fr-shadow-pop)}.af-hero h2{font-size:27px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2}.af-sec-t{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--fr-azul);font-weight:700;margin-bottom:8px}.af-cover{border-radius:14px;overflow:hidden;border:1px solid var(--fr-border);display:block;position:relative;transition:.18s;background:#000}.af-cover img{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;transition:.3s}.af-cover:hover{transform:translateY(-4px);border-color:#65226c99;box-shadow:0 26px 50px -22px #65226c80}.af-cover:hover img{transform:scale(1.04)}.af-cover .cap{position:absolute;inset:auto 0 0 0;padding:26px 12px 10px;background:linear-gradient(transparent,#000000db);font-size:11.5px;color:#fff;font-weight:600}.af-link{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--fr-card-alt);border:1px solid var(--fr-border);transition:.15s}.af-link:hover{border-color:#3f8fc680;transform:translate(3px)}.af-link .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#65226c33;color:#c79be0;flex:none}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(400px,560px) 1fr}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-right{display:none}}.login-right{position:relative;overflow:hidden;background:linear-gradient(150deg,#131019,#2b1737 48%,#17324a);display:grid;place-items:center}@font-face{font-family:Amsterdam;src:url(/fonts/amsterdam.woff) format("woff");font-display:swap}@keyframes fr-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.content{animation:fr-rise .38s cubic-bezier(.2,.7,.2,1) both}@media(prefers-reduced-motion:reduce){.content,.cartao-plus .holo{animation:none!important}}.topbar{position:relative}.topbar:after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(101,34,108,.55) 30%,rgba(63,143,198,.45) 70%,transparent);pointer-events:none}.pill.sysadmin{color:#f0d68a;background:linear-gradient(135deg,#e0b66a29,#a3162124);border-color:#e0b66a8c;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.bell-wrap{position:relative}.bell{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--fr-border);background:#ffffff09;color:var(--fr-text-muted);cursor:pointer;display:grid;place-items:center;transition:.15s}.bell:hover{color:#fff;border-color:#ffffff38;background:#ffffff0f}.bell.has{color:#fff;border-color:#65226c8c;box-shadow:0 0 0 3px #65226c24}.bell-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:linear-gradient(135deg,#a31621,#c0392b);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid #0d0c11;letter-spacing:0}.bell-panel{position:absolute;right:0;top:calc(100% + 10px);width:392px;max-width:86vw;z-index:70;background:#15131c;border:1px solid var(--fr-border);border-radius:16px;overflow:hidden;box-shadow:var(--fr-shadow-pop);animation:fr-rise .18s ease both}.bell-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--fr-border);font-size:13px;font-weight:700;color:#fff}.bell-list{max-height:420px;overflow-y:auto}.bell-item{display:flex;gap:11px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--fr-border-soft);transition:background .12s;align-items:flex-start}.bell-item:last-child{border-bottom:none}.bell-item:hover{background:#ffffff09}.bell-item .ic{font-size:16px;line-height:1.4;flex:none}.bell-item .t{display:block;font-size:12.8px;color:var(--fr-text-soft);font-weight:600}.bell-item.unread .t{color:#fff}.bell-item .c{display:block;font-size:11.6px;color:var(--fr-text-muted);margin-top:2px;line-height:1.45}.bell-item .when{font-size:10.5px;color:var(--fr-text-faint);flex:none;margin-top:2px}.bell-item .dot{width:7px;height:7px;border-radius:99px;background:var(--fr-azul);flex:none;margin-top:6px;box-shadow:0 0 8px #3f8fc6cc}.doc-wrap{max-width:920px;margin:0 auto}.doc-marca{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.doc-marca img{width:26px;opacity:.85}.doc-marca span{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--fr-text-faint)}.doc-pages{display:flex;flex-direction:column;gap:26px}.doc-page{margin:0;position:relative}.doc-page img{width:100%;display:block;border-radius:14px;border:1px solid var(--fr-border);box-shadow:0 30px 60px -30px #000000bf}.doc-page figcaption{text-align:center;font-size:10.5px;color:var(--fr-text-faint);margin-top:9px;letter-spacing:.14em}.logo-dl{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:13px;border:1px solid var(--fr-border);background:var(--fr-card-alt);transition:.15s}.logo-dl:hover{border-color:#e0b66a80;transform:translateY(-2px)}.logo-dl .th{border-radius:9px;overflow:hidden;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--fr-border-soft)}.logo-dl .th img{max-width:78%;max-height:78%;object-fit:contain}.logo-dl .nm{font-size:11px;color:var(--fr-text-soft);font-weight:600;line-height:1.35}.card-prof{position:relative;overflow:hidden}.card-prof:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--fr-grad-primary);opacity:0;transition:.2s}.card-prof:hover:before{opacity:.8}.prof-belt{display:flex;align-items:center;gap:14px;margin-top:13px;padding:11px 13px;border-radius:12px;background:#ffffff07;border:1px solid var(--fr-border-soft)}.prof-belt-nome{font-size:12.5px;color:#fff;font-weight:600}.prof-metricas{display:flex;gap:22px;margin-top:12px}.prof-metricas .k{display:block;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--fr-text-faint);font-weight:600}.prof-metricas .v{display:block;font-size:16px;color:#fff;font-weight:700;margin-top:2px}.cartao-plus{position:relative;width:100%;max-width:520px;aspect-ratio:1.62;margin:0 auto 6px;border-radius:20px;padding:22px 24px;overflow:hidden;isolation:isolate;background:radial-gradient(150% 120% at 88% -12%,rgba(101,34,108,.55),transparent 55%),radial-gradient(130% 110% at -8% 112%,rgba(63,143,198,.32),transparent 55%),linear-gradient(150deg,#17131e,#221328 48%,#101d2b);box-shadow:0 34px 70px -28px #000000d9,inset 0 1px #ffffff17;display:flex;flex-direction:column}.cartao-plus.inativa{filter:saturate(.35) brightness(.8)}.cartao-plus .foil{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1.4px;pointer-events:none;z-index:3;background:linear-gradient(130deg,#e8c77a,#8a6a2f 22%,#f0d68a 46%,#7a5c26 72%,#e8c77a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.cartao-plus .holo{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:2;pointer-events:none;opacity:.5;background:linear-gradient(115deg,transparent 42%,rgba(240,214,138,.16) 48%,rgba(255,255,255,.22) 50%,rgba(63,143,198,.14) 53%,transparent 60%);animation:cp-holo 5.2s ease-in-out infinite}@keyframes cp-holo{0%,to{transform:translate(-18%)}50%{transform:translate(18%)}}.cartao-plus .marca-dagua{position:absolute;right:-60px;bottom:-70px;width:300px;opacity:.07;pointer-events:none;z-index:1}.cartao-plus>div{position:relative;z-index:4}.cp-topo{display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-wordmark{font-family:var(--fr-font-display);font-weight:800;letter-spacing:.3em;font-size:13.5px;color:#fff}.cp-wordmark b{background:var(--fr-grad-plus);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:.35em}.cp-status{font-size:9px;letter-spacing:.2em;font-weight:700;color:#0e0c12;background:var(--fr-grad-plus);padding:4px 10px;border-radius:99px;box-shadow:0 4px 14px -6px #e8c77acc;white-space:nowrap}.cp-status.off{background:#ffffff24;color:var(--fr-text-soft);box-shadow:none}.cp-chip{margin-top:14px}.cp-assinatura{font-family:Amsterdam,cursive;font-size:clamp(26px,6.2vw,44px);color:#f5efe2;line-height:1;margin:auto 0 6px;padding:8px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 14px rgba(240,214,138,.25)}.cp-rodape{display:flex;gap:26px;align-items:flex-end;border-top:1px solid rgba(240,214,138,.22);padding-top:12px}.cp-k{display:block;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#f0d68abf;font-weight:700}.cp-v{display:block;font-size:12.5px;color:#fff;font-weight:600;margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.btn:focus-visible,.bell:focus-visible{outline:none;box-shadow:0 0 0 3px #3f8fc647}