:root{color:#19324a;font-synthesis:none;--navy:#092c46;--navy-2:#0c3b5d;--teal:#00a6a6;--blue:#1178b7;--border:#dbe6ed;--muted:#6a8092;--danger:#c94848;--shadow:0 12px 36px #0f324817;background:#f3f7fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #00a6a647}h1,h2,p{margin-top:0}.full-loading{place-items:center;min-height:100vh;display:grid}.login-page{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:linear-gradient(135deg,#042843f7,#00909bdb),url(/Imagem_fundo_sistema.jpg) 50%/cover;flex-direction:column;justify-content:space-between;padding:4rem clamp(2.5rem,7vw,7rem);display:flex;position:relative;overflow:hidden}.login-hero:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:30rem;height:30rem;position:absolute;bottom:-13rem;right:-10rem}.login-hero>img{z-index:1;filter:brightness(0)invert();width:clamp(10rem,18vw,15rem);position:relative}.login-hero>div{z-index:1;max-width:37rem;position:relative}.login-hero h1{letter-spacing:-.04em;margin:.5rem 0 1.25rem;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.08}.login-hero p:not(.eyebrow){color:#d8f3f3;font-size:1.08rem;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#65e2dd;font-size:.76rem;font-weight:800}.login-hero small{z-index:1;color:#b7d3dc}.login-panel{background:#f7fafc;place-items:center;padding:2rem;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:22px;width:min(100%,28rem);padding:3rem;box-shadow:0 24px 70px #04273d21}.login-card h2{text-align:center;margin:.8rem 0 .4rem;font-size:2rem}.login-card>p{text-align:center;color:var(--muted);margin-bottom:2rem}.login-icon{color:#008f94;background:#e5f7f6;border-radius:16px;place-items:center;width:3.5rem;height:3.5rem;margin:auto;display:grid}.login-card>.button{justify-content:center;width:100%;margin-top:1rem}.security-note{text-align:center;color:var(--muted);margin-top:1.2rem;display:block}.field{flex-direction:column;gap:.45rem;min-width:0;margin-bottom:1rem;display:flex}.field>span{color:#3b5265;font-size:.83rem;font-weight:700}.field input,.field select{color:#19324a;background:#fff;border:1px solid #cfdde6;border-radius:9px;width:100%;height:46px;padding:0 .85rem}.field input:focus,.field select:focus{border-color:var(--teal)}.field input::placeholder{color:#496277;opacity:1}.field small{color:var(--danger)}.icon-field>div{position:relative}.icon-field>div>svg{color:#7790a2;width:18px;position:absolute;top:14px;left:13px}.icon-field input{padding-left:2.6rem;padding-right:2.5rem}.icon-field button{color:#71889a;background:0 0;border:0;position:absolute;top:9px;right:8px}.icon-field button svg{width:19px}.form-error{color:#a93636;background:#fff0f0;border-radius:8px;padding:.75rem 1rem;font-size:.85rem}.button{border:0;border-radius:8px;align-items:center;gap:.5rem;min-height:42px;padding:.65rem 1rem;font-size:.88rem;font-weight:700;transition:all .18s;display:inline-flex}.button svg{width:17px}.button.primary{color:#fff;background:linear-gradient(135deg,#0878a9,#009d9d);box-shadow:0 6px 16px #008c9b2e}.button.primary:hover{filter:brightness(.94);transform:translateY(-1px)}.button.secondary{color:#21445c;background:#fff;border:1px solid #cbdbe4}.button.danger{color:#b63b3b;background:#fff2f2;border:1px solid #f0caca}.button.ghost{color:#476277;background:0 0}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.app-shell{min-height:100vh;display:flex}.app-shell aside{background:linear-gradient(180deg, var(--navy), #071f31);color:#fff;z-index:30;flex-direction:column;flex:0 0 246px;width:246px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:78px;padding:1.1rem 1.4rem;display:flex}.brand img{object-fit:contain;filter:brightness(0)invert();width:132px;max-height:48px}.brand button{color:#fff;background:0 0;border:0;display:none}.app-shell nav{flex-direction:column;gap:.35rem;padding:1.25rem .85rem;display:flex}.app-shell nav a{color:#b9cedb;border-radius:8px;align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.app-shell nav a:hover,.app-shell nav a.active{color:#fff;background:#ffffff17}.app-shell nav a.active:before{content:"";background:#22cac5;border-radius:2px;width:3px;height:25px;margin-left:-1rem}.side-footer{color:#89a6b8;border-top:1px solid #ffffff14;align-items:center;gap:.6rem;margin-top:auto;padding:1.2rem 1.5rem;font-size:.78rem;display:flex}.app-main{width:calc(100% - 246px);min-width:0;margin-left:246px}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;align-items:center;height:78px;padding:0 clamp(1.2rem,3vw,2.5rem);display:flex;position:sticky;top:0}.menu-button{color:var(--navy);background:0 0;border:0;display:none}.top-title{flex-direction:column;display:flex}.top-title strong{letter-spacing:.08em;color:var(--teal);font-size:.8rem}.top-title span{font-weight:700}.operator{align-items:center;gap:.7rem;margin-left:auto;display:flex}.operator>div:not(.avatar){flex-direction:column;display:flex}.operator strong{font-size:.83rem}.operator span{color:var(--muted);font-size:.72rem}.avatar{color:#fff;background:linear-gradient(135deg,#0878a9,#00aaa5);border-radius:50%;place-items:center;width:37px;height:37px;font-size:.74rem;font-weight:800;display:grid}.icon-button{color:#637b8d;background:0 0;border:0;border-radius:8px;padding:.5rem}.content{max-width:1500px;margin:0 auto;padding:clamp(1.3rem,3vw,2.5rem)}.mobile-overlay{display:none}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{letter-spacing:-.025em;margin-bottom:.35rem;font-size:1.75rem}.page-header p{color:var(--muted);margin:0}.welcome{color:#fff;min-height:220px;box-shadow:var(--shadow);background:linear-gradient(115deg,#0a3c5c,#08779a 60%,#00a29c);border-radius:18px;justify-content:space-between;align-items:center;padding:clamp(2rem,4vw,3.5rem);display:flex;overflow:hidden}.welcome p{color:#9ce8e1;margin-bottom:.4rem;font-weight:700}.welcome h1{margin-bottom:.7rem;font-size:clamp(2rem,4vw,3rem)}.welcome span{color:#d8eff2}.welcome-art{background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.welcome-art svg{color:#9de5df;width:65px;height:65px}.shortcut-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;display:grid}.shortcut-card{border:1px solid var(--border);color:inherit;background:#fff;border-radius:14px;align-items:center;gap:1rem;padding:1.3rem;text-decoration:none;transition:all .18s;display:flex;box-shadow:0 5px 18px #0f32480d}.shortcut-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.shortcut-card h2{margin:0 0 .25rem;font-size:1rem}.shortcut-card p{color:var(--muted);margin:0;font-size:.78rem}.shortcut-icon{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.shortcut-icon.blue{color:#1478b4;background:#e7f3fb}.shortcut-icon.teal{color:#009d98;background:#e3f7f5}.shortcut-icon.purple{color:#7351bd;background:#f1ecfb}.shortcut-icon.orange{color:#d67428;background:#fff0e3}.chevron{color:#9badba;width:17px;margin-left:auto}.toolbar,.selection-card{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:end;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;display:flex}.search{border:1px solid #d3e0e8;border-radius:8px;align-items:center;gap:.6rem;min-width:min(100%,28rem);height:42px;padding:0 .8rem;display:flex}.search svg{color:#8094a3;width:18px}.search input{color:#213d51;border:0;outline:0;width:100%}.table-card{border:1px solid var(--border);background:#fff;border-radius:12px;min-height:180px;overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th{text-align:left;color:#6a8092;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;background:#f7fafc;padding:.85rem 1rem;font-size:.74rem}td{vertical-align:middle;border-bottom:1px solid #edf2f5;padding:1rem}td strong,td small{display:block}td small{color:var(--muted);overflow-wrap:anywhere;max-width:440px;margin-top:.3rem}.row-actions{gap:.3rem;display:flex}.row-actions button{color:#24627f;background:#edf6fa;border:0;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.row-actions svg{width:16px}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.badge.success{color:#168259;background:#e2f7ef}.badge.warning{color:#a76a00;background:#fff4d9}.badge.danger{color:#b13b3b;background:#feeaea}.badge.neutral{color:#607688;background:#edf2f5}.pagination{color:var(--muted);justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.78rem;display:flex}.pagination>div{align-items:center;gap:.75rem;display:flex}.pagination .button{min-height:34px;padding:.4rem .7rem}.spinner{border:3px solid #dce9ef;border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;margin:4rem auto;animation:.7s linear infinite spin}.empty{text-align:center;color:var(--muted);padding:4rem 2rem}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0318269e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(100%,600px);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #00000040}.modal.wide{width:min(100%,850px)}.modal>header{border-bottom:1px solid var(--border);z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex;position:sticky;top:0}.modal h2{margin:0;font-size:1.15rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;padding:1.5rem;display:grid}.modal:not(.wide) .form-grid{grid-template-columns:1fr}.checkbox{align-items:center;gap:.65rem;min-height:44px;font-size:.84rem;font-weight:600;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--teal)}.modal-actions{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;gap:.7rem;margin-top:1rem;padding-top:1rem;display:flex}.tabs{gap:.4rem;padding:1rem 1.5rem 0;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:.7rem 1rem;font-weight:700}.tabs button.active{color:#008d94;border-color:var(--teal)}.config-meta{color:var(--muted);align-items:center;font-size:.75rem;display:flex}.certificate-section{border:1px solid var(--border);background:#f8fbfc;border-radius:10px;grid-column:1/-1;margin:.25rem 0 0;padding:1.1rem}.certificate-section legend{color:#29485e;padding:0 .4rem;font-size:.86rem;font-weight:800}.certificate-section>p,.certificate-help{color:var(--muted);font-size:.76rem;line-height:1.5}.certificate-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.certificate-modes>label{cursor:pointer;background:#fff;border:1px solid #d2e0e7;border-radius:9px;align-items:flex-start;gap:.65rem;padding:.9rem;display:flex}.certificate-modes>label.selected{border-color:var(--teal);box-shadow:0 0 0 2px #00a6a61a}.certificate-modes input{accent-color:var(--teal);margin-top:.15rem}.certificate-modes span,.file-picker>div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.certificate-modes strong,.file-picker strong{color:#29485e;overflow-wrap:anywhere;font-size:.78rem}.certificate-modes small,.file-picker small{color:var(--muted);font-size:.7rem;line-height:1.4}.certificate-files{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.file-picker{cursor:pointer;background:#fff;border:1px dashed #9db8c7;border-radius:9px;align-items:center;gap:.8rem;min-height:82px;padding:.8rem;display:flex;position:relative}.file-picker:hover{border-color:var(--teal);background:#f3fcfb}.file-picker>span{color:#3b5265;background:#f8fbfc;padding:0 .3rem;font-size:.7rem;font-weight:800;position:absolute;top:-.55rem;left:.65rem}.file-picker input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-picker:before{content:"↑";color:#008f94;background:#e5f7f6;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:1.15rem;font-weight:800;display:grid}.callback-box{background:#f2f8fa;border:1px solid #d8e8ed;border-radius:9px;flex-direction:column;grid-column:1/-1;gap:.5rem;padding:1rem;display:flex}.callback-box code{overflow-wrap:anywhere;color:#145b70;background:#fff;border-radius:6px;padding:.7rem}.callback-box small{color:var(--muted)}.selection-card{align-items:center;padding:1.2rem 1.4rem}.selection-card .field{min-width:min(100%,30rem);margin:0}.selection-card p{color:var(--muted);margin:0;font-size:.82rem}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.integration-card{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;gap:1rem;padding:1.4rem;display:grid;box-shadow:0 5px 18px #0f32480d}.integration-logo{border-radius:13px;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.integration-logo.bbpay{color:#5b4a00;background:#fff4c7}.integration-logo.inovapay{color:#007d7c;background:#dff7f5}.integration-copy>div{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.integration-copy h2{margin:.2rem 0;font-size:1.02rem}.integration-copy p{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.integration-actions{border-top:1px solid #edf2f5;grid-column:1/-1;justify-content:flex-end;gap:.6rem;padding-top:1rem;display:flex}.toast-stack{z-index:200;flex-direction:column;gap:.6rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:#fff;border-left:4px solid #18a06e;border-radius:10px;align-items:center;gap:.65rem;width:min(100vw - 2rem,390px);padding:.9rem 1rem;display:flex;box-shadow:0 15px 40px #021e2e33}.toast.error{border-color:var(--danger)}.toast>svg{color:#18a06e;width:20px}.toast.error>svg{color:var(--danger)}.toast span{flex:1;font-size:.84rem}.toast button{color:#78909f;background:0 0;border:0}.audit-filters .search{min-width:12rem}.audit-filters{flex-wrap:wrap}.date-filter{color:var(--muted);align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;display:flex}.date-filter input{color:#213d51;background:#fff;border:1px solid #d3e0e8;border-radius:8px;height:42px;padding:0 .6rem}.skeleton-list{padding:.5rem 1rem}.skeleton-row{border-bottom:1px solid #edf2f5;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:1rem;height:58px;display:grid}.skeleton-row span{background:linear-gradient(90deg,#eef3f6 25%,#f8fafb 45%,#eef3f6 65%) 0 0/300% 100%;border-radius:6px;height:12px;animation:1.2s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-100% 0}}@media (width<=1100px){.shortcut-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-hero{min-height:280px;padding:2rem}.login-hero h1{font-size:2rem}.login-hero small{display:none}.login-panel{padding:1rem}.login-card{padding:2rem}.app-shell aside{transition:all .2s;transform:translate(-100%)}.app-shell aside.open{transform:translate(0);box-shadow:15px 0 50px #00000040}.brand button,.menu-button{display:block}.app-main{width:100%;margin-left:0}.mobile-overlay{z-index:25;background:#00000059;border:0;display:block;position:fixed;inset:0}.top-title,.operator>div:not(.avatar){display:none}.content{padding:1rem}.welcome-art{display:none}.form-grid{grid-template-columns:1fr}.toolbar,.selection-card{flex-direction:column;align-items:stretch}.selection-card .field{min-width:0}.page-header{flex-direction:column}.page-header .button{justify-content:center;width:100%}.pagination{flex-direction:column;gap:.8rem}.integration-copy>div{flex-direction:column}.audit-filters .search{width:100%;min-width:0}.certificate-modes,.certificate-files{grid-template-columns:1fr}}@media (width<=520px){.shortcut-grid{grid-template-columns:1fr}.login-hero{min-height:230px}.login-card{padding:1.5rem}.integration-card{grid-template-columns:1fr}.integration-actions{flex-direction:column}.integration-actions .button{justify-content:center}.modal-actions{flex-direction:column-reverse}.modal-actions .button{justify-content:center}.welcome{min-height:190px}.operator{gap:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}