:root{--verde-bravante:#007b4e;--amarelo-bravante:#eaab00;--verde-70:#629676;--verde-80:#508074;--verde-45:#93b29c;--verde-60:#75a084;--amarelo-80:#f2ba46;--amarelo-65:#f7c66b;--amarelo-45:#fcd798;--cinza-bravante:#989aa5;--white:#fff;--off-white:#f7f8fa;--gray-100:#f0f1f3;--gray-200:#e2e3e7;--gray-300:#c5c7ce;--gray-600:#5a5c66;--gray-800:#2e2f35;--black:#1a1b1f;--color-primary:var(--verde-bravante);--color-accent:var(--amarelo-bravante);--color-bg:var(--white);--color-bg-alt:var(--off-white);--color-text:var(--gray-800);--color-text-muted:var(--cinza-bravante);--color-border:var(--gray-200);--color-success:#16a34a;--color-error:#dc2626;--color-warning:var(--amarelo-bravante);--font-primary:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",sans-serif;--font-mono:"SF Mono","Cascadia Code","Consolas",monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--header-height:64px;--sidebar-width:260px;--sidebar-collapsed:64px;--content-max-width:1200px;--border-radius:6px;--border-radius-lg:10px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 4px 16px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-base:250ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg-alt);line-height:1.6;min-height:100vh}a,h1,h2,h3,h4,h5,h6,label,li,p,span,td,th{text-align:left}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--verde-70)}img{max-width:100%;height:auto;display:block}h1{font-size:1.75rem;color:var(--color-primary);line-height:1.3;margin-bottom:var(--space-4)}h1,h2{font-weight:700}h2{font-size:1.375rem;line-height:1.35;margin-bottom:var(--space-3)}h2,h3{color:var(--gray-800)}h3{font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:var(--space-2)}p{margin-bottom:var(--space-3);color:var(--gray-600)}.app-layout,.app-main{display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:var(--sidebar-width);padding-top:var(--header-height);flex-direction:column;transition:margin-left var(--transition-base)}.app-content{flex:1 1;padding:var(--space-8);max-width:var(--content-max-width);width:100%}.card{background:var(--white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.btn,.card-header{align-items:center}.btn{display:inline-flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--border-radius);font-family:var(--font-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);line-height:1.5}.btn-primary{background:var(--color-primary);color:var(--white)}.btn-primary:hover{background:var(--verde-70)}.btn-accent{background:var(--color-accent);color:var(--gray-800)}.btn-accent:hover{background:var(--amarelo-80)}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--white)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-1)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-primary);font-size:.9375rem;color:var(--color-text);background:var(--white);transition:border-color var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,78,.12)}.form-input::placeholder{color:var(--gray-300)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:.75rem;font-weight:600;line-height:1}.badge-active{background:rgba(0,123,78,.1);color:var(--color-primary)}.badge-maintenance{background:rgba(234,171,0,.15);color:#8b6914}.badge-offline{background:rgba(220,38,38,.1);color:var(--color-error)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}.data-table td,.data-table th{padding:var(--space-3) var(--space-4)}.data-table td{border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--gray-600)}.data-table tr:hover td{background:var(--off-white)}.mesh-accent{position:fixed;bottom:0;right:0;width:300px;height:300px;pointer-events:none;z-index:0;opacity:.06;overflow:hidden}.mesh-accent:after,.mesh-accent:before{content:"";position:absolute;width:0;height:0}.mesh-accent:before{bottom:-20px;right:-20px;border-left:140px solid transparent;border-right:140px solid transparent;border-bottom:200px solid var(--verde-bravante);transform:rotate(331.3deg)}.mesh-accent:after{bottom:40px;right:80px;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:120px solid var(--amarelo-bravante);transform:rotate(331.3deg)}.btn-danger{background:var(--color-error);color:var(--white);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--border-radius);font-family:var(--font-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);line-height:1.5}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--space-8);width:100%;max-width:580px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.125rem;font-weight:700;color:var(--gray-800);margin:0}.modal-close{background:none;border:none;font-size:1.375rem;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--border-radius);transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text)}.modal-error{background:rgba(220,38,38,.08);color:var(--color-error);border:1px solid rgba(220,38,38,.25);border-radius:var(--border-radius);padding:var(--space-3) var(--space-4);font-size:.875rem;margin-bottom:var(--space-4)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.status-banner{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);border:1px solid transparent;font-size:.9375rem;line-height:1.5}.status-banner-error{background:rgba(220,38,38,.08);color:var(--color-error);border-color:rgba(220,38,38,.25)}.toast{position:fixed;bottom:var(--space-8);right:var(--space-8);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:10000;font-size:.9375rem;font-family:var(--font-primary);pointer-events:none;animation:toastIn .18s ease forwards}.toast-success{background:var(--color-success);color:var(--white)}.toast-error{background:var(--color-error);color:var(--white)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.app-main{margin-left:var(--sidebar-collapsed)}}@media (max-width:768px){.app-main{margin-left:0}.app-content{padding:var(--space-4)}}