@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";.app-container{display:flex;min-height:100vh;background:#f4f6f8}.conteudo{flex:1;padding:30px;margin-left:220px;transition:margin-left .3s ease}.topbar{height:60px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:20px}.topbar-user{display:flex;align-items:center;gap:10px;font-size:14px}.saas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:5cqb;padding:20px;display:flex;flex-direction:column}.metric-card span{font-size:13px;color:#6b7280}.metric-card strong{font-size:22px;margin-top:6px}.login-wrapper{display:flex;min-height:100vh}.login-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;text-align:center;background:linear-gradient(135deg,#0b4f8a0d,#3fbf7f0d)}.login-hero-content{max-width:460px}.login-hero img{max-width:420px;margin-bottom:30px}.login-hero h1{font-size:23px;font-weight:700;color:var(--brand-blue-dark);margin-bottom:12px}.login-hero p{font-size:15px;color:var(--text-muted);line-height:1.5}.login-panel{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:420px}.login-card h2{margin-bottom:24px;color:var(--brand-blue-dark)}.login-card .card{margin:0}@media(max-width:900px){.login-wrapper{flex-direction:column}.login-hero{padding:40px 20px}.login-panel{padding:20px}}*,*:before,*:after{box-sizing:border-box}:root{--brand-blue:#0b4f8a;--brand-blue-dark:#0a2f4f;--brand-green:#3fbf7f;--bg:#f4f6f8;--border:#e5e7eb;--border-light:#f1f5f9;--text:#111827}body{margin:0;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;background:var(--bg);color:var(--text)}.app-layout{display:flex;min-height:100vh}.conteudo{flex:1;padding:30px;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.page{max-width:1200px;margin:0 auto}.page-title{display:flex;align-items:center;gap:4px}.page-title-count{margin-left:8px;font-size:inherit;font-weight:400;color:#374151;opacity:.75}.page-title-visible{margin-left:8px;font-size:inherit;font-weight:400;color:#6b7280;opacity:.85}h1{font-size:28px;font-weight:700;margin:0}h2{font-size:22px;font-weight:600;margin:0}h3{font-size:18px;font-weight:600;margin:0}.text-sm{font-size:13px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-muted{color:#6b7280}.text-bold{font-weight:600}.text-center{text-align:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:20px;margin-bottom:20px;overflow:visible}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-body{margin-top:10px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-field{display:flex;flex-direction:column;gap:4px;min-width:0}label{font-size:13px;font-weight:500;color:#374151}input,select{width:100%;max-width:100%;height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border .15s ease,box-shadow .15s ease,background .15s ease}input:hover,select:hover{border-color:#9ca3af}input:focus,select:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #0b4f8a26}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .15s}.btn-primary{background:var(--brand-blue);color:#fff;box-shadow:0 2px 6px #0b4f8a40}.btn-primary:hover{background:var(--brand-blue-dark);transform:translateY(-1px);box-shadow:0 4px 10px #0b4f8a59}.btn-secondary{background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.w-full{width:100%}.action-group{display:flex;justify-content:center;align-items:center;gap:8px;width:100%}.btn-action{height:32px;padding:0 10px;font-size:13px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{border-bottom:1px solid var(--border);padding:10px;font-weight:600;cursor:pointer}.admin-table th:hover{color:var(--brand-blue)}.admin-table td{padding:10px;border-bottom:1px solid var(--border-light)}.admin-table tr:hover{background:#f9fafb}.admin-table th.text-center{text-align:center!important}.admin-table th.text-right{text-align:right!important}.admin-table th,.admin-table td{vertical-align:middle}.table-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:14px;font-weight:500}.table-skeleton{width:100%;display:flex;flex-direction:column;gap:10px}.skeleton-row{height:36px;background:linear-gradient(90deg,#f1f5f9 25%,#e5e7eb 37%,#f1f5f9 63%);background-size:400% 100%;border-radius:4px;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.loading-spinner{width:36px;height:36px;border:4px solid #e5e7eb;border-top:4px solid var(--brand-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-body{padding:0 4px}.modal-content{padding-right:8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;justify-content:flex-end;padding-right:100px;z-index:1000}.modal-card{background:#fff;border-radius:10px;padding:24px 32px 24px 24px;width:840px;max-width:95vw;box-shadow:0 10px 25px #0000001f,0 4px 10px #00000014;max-height:90vh;overflow-y:auto;overflow:visible;overflow-x:hidden}.modal-card::-webkit-scrollbar-track{margin-top:30px;margin-bottom:30px}.modal-card p{margin:0}.modal-card .mt-2{margin-top:10px}.modal-card .mt-3{margin-top:16px}.grid{width:100%}.modal-card::-webkit-scrollbar{width:10px}.modal-card::-webkit-scrollbar-track{background:transparent}.modal-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.modal-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:900px){.grid-3{grid-template-columns:1fr}.span-3{grid-column:span 1}}@media(max-width:700px){.conteudo{padding:20px}.page{max-width:100%}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:30px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;text-align:center}.badge-success{background:#e6f4ea;color:#166534}.badge-success .badge-dot{background:#1e7e34}.badge-danger{background:#fdecea;color:#991b1b}.badge-danger .badge-dot{background:#c62828}.badge-info{background:#eef2ff;color:#3730a3}.badge-info .badge-dot{background:#3730a3}.filter-tabs{display:flex;align-items:flex-end;margin-top:12px;position:relative;z-index:1}.filter-tab{padding:10px 16px;cursor:pointer;background:#f9fafb;color:#6b7280;border:1px solid var(--border);border-bottom:none;margin-right:6px;border-radius:6px 6px 0 0;font-size:13px;transition:all .2s;position:relative;z-index:1}.filter-tab:hover{background:#eef2f7}.filter-tab.active{background:#fff;color:var(--brand-blue);font-weight:600;z-index:3;border-bottom:1px solid #fff;transform:translateY(1px)}.tab-content{border:1px solid var(--border);border-radius:0 6px 6px;padding:16px;background:#fff}.sortable{cursor:pointer}.sortable:hover{color:var(--brand-blue)}.th-content{display:flex;align-items:center;justify-content:inherit;width:100%;gap:6px}.sort-indicator{font-size:11px;opacity:.7}.pagination-info{font-size:13px;color:#6b7280}.btn-action-square{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:0;transition:background .15s ease,transform .08s ease,box-shadow .15s ease}.btn-action-square i,.btn-action-square svg{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.btn-action-square i{font-size:15px;line-height:1}.btn-edit{background:#e5e7eb}.btn-edit:hover{background:#d1d5db;box-shadow:0 2px 6px #00000014}.btn-delete{background:#dc2626;color:#fff}.btn-delete:hover{background:#b91c1c;box-shadow:0 4px 10px #dc262640}.btn-action-square:active{transform:scale(.96);box-shadow:none}.btn-toggle-active{background:#16a34a;color:#fff}.btn-toggle-active:hover{background:#15803d}.btn-toggle-inactive{background:#e5e7eb;color:#374151}.btn-toggle-inactive:hover{background:#d1d5db}.toast{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:6px;color:#fff;font-size:14px;box-shadow:0 4px 12px #00000026;z-index:2000;animation:fadeIn .2s ease}.toast-success{background:#16a34a}.toast-error{background:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.top-list{list-style:none;padding:0;margin:0}.top-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light)}.top-item:last-child{border-bottom:none}.top-value{font-weight:600;color:#374151}.setup-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 20px}.setup-step{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#9ca3af}.setup-step .circle{width:32px;height:32px;border-radius:50%;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:600}.setup-step.active{color:#0b4f8a}.setup-step.active .circle{border-color:#0b4f8a;background:#0b4f8a;color:#fff}.setup-steps .line{flex:1;height:2px;background:#e5e7eb;margin:0 10px}.login-divider{display:flex;align-items:center;margin:16px 0}.login-divider span{margin:0 auto;font-size:12px;color:#9ca3af}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.btn-google{background:#fff;border:1px solid #e5e7eb;color:#111827;font-weight:600}.btn-google:hover{background:#f9fafb}.code-inputs{display:flex;gap:10px;margin:20px 0;justify-content:center}.code-inputs input{width:45px;height:55px;text-align:center;font-size:22px;border:1px solid #e5e7eb;border-radius:6px}.code-inputs input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 2px #0b4f8a1a}.sidebar{position:fixed;top:0;left:0;height:100vh;width:220px;background:linear-gradient(180deg,var(--brand-blue-dark),#071a2b);color:#fff;padding:20px 14px;z-index:2000;transition:width .35s cubic-bezier(.4,0,.2,1);overflow:visible}.sidebar.collapsed{width:88px}.sidebar-logo{display:flex;align-items:center;justify-content:center;height:70px;margin-bottom:20px}.logo-mini{width:42px;display:none}.logo-full{height:40px}.sidebar.collapsed .logo-full{display:none}.sidebar.collapsed .logo-mini{display:block}.sidebar-toggle{text-align:center;cursor:pointer;margin-bottom:25px;font-size:20px;opacity:.65;transition:transform .3s ease,opacity .2s ease}.sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar-toggle:hover{opacity:1}.sidebar-menu a,.sidebar-menu a:visited,.sidebar-menu a:active,.sidebar-menu a:focus,.sidebar-submenu a,.sidebar-submenu a:visited,.sidebar-submenu a:active,.sidebar-submenu a:focus{color:#fff;text-decoration:none}.sidebar-menu a,.sidebar-item{position:relative;padding:14px;border-radius:5px;display:flex;align-items:center;gap:14px;font-size:15px;min-height:48px;margin-bottom:6px;transition:background .2s ease,transform .2s ease,box-shadow .25s ease;overflow:hidden}.sidebar-menu a:hover,.sidebar-item:hover{background:#ffffff14;transform:translate(4px)}.sidebar-menu>a.active,.sidebar-group>.sidebar-item.active{background:#ffffff29;font-weight:600}.sidebar-menu>a.active{box-shadow:0 0 12px #3fbf7f40}.sidebar-menu>a.active:before,.sidebar-group>.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:14px 0 0 14px;background:var(--brand-green);animation:slideIndicator .25s ease;transform-origin:top}.sidebar-group{position:relative}.sidebar-submenu{display:none;flex-direction:column;gap:6px;padding:14px;min-width:240px;border-radius:5px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08192deb;box-shadow:0 25px 50px #00000073;position:absolute;left:100%;top:0;z-index:3000;animation:fadeIn .22s ease}.sidebar-group:hover .sidebar-submenu,.sidebar-submenu:hover{display:flex}.sidebar-submenu a{background:#ffffff0f;padding:10px 14px;border-radius:5px;border-left:3px solid transparent;transition:all .2s ease}.sidebar-submenu a:hover{background:#ffffff2e;transform:translate(3px)}.sidebar-submenu a.active{background:#ffffff38;border-left:3px solid var(--brand-green);font-weight:600}.sidebar.collapsed .sidebar-menu>a span,.sidebar.collapsed .sidebar-group>.sidebar-item span{display:none}.sidebar.collapsed .sidebar-menu>a,.sidebar.collapsed .sidebar-group>.sidebar-item{justify-content:center}.sidebar.collapsed .sidebar-menu>a:hover:after,.sidebar.collapsed .sidebar-group>.sidebar-item:hover:after{content:attr(data-label);position:absolute;left:110%;background:#0f2b46;padding:8px 12px;border-radius:8px;font-size:13px;white-space:nowrap;box-shadow:0 15px 30px #0006}.sidebar+.conteudo{margin-left:260px;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed+.conteudo{margin-left:88px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIndicator{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}