@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap";:root{--color-primary:#009edb;--color-primary-light:#33b4e5;--color-error:#ba1a1a;--color-surface:#f7f9ff;--color-surface-dim:#f1f5f9;--color-on-surface:#131c25;--color-on-surface-variant:#424750;--color-outline-variant:#c2c6d2;--sidebar-width:256px;--navbar-height:56px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.kpi-value{letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:3rem;font-weight:900;line-height:1}.kpi-suffix{color:var(--color-on-surface-variant);margin-left:8px;font-size:1.125rem;font-weight:700}.label-xs{text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-variant);font-size:10px;font-weight:700}.app-navbar{z-index:100;-webkit-backdrop-filter:blur(12px);transition:box-shadow .2s;position:sticky;top:0;box-shadow:0 1px 3px #00000014;background:#ffffffd9!important}.app-brand{letter-spacing:-.03em;color:var(--color-primary);font-size:20px;font-weight:900}.sidebar-container{border-right:1px solid #e2e8f0;background:var(--color-surface-dim)!important}.sidebar-header{padding:24px 20px 16px}.sidebar-header h3{color:var(--color-primary);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.sidebar-header p{text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-variant);margin:2px 0 0;font-size:10px;font-weight:500}.sidebar-footer{border-top:1px solid #e2e8f0;padding:16px}.sidebar-user{align-items:center;gap:12px;padding:8px 4px;display:flex}.sidebar-user-name{color:var(--color-on-surface);font-size:12px;font-weight:700}.sidebar-user-role{color:var(--color-on-surface-variant);font-size:10px}.sidebar-nav .ant-menu-item{letter-spacing:.02em;font-size:13px;font-weight:500;transition:transform .2s,background .2s;border-radius:8px!important;margin:2px 8px!important}.sidebar-nav .ant-menu-item:hover{transform:translate(4px)}.sidebar-nav .ant-menu-item-selected{border-left:4px solid var(--color-primary);font-weight:700;transform:none;box-shadow:0 1px 3px #0000001a;background:#fff!important}.kpi-card{transition:transform .2s,box-shadow .2s;overflow:hidden;border-radius:16px!important;box-shadow:0 1px 3px #0000000f!important}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}.kpi-card-primary{border-bottom:4px solid var(--color-primary)}.kpi-card-error{border-bottom:4px solid var(--color-error)}.kpi-card-dark{border-bottom:4px solid #014888}.alert-card{border-radius:12px;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.alert-card-warning{border-left:4px solid var(--color-error);background:#ffdada4d}.alert-card-info{border-left:4px solid var(--color-primary);background:#d5e3ff4d}.chart-card{border-radius:16px!important;box-shadow:0 1px 3px #0000000f!important}.app-footer{background:#e0e9f54d;border-top:1px solid #e2e8f0;padding:24px 32px}@media (width<=768px){.kpi-value{font-size:2rem}.kpi-suffix{font-size:.875rem}.app-brand{font-size:16px}.hide-mobile{display:none!important}h1,h2,h3{word-break:break-word;overflow-wrap:break-word}.ant-card-head-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-select{max-width:100%!important}.ant-tag{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.ant-descriptions-item-label,.ant-descriptions-item-content{word-break:break-word}.ant-collapse-header-text{min-width:0;overflow:hidden}.ant-select-selector{min-width:0!important}.ant-space-compact{max-width:100%}}@media (width>=769px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-on-surface-variant)}.ant-collapse>.ant-collapse-item>.ant-collapse-header{align-items:center!important;padding-top:10px!important;padding-bottom:10px!important}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-expand-icon{margin-top:0!important;padding-top:0!important}
