:root{--bg-base: #0a0a0b;--bg-surface: #141416;--bg-surface-elevated: #1e1e21;--bg-surface-hover: #262629;--text-primary: #ededef;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-light: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .16);--accent-primary: #3b82f6;--accent-hover: #2563eb;--status-success: #10b981;--status-success-bg: rgba(16, 185, 129, .15);--status-danger: #f43f5e;--status-danger-bg: rgba(244, 63, 94, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15);--status-info: #0ea5e9;--status-info-bg: rgba(14, 165, 233, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:260px;background-color:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100%}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-light)}.sidebar-logo{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.sidebar-nav{padding:16px 12px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s ease}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--border-light);color:var(--text-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-base)}.page-header{padding:24px 32px;border-bottom:1px solid var(--border-light);background-color:#141416cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.page-content{padding:32px;overflow-y:auto;flex:1}.card{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.metric-card{display:flex;flex-direction:column;gap:8px}.metric-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:var(--status-success-bg);color:var(--status-success)}.badge-danger{background-color:var(--status-danger-bg);color:var(--status-danger)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning)}.badge-info{background-color:var(--status-info-bg);color:var(--status-info)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{background-color:transparent;border:1px solid var(--border-light);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-surface-hover)}.data-table-container{width:100%;overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--bg-surface)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:16px;border-bottom:1px solid var(--border-light)}.data-table th{background-color:var(--bg-surface-elevated);font-weight:500;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--bg-surface-hover)}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.input-field{background-color:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 12px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .2s;width:100%}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.va-card-container{display:flex;flex-wrap:wrap}.va-media-sidebar{flex-shrink:0}.va-header-wrap{flex-wrap:wrap}@media(max-width:768px){.va-card-container{flex-direction:column!important}.va-media-sidebar{width:100%!important;max-width:100%!important;border-bottom:1px solid #2d313a;border-right:none!important}.va-header-wrap{flex-direction:column!important;align-items:flex-start!important;gap:12px;padding:16px!important}.va-header-stats{width:100%;justify-content:space-between;gap:8px!important;flex-wrap:wrap}}