* { scroll-behavior: smooth; }

    :root {
      --navy: #0b1f3a;
      --navy-2: #102a4c;
      --navy-3: #163b68;
      --bg: #f4f6f9;
      --line: #d6dde7;
      --text: #172033;
      --muted: #64748b;
      --card: #ffffff;
      --primary: #1d4ed8;
      --radius-sm: 6px;
      --radius-md: 8px;
      --radius-lg: 10px;
    }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .glass {
      background: #ffffff;
      border: 1px solid var(--line);
      box-shadow: none;
      backdrop-filter: none;
      border-radius: var(--radius-lg);
    }

    .soft-card,
    .corporate-card {
      background: var(--card);
      border: 1px solid var(--line);
      box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
      border-radius: var(--radius-lg);
    }

    aside {
      background: linear-gradient(180deg, #0b1120 0%, #172554 100%) !important;
      border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
      box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2) !important;
    }

    aside h1 {
      background: linear-gradient(135deg, #60a5fa 0%, #c084fc 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    aside p {
      color: #94a3b8 !important;
      font-weight: 500;
    }

    aside .absolute {
      background: rgba(255, 255, 255, 0.03) !important;
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      backdrop-filter: blur(10px);
      border-radius: var(--radius-lg) !important;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    aside .absolute p,
    aside .absolute #sidebarStatus {
      color: #bfdbfe !important;
    }

    .nav-item {
      color: #94a3b8;
      border: 1px solid transparent;
      background: transparent;
      box-shadow: none !important;
      border-radius: var(--radius-md) !important;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
    }

    .nav-item:hover {
      background: rgba(255, 255, 255, 0.05) !important;
      color: #ffffff;
      transform: translateX(4px);
    }

    .nav-item.active {
      background: linear-gradient(90deg, rgba(59, 130, 246, 0.15) 0%, transparent 100%) !important;
      border-left: 3px solid #3b82f6 !important;
      border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
      color: #ffffff !important;
      box-shadow: inset 1px 0 0 rgba(255,255,255,0.05) !important;
    }

    #sidebar button[onclick="toggleSidebar()"] {
      background: rgba(255, 255, 255, 0.05) !important;
      color: #ffffff;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: var(--radius-md) !important;
      transition: all 0.2s;
    }

    #sidebar button[onclick="toggleSidebar()"]:hover {
      background: rgba(255, 255, 255, 0.15) !important;
      transform: scale(1.05);
    }

    header {
      border-left: 4px solid var(--navy) !important;
    }

    h2, h3, h4 {
      color: #111827;
    }

    input, select, textarea {
      outline: none;
      background: #ffffff;
      border: 1px solid #cbd5e1 !important;
      box-shadow: none !important;
      border-radius: var(--radius-sm) !important;
    }

    input:focus, select:focus, textarea:focus {
      border-color: var(--primary) !important;
      box-shadow: 0 0 0 2px rgba(29,78,216,.10) !important;
    }

    button {
      box-shadow: none !important;
      border-radius: var(--radius-sm) !important;
    }

    .bg-slate-900 {
      background: var(--navy) !important;
    }

    .hover\:bg-slate-800:hover {
      background: var(--navy-2) !important;
    }

    .bg-blue-50,
    .bg-sky-50,
    .bg-slate-50 {
      background: #f8fafc !important;
    }

    .text-blue-700,
    .text-sky-700 {
      color: var(--navy-3) !important;
    }

    .border-blue-100,
    .border-slate-100 {
      border-color: var(--line) !important;
    }

    table {
      border-collapse: separate;
      border-spacing: 0;
    }

    table thead {
      background: #eef2f7 !important;
      color: #334155;
      border-bottom: 1px solid var(--line);
    }

    table th, table td {
      border-bottom: 1px solid #e8edf3;
    }

    table tbody tr:hover {
      background: #f8fafc;
    }

    .hidden-section { display: none; }
    .section-active { display: block; }

    .mini-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
    .mini-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }