:root{--color-navy-950: #071521;--color-navy-900: #0F1B2D;--color-navy-800: #13233A;--color-green-500: #2FD39A;--color-green-600: #23B982;--color-green-100: #E5FAF2;--color-white: #FFFFFF;--color-gray-50: #F4F7FA;--color-gray-100: #E8EDF2;--color-gray-500: #6D7885;--color-gray-800: #263442;--color-warning: #F4A340;--color-danger: #E55C67;--color-green-300: #7EE8C0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(7, 21, 33, .06), 0 1px 12px rgba(7, 21, 33, .04);--shadow-md: 0 8px 24px rgba(7, 21, 33, .14), 0 2px 8px rgba(7, 21, 33, .08);--sidebar-width: 248px;--topbar-height: 64px;--fs-sm: 13px;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--transition-fast: .15s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-gray-50);color:var(--color-gray-800);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-gray-100)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn:hover{opacity:.9}.btn-primary{background:var(--color-green-500);color:var(--color-navy-950)}.btn-secondary{background:var(--color-white);color:var(--color-navy-900);border-color:var(--color-gray-100)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;padding:10px 14px;color:var(--color-gray-500);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-gray-100);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--color-gray-100);white-space:nowrap}.table tbody tr:hover{background:var(--color-gray-50)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge-green{background:var(--color-green-100);color:var(--color-green-600)}.badge-warning{background:#fdf1e1;color:var(--color-warning)}.badge-danger{background:#fbe7e9;color:var(--color-danger)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-500)}.badge-navy{background:var(--color-navy-900);color:var(--color-white)}.page{padding:28px 32px;max-width:1400px}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.page-title{font-size:22px;font-weight:700;color:var(--color-navy-950);margin:0}.page-subtitle{color:var(--color-gray-500);font-size:14px;margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;margin-bottom:24px}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-navy-950);color:var(--color-white);display:flex;flex-direction:column;padding:20px 14px;overflow:hidden;transition:width .2s ease,padding .2s ease}.app-sidebar-collapsed{width:0;padding-left:0;padding-right:0}.app-sidebar-close{display:none;background:transparent;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:4px 8px}.app-sidebar-backdrop{display:none}.app-content{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{height:var(--topbar-height);flex-shrink:0;background:var(--color-white);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:12px}.app-nav-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-100);border-radius:8px;font-size:16px;padding:6px 10px;cursor:pointer;color:var(--color-navy-900);flex-shrink:0}@media (max-width: 1024px){.page{padding:22px 20px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 768px){.app-topbar{padding:0 14px}.app-nav-toggle{display:inline-flex}.app-user-name{display:none}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 24px #0000004d}.app-sidebar-open{transform:translate(0)}.app-sidebar-close{display:inline-flex}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#07152173;z-index:30}.page{padding:16px 14px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-title{font-size:19px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.chart-grid{grid-template-columns:1fr}.table th,.table td{padding:8px 10px;font-size:12.5px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.exceptions-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.exceptions-kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.exceptions-kanban{grid-template-columns:1fr}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-navy-950);padding:20px}.login-card{padding:40px 44px;width:380px;max-width:100%;background:var(--color-white)}.login-input{display:block;width:100%;margin-top:6px;padding:9px 11px;border-radius:8px;border:1px solid var(--color-gray-100);font-size:14px;font-family:inherit;color:var(--color-gray-800)}.login-input:focus{outline:none;border-color:var(--color-green-500)}@media (max-width: 480px){.login-card{padding:28px 22px}}.lang-switch{position:relative;font-size:var(--fs-sm)}.lang-switch__toggle{display:flex;align-items:center;gap:var(--space-3xs);color:var(--color-gray-800);font-weight:600;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.lang-switch__toggle::-webkit-details-marker{display:none}.lang-switch__toggle:hover{color:var(--color-navy-950);background:var(--color-gray-50)}.lang-switch[open] .lang-switch__toggle{color:var(--color-navy-950);background:var(--color-gray-100)}.lang-switch__current{letter-spacing:.02em}.lang-switch__chevron{transition:transform var(--transition-fast)}.lang-switch[open] .lang-switch__chevron{transform:rotate(180deg)}.lang-switch__menu{position:absolute;top:calc(100% + var(--space-2xs));right:0;min-width:10.5rem;max-height:280px;overflow-y:auto;margin:0;background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2xs);z-index:110;list-style:none}.lang-switch__option{display:block;width:100%;text-align:left;border:none;background:none;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);color:var(--color-gray-800);font-weight:500;font-size:var(--fs-sm);cursor:pointer}.lang-switch__option:hover{background:var(--color-gray-50);color:var(--color-navy-950)}.lang-switch__option.is-active{color:var(--color-green-600);font-weight:700}