.organization-boot { height: 100vh; display: flex; background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: Manrope, sans-serif; }
.organization-boot aside { width: 260px; flex-shrink: 0; padding: 28px 24px; background: #fff; display: flex; flex-direction: column; border-right: 1px solid #e0e7ef; }
.organization-boot .boot-brand { height: 38px; display: flex; align-items: center; }
.organization-boot .boot-brand img { width: 148px; height: 38px; object-fit: contain; object-position: left; }
.organization-boot i { display: block; background: #e6ebf3; border-radius: 8px; }
.organization-boot .boot-nav { display: grid; gap: 28px; padding-top: 36px; }
.organization-boot .boot-nav i { width: 72%; height: 16px; }
.organization-boot .boot-nav i:first-child { width: 100%; height: 38px; background: hsl(var(--org-tint, 219 35% 93%)); }
.organization-boot footer { display: flex; align-items: center; gap: 7px; margin-top: auto; font-size: 9.5px; font-weight: 700; justify-content: center; border-top: 1px solid #e0e7ef; padding-top: 20px; }
.organization-boot footer img { width: 16px; height: 16px; }
.organization-boot main { flex: 1; min-width: 0; }
.organization-boot header { height: 64px; background: #fff; border-bottom: 1px solid #e0e7ef; }
.organization-boot section { padding: 40px 32px; }
.organization-boot .boot-title { width: 240px; max-width: 80%; height: 32px; margin-bottom: 40px; }
.organization-boot .boot-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.organization-boot .boot-metrics i { height: 110px; }
.organization-boot .boot-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 28px; }
.organization-boot .boot-panels i { height: 300px; }
.dark .organization-boot aside, .dark .organization-boot header { background: #152b41; border-color: #45586e; }
.dark .organization-boot i { background: #263d54; }
@media (max-width: 1023px) { .organization-boot aside { display: none; } }
@media (max-width: 640px) { .organization-boot section { padding: 28px 16px; } .organization-boot .boot-metrics { gap: 10px; } .organization-boot .boot-panels { grid-template-columns: 1fr; } }

.organization-boot .boot-brand-compact { height: 60px; }
.organization-boot .boot-brand-compact img { width: 120px; height: 60px; }