@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #10B981;--color-primary-hover: #059669;--color-secondary: #0F172A;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-text-main: #0F172A;--color-text-muted: #64748B;--color-border: #E2E8F0;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text-main);letter-spacing:-.025em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-weight:500;font-size:.875rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-border)}.btn-outline:hover{background-color:var(--color-surface-hover)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:24px;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-danger{background:#fee2e2;color:#991b1b}.badge-neutral{background:#f1f5f9;color:#475569}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layout-container{display:flex;min-height:100vh;width:100%}.sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;background-color:#ecfdf5;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #10b9811a}.brand-text h1{font-size:1.125rem;font-weight:700;color:var(--color-secondary);margin-bottom:2px}.brand-text span{font-size:.75rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{padding:20px 16px;flex:1;overflow-y:auto}.nav-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding-left:12px}.mt-4{margin-top:32px}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:.875rem;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-secondary)}.nav-link.active{background-color:#ecfdf5;color:var(--color-primary);font-weight:600}.sidebar-footer{padding:16px;border-top:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);background:var(--color-surface-hover);position:relative}.avatar{width:32px;height:32px;background-color:#e2e8f0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#64748b}.details{display:flex;flex-direction:column}.details strong{font-size:.875rem;color:var(--color-secondary);line-height:1.2}.details span{font-size:.75rem;color:var(--color-text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;position:absolute;right:16px}.status-dot.online{background-color:var(--color-primary);box-shadow:0 0 0 2px #d1fae5}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:73px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#ecfdf5;border:1px solid #A7F3D0;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#065f46}.pulse{width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.page-content{padding:32px;flex:1}.page-header{margin-bottom:24px}.page-header h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.metric-card{padding:24px;display:flex;flex-direction:column;gap:8px}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.metric-title{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:var(--color-secondary);line-height:1}.metric-trend{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:4px}.trend-up{color:var(--color-primary)}.trend-down{color:var(--color-danger)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;padding:0 16px;align-items:center;justify-content:space-between}.mobile-header .brand{gap:8px}.mobile-header .brand-text h1{font-size:1rem}.hamburger-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:8px}@media(max-width:768px){.mobile-header{display:flex}.sidebar{position:fixed;left:-280px;transition:left .3s ease;z-index:30;width:260px}.sidebar.open{left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:25}.sidebar-overlay.visible{display:block}.main-content{margin-left:0;padding-top:56px}.topbar{display:none}.page-content{padding:16px}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-card{padding:16px}.metric-value{font-size:1.5rem}.metric-icon{width:36px;height:36px}.page-header h2{font-size:1.25rem}.card table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.moedor-page .page-header{flex-direction:column!important;gap:12px}}