:root{--font-primary:"Outfit", sans-serif;--bg-app:#080c14;--bg-sidebar:#0f1626;--bg-card:#111827b3;--bg-card-hover:#162036d9;--border-glow:#ffffff0f;--border-glow-hover:#8b5cf633;--primary:#8b5cf6;--primary-glow:#8b5cf64d;--primary-hover:#a78bfa;--secondary:#06b6d4;--secondary-glow:#06b6d44d;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--danger-hover:#f87171;--gold:#f59e0b;--gold-bg:#f59e0b1a;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--box-shadow-neon:0 8px 32px 0 #0006;--backdrop-blur:blur(12px)}*{box-sizing:border-box;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-user-select:none;user-select:none;height:100vh;overflow-x:hidden}body.auth-checking .app-container{display:none!important}body.auth-checking{background-color:var(--bg-main)}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-glow);flex-direction:column;justify-content:space-between;height:100%;padding:24px 16px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:32px;padding:8px 12px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-md);width:42px;height:42px;box-shadow:0 4px 14px var(--primary-glow);justify-content:center;align-items:center;display:flex}.logo-icon{color:#fff;width:22px;height:22px}.brand-text h1{letter-spacing:.5px;background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.brand-text span{color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem;font-weight:600;display:block}.nav-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;outline:none;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:500;display:flex}.nav-item i{width:20px;height:20px;transition:var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background-color:var(--border-glow)}.nav-item.active{color:#fff;border-left:3px solid var(--primary);background:linear-gradient(135deg,#8b5cf626,#06b6d40d);padding-left:13px}.nav-item.active i{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary-glow))}.sidebar-footer{border-top:1px solid var(--border-glow);margin-top:16px;padding-top:16px}.user-profile{align-items:center;gap:12px;padding:4px 8px;display:flex}.avatar{background-color:var(--border-glow);width:38px;height:38px;color:var(--text-secondary);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem}.main-content{flex-direction:column;height:100vh;display:flex;position:relative;overflow-y:auto}.topbar{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-glow);z-index:10;background-color:#080c14b3;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:sticky;top:0}.topbar-left h2{color:#fff;margin-bottom:2px;font-size:1.5rem;font-weight:700}.topbar-left p{font-size:.88rem}.topbar-right{gap:12px;display:flex}.content-body{flex-direction:column;flex-grow:1;gap:32px;padding:32px;display:flex}.app-section{opacity:0;transition:opacity .3s,transform .3s;display:none;transform:translateY(12px)}.app-section.active{opacity:1;flex-direction:column;gap:32px;display:flex;transform:translateY(0)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.btn i{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;box-shadow:0 4px 14px #8b5cf640}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover), var(--primary));transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf666}.btn-secondary{background-color:var(--border-glow);color:var(--text-primary);border:1px solid #ffffff14}.btn-secondary:hover{background-color:#ffffff1f;border-color:#ffffff26}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.btn-danger:hover{background-color:var(--danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-text{padding:6px 12px}.btn-text:hover{background-color:#ffffff0d}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.78rem}.btn-file-wrapper{position:relative;overflow:hidden}.btn-file-wrapper input[type=file]{text-align:right;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;background:#fff;outline:none;font-size:100px;display:block;position:absolute;top:0;right:0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:var(--transition-smooth);align-items:center;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.kpi-card:hover{border-color:var(--border-glow-hover);box-shadow:var(--box-shadow-neon);transform:translateY(-3px)}.kpi-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.kpi-icon-wrapper i{width:24px;height:24px}.text-cyan{color:var(--secondary)}.text-cyan-bg{background-color:#06b6d41a;border:1px solid #06b6d426}.text-purple{color:var(--primary)}.text-purple-bg{background-color:#8b5cf626;border:1px solid #8b5cf633}.text-green{color:var(--success)}.text-green-bg{background-color:var(--success-bg);border:1px solid #10b98126}.text-gold{color:var(--gold)}.text-gold-bg{background-color:var(--gold-bg);border:1px solid #f59e0b26}.kpi-data{flex-direction:column;display:flex}.kpi-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:.8rem;font-weight:600}.kpi-value{color:#fff;margin-bottom:2px;font-size:1.62rem;font-weight:700}.kpi-meta{color:var(--text-muted);font-size:.75rem}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dashboard-card{background-color:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:24px}.card-header{flex-direction:column;margin-bottom:20px;display:flex}.card-header.flex-between{flex-direction:row;justify-content:space-between;align-items:center}.card-header h4{color:#fff;font-size:1.1rem;font-weight:600}.chart-wrapper{width:100%;height:280px;position:relative}.alerts-list{flex-direction:column;gap:12px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.alert-item{border:1px solid var(--border-glow);border-radius:var(--radius-md);background-color:#ffffff05;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.alert-item.alert-danger{border-left:3px solid var(--danger)}.alert-item.alert-warning{border-left:3px solid var(--warning)}.alert-item i{width:18px;height:18px;margin-top:2px}.alert-content h5{color:#fff;margin-bottom:2px;font-size:.85rem;font-weight:600}.alert-content p{color:var(--text-secondary);font-size:.78rem}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-glow);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:.82rem;font-weight:600}.data-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff08;padding:14px 16px}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background-color:#ffffff04}.table-caption{margin-top:12px;font-size:.75rem;display:block}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-active{background-color:var(--success-bg);color:var(--success);border:1px solid #10b98133}.badge-pending{background-color:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.badge-expired{background-color:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.badge-entrada{background-color:var(--success-bg);color:var(--success)}.badge-saida{background-color:var(--danger-bg);color:var(--danger)}.table-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.table-actions.flex-end{justify-content:flex-end}.search-box{flex-grow:1;max-width:420px;position:relative}.search-box i{color:var(--text-muted);width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{background-color:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-md);color:#fff;width:100%;transition:var(--transition-fast);outline:none;padding:12px 16px 12px 42px;font-size:.88rem}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.filter-group{align-items:center;gap:12px;display:flex}.filter-group select,.form-control{background-color:var(--bg-card);border:1px solid var(--border-glow);color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);outline:none;padding:10px 16px;font-size:.88rem}.filter-group select:focus,.form-control:focus{border-color:var(--primary)}.server-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.server-card{background-color:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:var(--transition-smooth);flex-direction:column;justify-content:space-between;min-height:200px;padding:24px;display:flex;position:relative}.server-card:hover{border-color:var(--border-glow-hover);box-shadow:var(--box-shadow-neon);transform:translateY(-3px)}.server-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.server-card-header h4{color:#fff;font-size:1.15rem;font-weight:600}.server-stock{align-items:baseline;gap:8px;margin-bottom:20px;display:flex}.stock-value{font-size:2.25rem;font-weight:700}.stock-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.server-meta-list{border-top:1px solid #ffffff0d;flex-direction:column;gap:6px;margin-bottom:16px;padding-top:12px;font-size:.82rem;display:flex}.server-meta-item{color:var(--text-secondary);justify-content:space-between;display:flex}.server-meta-item span.val{color:#fff;font-weight:500}.server-actions{gap:8px;display:flex}.server-actions button{flex-grow:1}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background-color:#04060c99;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-card{background-color:var(--bg-sidebar);border-radius:var(--radius-lg);border:1px solid #ffffff14;width:100%;max-width:600px;max-height:90vh;transition:transform .25s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;transform:translateY(30px)scale(.98);box-shadow:0 20px 50px #0009}.modal-overlay.active .modal-card{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--border-glow);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;display:flex}.modal-header h3 i{color:var(--primary);width:20px;height:20px}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close:hover{background-color:var(--border-glow);color:#fff}.modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.form-row{gap:16px;display:flex}.flex-1{flex:1}.flex-grow-2{flex:2}.form-control{width:100%}textarea.form-control{resize:vertical}.hidden-fields{border-left:2px solid var(--primary);flex-direction:column;gap:14px;padding-left:16px;display:flex}.hidden{display:none!important}.modal-footer{border-top:1px solid var(--border-glow);justify-content:flex-end;gap:12px;margin-top:6px;padding-top:18px;display:flex}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:42px 24px;display:flex}.empty-state i.large-icon{width:48px;height:48px;margin-bottom:8px}.empty-state h3{color:#fff;font-size:1.05rem;font-weight:600}.empty-state p{max-width:320px;font-size:.82rem}.config-grid{grid-template-columns:1fr;gap:24px;display:grid}.config-card{flex-direction:column;gap:16px;display:flex}.config-card .card-header{flex-direction:row;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.card-icon{border-radius:var(--radius-sm);border:1px solid var(--border-glow);background-color:#ffffff05;width:36px;height:36px;padding:8px}.config-card .card-body p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.config-actions{flex-wrap:wrap;gap:12px;display:flex}.danger-zone{background:linear-gradient(180deg, var(--bg-card) 0%, #ef444405 100%);border:1px solid #ef444426}.danger-zone .card-icon{background-color:var(--danger-bg)}.financial-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.mini-summary-card{background-color:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.mini-summary-card span.title{text-transform:uppercase;color:var(--text-secondary);font-size:.78rem;font-weight:600}.mini-summary-card h4{color:#fff;font-size:1.35rem;font-weight:700}.mini-summary-card p.subtitle{font-size:.72rem}.margin-top-sm{margin-top:8px}.margin-top-md{margin-top:16px}.margin-top-lg{margin-top:32px}.font-semibold{font-weight:600}.action-buttons{gap:8px;display:flex}.btn-icon-only{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-glow);padding:6px}.btn-icon-only:hover{color:#fff;background-color:var(--border-glow)}.btn-icon-only.btn-whats{color:#25d366;background-color:#25d3660a;border-color:#25d36626}.btn-icon-only.btn-whats:hover{color:#fff;background-color:#25d366}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.app-container{grid-template-rows:1fr auto;grid-template-columns:1fr}.sidebar{border-right:none;border-top:1px solid var(--border-glow);background-color:var(--bg-sidebar);z-index:99;flex-direction:row;grid-row:2;justify-content:space-around;align-items:center;width:100vw;height:65px;padding:4px 8px;position:fixed;bottom:0;left:0}.brand,.sidebar-footer,.nav-item span{display:none!important}.nav-menu{flex-direction:row;justify-content:space-around;gap:0;width:100%}.nav-item{justify-content:center;width:auto;padding:8px}.nav-item.active{border-left:none;border-bottom:3px solid var(--primary);padding-left:8px}.main-content{height:calc(100vh - 65px)}.topbar{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}.topbar-right{width:100%}.topbar-right button{flex:1}.content-body{gap:20px;padding:20px}.kpi-grid{grid-template-columns:1fr 1fr}.server-grid{grid-template-columns:1fr}.modal-card{width:95%;margin:10px}.form-row{flex-direction:column;gap:14px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}